/*!
Theme Name: Identity Division 2018
Theme URI: http://identitydivision.co
Author: Identity Division co. 
AuthorURI: http://identitydivision.co
Description: Identity Division Experience Design Studio
Version: 1.0
Text Domain: liselle
*/


/* LISELLE TABLE OF CONTENTS
==================================================
1 Fonts
2 Foundation & Reset
3 Typography
4 Layouts
5 Page Navigation
6 Header
7 Navigation
8 Footer
9 Widget Styling
10 Forms
11 Main Blog Index
12 Blog Comments & Replies
13 Single Blog Posts
14 Project Page Specfics (copy for individs)
15 Media Queries
blah

  

/* FONTS 
------------------------------------------------ */

.millerdisplaylight {
	font-family: "Miller Disp Lt";
	font-style: Normal;
	font-weight: Normal;
}

.millerdisplaylightitalic {
	font-family: "Miller Disp Lt It";
	font-style: Italic;
	font-weight: Normal;
}

strong {
	font-weight: bold;
}


/* FOUNDATION & RESET
------------------------------------------------ */

body, input, textarea {
	color: #4A4A4A;
	font-family: "miller-display";
	font-weight: 300;
	font-size: 19px;
	line-height: 32px;
}

::selection {
  background: #83B2E9; /* WebKit/Blink Browsers */
  color: #4A4A4A
}
::-moz-selection {
  background: #83B2E9; /* Gecko Browsers */
  color: #4A4A4A;
}

input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {
  opacity: 1!important;
}

.attachment-template-default .entry-title {
	display: none;
}

.attachment-template-default p.attachment img {
	width: 100%;
}



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

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

h1 {
	font-family: "filson-pro",sans-serif;
	font-size: 48px;
	letter-spacing: 0px;
	line-height: 68px;
	font-weight: 500;
	margin-bottom: 5%;
}
h2 {
	font-family: 'filson-pro', sans-serif;
	font-size: 24px;
	letter-spacing: 0px;
	line-height: 36px;
	font-weight: 400;
	text-transform: none;
}
h3 {
	font-family: "miller-display";
	font-size: 36px;
	font-weight: 100;
	line-height: 55px;
	letter-spacing: 1.25px;
}
h4 {
	font-family: "miller-display";
	font-weight: 100;
	letter-spacing: 1.25px;
		line-height: 28px;
		font-size: 24px;
}
h5 {
	font-family: 'filson-pro', sans-serif;
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 14px;
	font-weight: 100;
	text-transform: none;
	text-transform: uppercase;
}
h6 {
	font-family: "miller-display";
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 28px;
	font-weight: 100;
	font-style: italic; 
}

h7 {
	font-family: "miller-display";
	font-style: Italic;
	font-weight: Normal;
}

hr {
	background-color: #4A4A4A;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	float: left;
	width: 100%;
}

/* Text elements */
p {
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 2.5em;
}

ul {
  list-style: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.5em;
}

dd {
  margin-bottom: 1.5em;
}

em, i {
	font-family: "miller-display";
	font-style: Italic;
	font-weight: Normal;
}

blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0;
	font-size: 25px;
	font-family: "miller-display";
	line-height: 35px;
	border-left: 2px solid #4A4A4A;
	padding-left: 15px;
	margin-left: 0;
}

blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}

cite {
  color: #666;
  letter-spacing: 0.05em;
  padding-left: 60px;
}

pre {
  background: #f4f4f4;
  line-height: 1.5;
  margin-bottom: 1.5em;
  overflow: auto;
  padding: 0.75em 1.5em;
}

code, kbd {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym, dfn {
  cursor: help;
}

address {
  display: block;
  margin: 0 0 1.5em;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

strikethrough {
	text-decoration: line-through;
}

/* Assistive text */
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}

.hide {
	display: none;
}

#slide-down.hide {
	display: none!important;
}



/* 404 ERROR
------------------------------------------------ */

#all-error {
	padding-bottom: 5%;
	float: left;
	width: 100%;
	text-align: center;
}

.oops-text {
	margin: auto;
	width: 75%;
}



/* =LAYOUTS
------------------------------------------------ */

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.home {
    background-color: #fff;
}

article {
  float: left;
  width: 100%;
}

.entry-header {
	float: left;
	width: 100%;
	padding-left: 0%;
	border-bottom: 0;
	background: none;
	color: inherit;
}

#page {
	float: left;
	overflow-x: hidden;
	padding-left: 7.5%;
	padding-right: 7.5%;
	width: 85%;
	padding-top: 6.5%;
}

.col {
  display: block;
  float: left;
  width: 100%;
  margin-left: 3%;
}

.col:first-child,
.col.pull-left {
  margin-left: 0;
}

.hentry {
  margin: 0 0 45px;
  padding: 0 0 40px;
  position: relative;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.page .hentry {
  border-bottom: none;
}

.entry-content,
.entry-summary {
 float: left;
 padding: 20px 0 0;
 width: 100%;
}

.entry-content table {
  margin: 0 0 1.5em;
  width: 100%;
}

.entry-content table td {
  padding: 6px 10px 6px 0;
}

.entry-content #s {
  width: 75%;
}

.pull-left {
  float: left;
  margin-right: 5%;
  width: 70%;
}

#secondary {
  float: left;
  width: 22%;
}

.comment-content table {
  margin: 0 0 1.5em;
  width: 100%;
}

.comment-content table td {
  padding: 6px 10px 6px 0;
}

.comment-content #s {
  width: 75%;
}

dl.gallery-item {
  margin: 0;
}

/* Images & Embeds */
embed
iframe,
object {
  max-width: 100%;
}

img {
  max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
}

img.size-full,
img.size-large {
  width: auto;
  /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 1.5em;
}

/* Captions */
.wp-caption {
  max-width: 100%;
  height: auto;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

.wp-caption img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.5em;
	padding: 5px 0;
	position: relative;
	margin-top: 1px;
	font-family: "miller-display";
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
}

.logo {
	float: left;
	width: 2.5%;
	padding-right: 1%;    
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	justify-content: center;
	align-items: center;
}

#logo-sect {
	border-right: 3px solid #F5F5F5;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;            
	padding-right: 2%;
	align-items: center;
}

#logo-sect svg {
	float: left;
	margin-top: 1%;
	margin-left: 10px;
}

.menu {
	float: left;
	margin-left: 4%;
	cursor: pointer;
}

.menu h2 {
	margin: 0;
	font-size: 18px;
}

.sd-col.menu svg {
	width: 14px !important;
	margin-left: 4px !important;
}

.home-sos {
	float: left;
	width: 100%;
	font-size: 18px !important;
	display: flex;
	align-items: center;
}

.home-icon {
	float: left;
	width: auto;
	margin-right: 5px;
}

.h-tit {
	float: left;
	width: auto;
	margin-top: 2px;
}

.home-sos h4 {
	font-size: 18px !important;
}

#quote-sect {
	float: left;
	width: auto;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1.5%;
	flex-grow: 1;
	cursor: pointer;
}

#quote-sect .quote {
	margin-top: 10px;
	line-height: 15px;
}

#quote-sect h2 {
	margin: 0;
}

#quote-sect .quote {
	float: left;
	margin-right: 2%;
}

#quote-sect .quote h2 {
	font-size: 30px;
	color: #4A4A4A !important;
}

#quote-sect .text {
	float: left;
	font-size: 12px;
	line-height: 16px;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;	
	justify-content: center;
	align-items: center;
}

#quote-sect .text h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 100;
	color: #4A4A4A !important;
}

#socials {
	float: right;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	min-width: 20%;
}

.soc-box {
	border-left: 1px solid #F5F5F5;
	padding: 0;
	color: #EBEAEA;
	height: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;	
	-webkit-box-flex: 1;
	-moz-box-flex: 1;     
	-webkit-flex: 1;         
	-ms-flex: 1;  
	flex: 1;          
	justify-content: center;
	align-items: center;
	float: left;
	min-width: 5%;
}

#branding .soc-box a {
	color: #EBEAEA;
	padding: 0 37%;
	transition: 0.2s ease-in-out 0.2s;
}

#branding .soc-box a:hover {
	color: #83B2E9;
	transition: 0.2s ease-in-out 0.2s;
}

.soc-box svg {
	font-size: 20px;
}

.soc-box a:before {
	display: none;
}

#head-entry {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

#logo-sect .arrow {
	display: none;
}

#logo-sect .arrow.active {
	display: block;
}

a.none:before {
	display: none;
}

a.none {
	font-weight: inherit;
}

/* =MENU DROPDOWN
------------------------------------------------ */

#slide-inner {
	float: left;
	width: 100%;
	align-items: center;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

#slide-down {
	float: left;
	width: 92%;
	padding-left: 6%;
	padding-right: 2%;
	padding-top: 3%;
	background: #F5F5F5;
	padding-bottom: 3%;
	align-items: center;
	visibility: hidden;
}

#slide-down a {
	color: inherit;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
}

#slide-down a:hover {
	color: #83B2E9;
}

#slide-down a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #83B2E9;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

#slide-down a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.sd-col {
	float: left;
	margin-right: 5%;
}

.sd-col h4 {
	margin-top: 0;
}

.sd-col.menu {
	min-width: 20%;
	margin-top: 0;
	margin-left: 0;
}

.sd-col.last {
	margin-right: 0;
}


/* =PAGE NAVIGATION
------------------------------------------------ */

#content nav {
  clear: both;
  overflow: hidden;
  padding: 0 0 1.5em;
}

.nav-previous {
  float: left;
  width: 50%;
}

.nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* Singular navigation */
#nav-single {
	float: left;
	position: relative;
	z-index: 1;
	width: 100%;
	margin-bottom: 7%;
	margin-top: 5%;
}

#nav-single .nav-previous,
#nav-single .nav-next {
  width: auto;
}

#nav-single .nav-next {
  padding-left: .5em;
}

#nav-single a {
	color: inherit;
	font-family: "miller-display";
	font-style: Italic;
	font-weight: Normal;
}

#nav-single a:before {
	background-color: #4A4A4A;
}



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

header {
	float: left;
	overflow: hidden;
	padding-left: 2%;
	width: 98%;
	border-bottom: 3px solid #F5F5F5;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	background: #fff;
}

#branding a {
	color: #32325d;
	font-size: 20px;
	font-weight: 400;
}

#logo {
	width: 100%;
	text-align: center;
	margin-top: -2.5%;
}

#logo img {
	width: 9%;
	height: auto;
	text-align: center;
	display: inline-block;
}

#access {
display: inline-block;
float: right;
margin: 0;
text-align: center;
width: 75%;
}

.menu-sales-menu-container, .menu-course-menu-container, .menu-logged-out-non-members-container, .menu-feb-18-tt-members-primary-course-menu-container {
float: right;
width: 80%;
}

.sign-up {
  margin-right: 1.75%;
}

.sign-up {
display: inline-block;
float: right;
width: auto;
}

#access ul {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
float: right;
list-style: outside none none;
margin: 0 !important;
padding-left: 0;
text-align: right;
width: 100%;
}

#access ul li {
display: inline-block;
line-height: 85px;
padding: 0 3%;
position: relative;
text-align: right;
vertical-align: middle;
white-space: nowrap;
width: auto;
}

#access ul li::after {
color: #59476f;
content: ".";
font-size: 38px;
position: absolute;
right: -3%;
top: -11px;
}

#access ul li:last-child::after {
  content: "";
}

.home #access ul li::after { 
    color: #fff;
}

.sign-up ul li::after {
    display: none;
}

.home #access ul li a {color: #fff;}

#access ul li a {
color: #729E8C;
cursor: pointer;
font-size: 13px;
font-weight: 400;
margin: 2px 0;
padding: 3% 0;
text-decoration: none;
text-transform: uppercase;
}

#PopupSignupForm_0 {
	z-index: 1000000000;
	position: relative;
}

#open-popup {
	cursor: pointer;
}

.blog #slide-down {
	margin-bottom: 5%;
	/* border-bottom: 5px solid #4A4A4A; */
}


/* =ELEMENTOR SPECIFICS
------------------------------------------------ */

.instafbox h1 a {
	width: auto;
	clear: both;
	float: none;
}

.elementor-section .elementor-container {
	width: 100%;
}




/* =ANIMATIONS KEYFRAMES
------------------------------------------------ */

@keyframes slideInFromLeft {
	0% {
	  transform: translateX(-100%);
	  opacity:0;
	}
	100% {
	  transform: translateX(0);
	  opacity:1;
	}
  }

  @keyframes slideInFromRight {
	0% {
	  transform: translateX(100%);
	  opacity:0;
	}
	100% {
	  transform: translateX(0);
	  opacity:1;
	}
  }

  @keyframes pop {
	0% {
		opacity:0;
		transform: scale(.5);
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform: scale(1);
	}
  }
 
 @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

 @keyframes comeIn {
	to { transform: translateY(0); }
  }


 /* =ANIMATION ELMENTS
------------------------------------------------ */

.hidden {
	opacity: 0;
  }  

#studio-services .fadeIn {
  animation-delay: .5s;
}

#page {
	-webkit-animation:fadeIn 1.5s;
	animation:fadeIn 1.5s
}

.home #page {
	-webkit-animation:fadeIn .2s;
	animation:fadeIn .2s
}
 
 .fadeIn {
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
  
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
  
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
 }

.tbl-2.fadeIn, .gramming a:nth-child(2n).fadeIn {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
  }
  
  .tbl-3.fadeIn, .gramming a:nth-child(3n).fadeIn  {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s;
  }

  .gramming a:nth-child(4n).fadeIn  {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	animation-delay: .6s;
  }

  .gramming a:nth-child(5n).fadeIn  {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
  }

  .gramming a:nth-child(6n).fadeIn  {
	-webkit-animation-delay: 1.0s;
	-moz-animation-delay: 1.0s;
	animation-delay: 1.0s;
  }

  .gramming a:nth-child(7n).fadeIn  {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
  }

  .gramming a:nth-child(8n).fadeIn  {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	animation-delay: 1.4s;
  }
  
  .gramming a {
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transform-style: preserve-3d;
	  transform-style: preserve-3d;
  }

  .fromLeft {
	animation: 1s ease-out 0s 1 slideInFromLeft;
	opacity: 1;
  }

  .fromRight {
	animation: 1s ease-out 0s 1 slideInFromRight;
	opacity: 1;
  }

  .comeIn {
	animation: come-in 0.8s ease forwards;
  }

  .col ul li {
	transform:scale(.5);
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.col ul li.onebyone:nth-child(1) {
	animation: pop 0.5s 0.2s 1 forwards;
}

.col ul li.onebyone:nth-child(2) {
	animation: pop 0.5s 0.4s 1 forwards;
}

.col ul li.onebyone:nth-child(3) {
	animation: pop 0.5s 0.6s 1 forwards;
}

.col ul li.onebyone:nth-child(4) {
	animation: pop 0.5s 0.8s 1 forwards;
}

.col ul li.onebyone:nth-child(5)  {
	animation: pop 0.5s 1s 1 forwards;
}

.col ul li.onebyone:nth-child(6)  {
	animation: pop 0.5s 1.2s 1 forwards;
}

#studio-services h3 {
	opacity: 0;
}


/* =SOCIAL BAR
------------------------------------------------ */

#social-bar {
	background: #6B8B9D;
	float: left;
	width: 78%;
	color: #fff;
	margin-left: -9%;
	padding-left: 20%;
	padding-right: 20%;
	text-align: center;
	font-family: 'filson-pro', sans-serif;
	font-weight: 100 !important;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 14px;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-top: 8%;
	position: relative;
	z-index: 100000000;
}

#social-bar a {
	font-weight: 100;
	transition: 0.5s ease-in-out;
	color: #fff;
}

#social-bar a:hover {
	color: #fff;
	opacity: 0.4;
}

#social-bar a:before {
	display: none;
}

.soc-foo-box svg {
	font-size: 3em;
	margin-right: 10px;
	float: left;
}

.soc-foo-box {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

.soc-foo-box h5 {
	margin: 0;
	float: left;
	margin: 0;
	clear: none;
	display: inline-block;
	line-height: 33px;
}


/* =MANIFESTO
------------------------------------------------ */

#words {
	float: left;
	width: 100%;
	margin-top: 5%;
}

#mani-quote {
	background: #F5F5F5;
	float: left;
	width: 100%;
	margin-left: -9%;
	padding-left: 9%;
	padding-right: 9%;
	margin-top: -12%;
	padding-top: 2%;
	padding-bottom: 2%;
}

#mani-quote h3 {
	width: 65%;
}

.si-right a {
	color: inherit;
}

.oppo .si-right {
	margin-left: 0;
	margin-right: 8%;
	width: 62%;
}

.oppo .si-right .btn {
	margin-top: 3%;
}

.mani-row h3 {
	margin-bottom: 0%;
}

.mani-row {
	margin-bottom: 5%;
}

.page-template-page-manifesto #long-form-su {
	margin-bottom: 5%;
	margin-top: 5%;
}



/* =PORTFOLIO PROJECT PAGES
------------------------------------------------ */

.page-template-page-portfolioproj .swiper-slide {
	transform: none!important;
	}
	
.page-template-page-portfolioproj .swiper-container-3d .swiper-slide-shadow-left,
.page-template-page-portfolioproj .swiper-container-3d .swiper-slide-shadow-right {
	background-image: none!important;
}

.page-template-page-portfolioproj #page {
	padding-top: 0!important;
}

.page-template-page-portfolioproj .elementor-section.elementor-section-stretched {
	position: relative;
	width: 118%;
	margin-left: -9%;
	margin-right: 0 !important;
}

.page-template-page-portfolioproj #branding {
	border-bottom: 0 !important;
}

.page-template-page-portfolioproj .elementor-section.elementor-section-stretched .attachment-full.size-full {
	width: 100% !important;
}

.page-template-page-portfolioproj .elementor-section.elementor-section-stretched .elementor-column-wrap.elementor-element-populated {
	padding: 0 !important;
}

.page-template-page-portfolioproj .elementor-image img.size-full {
	width: 100% !important;
}

.page-template-page-portfolioproj #social-bar {
	margin-top: 0;
}

.elementor-element-5e21c00 .elementor-column-wrap {
	padding: 0!important;
}


/* =LISTENING PODCASTS & MUSIC
------------------------------------------------ */

#con-lp {
	float: right;
	width: 40%;
	margin-top: -24%;
	z-index: 100000;
	position: relative;
}

.pod-sect a {
	color: inherit;
	font-weight: normal;
}

#contact-intro {
	float: left;
	width: 100%;
	margin-bottom: 5%;
}

.pods {
	float: left;
	width: 100%;
	margin-top: 3%;
}

.pods h3 {
	margin-top: 2%;
}

.pod-sect {
	float: left;
	width: 100%;
	margin-bottom: 1%;
}

.pod-sect.last h3 {
	margin-bottom: 0;
}

.full-grey.pb {
	padding-bottom: 8%;
}

.btn.last {
	margin-right: 0;
}

#pod-eps {
	float: left;
	width: 100%;
	margin-top: 5%;
}

.episode {
	float: left;
	width: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 7%;
}

.ep-img {
	width: 45%;
	margin-right: 5%;
	-webkit-box-flex: 1.5;
	-moz-box-flex: 1.5;     
	-webkit-flex: 1.5;         
	-ms-flex: 1.5;  
	flex: 1.5;  
}

.ep-img img {
	width: 100%;
	float: left;
}

.ep-details {
	text-align: center;
	-webkit-box-flex: 2;
	-moz-box-flex: 2;     
	-webkit-flex: 2;         
	-ms-flex: 2;  
	flex: 2;  
	width: 50%;
}

.ep-details p {
	margin-bottom: 8%;
}

.ep-details .btn {
	margin-right: 3%;
}

.ep-details h4 {
	width: 85%;
	margin: auto;
	margin-top: 8%;
}

.ep-details h5 {
	margin-top: 0;
}

#p-list {
	margin-bottom: -5%;
}

.oppo .ep-img {
	margin-right: 0;
	margin-left: 5%;
}

.listen h2, #p-list h2 {
	width: 65%;
	float: left;
}

#ep-random {
	background: #83B2E9;
	color: #fff;
	float: left;
	width: 100%;
	margin-left: -9%;
	padding-left: 9%;
	padding-right: 9%;
	text-align: center;
	padding-top: 7%;
	padding-bottom: 7%;
	margin-top: 10%;
}

#ep-random svg {
	font-size: 40px;
	margin-bottom: 2%;
}

#ep-random h3 {
	margin-top: 0;
	margin-bottom: 0;
}

#ep-random a {
	color: #fff;
}

#ep-random a::before {
	background: #fff;
}

.page-template-page-listen #social-bar {
	margin-top: 0;
}

/* =EXAMPLE NEWSLETTER MAIL
------------------------------------------------ */

.page-template-page-example #page {
	padding-top: 0;
}

.page-template-page-example footer h2 {
	color: #fff;
}

#mail-preamble {
	background: #F5F5F5;
	float: left;
	width: 70%;
	margin-left: -9%;
	padding-left: 24%;
	padding-right: 24%;
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-bottom: 6%;
}

.page-template-page-example hr {
	border-top: 2px solid #6B8B9D;
	color: #6B8B9D;
	background: #6B8B9D;
}

#mail-header {
	float: left;
	margin-bottom: 2%;
	width: 100%;
}

#mail-header img {
	float: left;
	width: 100%;
}

#mail-listen img {
	width: 100%;
	float: left;
	margin-top: 2%;
}

.page-template-page-example #page h2 {
	color: #6B8B9D;
}

#mail-intro, #mail-finds, #mail-listen, #mail-week, #mail-conc {
	float: left;
	width: 100%;
	margin-top: 1%;
}

.page-template-page-example #page #primary {
	padding-left: 15%;
	padding-right: 15%;
	width: 70%;
}

.mw-ww h6 {
	margin-bottom: 2%;
	font-size: 22px;
	line-height: 28px;
	margin-top: 0;
}

.mw-ww li {
	margin-bottom: 2%;
}

#mail-finds p {
	margin-top: 0;
}

#mail-quote {
	background: #F5F5F5;
	float: left;
	width: 88%;
	margin-left: -9%;
	padding-left: 15%;
	padding-top: 9%;
	padding-right: 15%;
	padding-bottom: 5%;
	text-align: center;
	margin-top: 11%;
}

.page-template-page-example #social-bar {
	margin-top: 0;
}

#mail-quote h6 {
	margin-bottom: 0;
	font-size: 30px;
	line-height: 42px;
	margin-top: 2%;
}

#mail-quote h5 {
	margin-top: 9px;
}

#mail-quote .copy {
	font-size: 14px;
	line-height: 20px;
	margin-top: 5%;
}

#mail-quote h2 {
	color: #4A4A4A;
}

.mcq {
	font-size: 150px;
	line-height: 50px;
	margin-bottom: -40px;
}

#mail-finds img {
	float: right;
}

#mail-intro img {
	float: left;
	width: 100%;
	margin-bottom: 5%;
}

.mw-ww {
	float: left;
	width: 100%;
	margin-bottom: 4%;
}


/* =IS THIS YOU / DREAM PROJECTS PAGE
------------------------------------------------ */

.dream-list {
	width: 47.5%;
	margin-right: 5%;
}

.dream-list.last {
	margin-right: 0;
}

.dreamer {
	float: left;
	width: 100%;
	margin-top: 1%;
}

.dreamer .btn {
	margin-top: 5%;
}

.page-template-page-you #primary {
	margin-bottom: 8%;
}

.page-template-page-you #long-form-su {
	margin-top: 5%;
}



/* =CONTACT
------------------------------------------------ */

.flexy .col.thirds {
	width: auto;
	margin-right: 5%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;     
	-webkit-flex: 1;         
	-ms-flex: 1;  
	flex: 1;  
}

.full-grey.mail {
	margin-top: -10%;
}

#con-lp.mail {
	margin-top: -2%;
}

.full-grey {
	background: #F5F5F5;
	padding-left: 9%;
	margin-left: -9%;
	padding-right: 9%;
	padding-top: 7%;
	padding-bottom: 0%;
	margin-top: -5%;
	float: left;
	width: 100%;
}

#three-cols.flexy {
	margin-top: 1% !important;
}

.col a {
	color: inherit;
	font-weight: normal;
}

.col a:hover {
	color: #4A4A4A;
}

.col a:before {
	background: #4A4A4A;
}

#contact-intro p {
	width: 65%;
	margin-top: 0;
	margin-bottom: 2%;
}

#contact-intro h1 {
	margin-bottom: 3%;
}

#follow {
	float: left;
	width: 100%;
	margin-top: 6%;
	margin-bottom: 6%;
}

#follow h3 {
	margin: 0;
}

#follow a {
	font-weight: normal;
	color: inherit;
}

span.underline a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
	background-color: #4A4A4A;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

span.underline a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	border: 0;
}

span.underline:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border: 0;
}



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

footer {
	float: left;
	margin-left: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	padding-bottom: 5%;
	padding-top: 8%;
	position: relative;
	z-index: 100000000;
	background: #434F57;
	padding-left: 9%;
	margin-left: -9%;
	padding-right: 9%;
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	line-height: 27px;
}

.foot-menu-col a {
  color: #4A4A4A;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}

.foot-menu-col .current_page_item a {
  text-decoration: none;
  border: 0;
  font-weight: 500;
}

.foot-menu-col {
  float: left;
  margin-right: 5%;
  width: auto;
}

.foot-menu-col ul {
  list-style: outside none none;
  margin-left: 0;
  padding-left: 0;
}

.right-content-ft > p:first-child {
  margin-top: 0;
}

.right-content-ft > p:last-child {
  margin-bottom: 0;
}

.right-content-ft > p {
  font-size: 12px;
  font-weight: 300;
  text-align: right;
}

.foot-text {
  float: right;
  max-width: 29%;
}

.fi-col {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;     
	-webkit-flex: 1;         
	-ms-flex: 1;  
	flex: 1;  
	margin-right: 3%;
}

.fi-col i {
	width: 100%;
	float: left;
	margin-top: 5px;
}

.fi-col p {
	margin-bottom: 0;
}

.fi-col.nonce a {
	color: #fff;
	text-decoration: underline;
	font-weight: 100;
}

.fi-col .btn {
	margin-top: 8%;
}

.fi-col.bord {
	border-right: 1px solid rgba(151,151,151,0.2);
	padding-right: 5%;
	margin-right: 5%;
}

.credits {
	float: left;
	width: 100%;
	border-top: 1px solid rgba(151,151,151,0.2);
	margin-top: 5%;
	padding-top: 4.5%;
}

.credits p {
	margin-bottom: 0;
	margin-top: 0;
}

.fi-col.proj a, .fi-col.footmenu a {
	float: left;
	color: #fff;
	margin-bottom: 2.5%;
	clear: both;
}

.fi-col.proj a:before, .credits a:before,
.fi-col.footmenu a:before, .credits a:before {
	background: #fff;
}

.credits a, .credits a:hover {
	color: #fff;
}


/* =WIDGET STYLING
------------------------------------------------ */

.widget {
  clear: both;
  margin: 0;
  padding: 0 0 20px;
}

.widget-title {
  color: #666;
  text-align: left;
}

.widget ul {
  margin: 0;
}

.widget ul ul {
  margin-left: 1.5em;
}

/* Special Classes */
.no-border {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}

/* Search Widget */
.widget_search form {
  margin: 0 0 10px;
}

.widget_search #s {
  width: 95%;
  display: inline-block;
}


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

textarea {
  padding: 4px 10px;
  -webkit-appearance: none;
}

input[type=submit] {
  -webkit-appearance: none;
}

/* Placeholders */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #6d6e6e inset;
  box-shadow: 0 0 0 50px #6d6e6e inset;
  -webkit-text-fill-color: white;
}



/* =HOME PAGE
------------------------------------------------ */

.page-template-page-home .slider-flick {
	min-height: 400px;
}

.page-template-page-home #social-bar {
	margin-top: 0;
	display: none;
}

.dodo svg {
	font-size: 10px;
	margin-top: 4px;
	position: absolute;
	transform: rotate(45deg);
}

.ml11 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line {
	opacity: 0;
	position: absolute;
	left: 0;
	height: 90%;
	width: 3px;
	background-color:#83B2E9;
	transform-origin: 0 50%;
}

.ml11 .line1 { 
  top: -3%; 
  left: 15%;
}

.ml11 .letter {
  display: inline-block;
  line-height: 1em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.home-entry .ml11 {
	color: #83B2E9;
	margin-top: 0;
}

.home-intro #one-third-img h2 {
	align-content: center;
	align-items: center;
	margin: 0;
}

.home-intro {
	float: left;
	width: 100%;
	margin-bottom: 2%;
}

.home-intro h2 {
	margin-bottom: 3%;
}

.bot-text {
	position: absolute;
	bottom: 5%;
	width: 78%;
	/* left: 9%; */
}

.vertical {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	top: 22%;
	left: 2%;
	float: left;
}

.cbl.tbl-3 {
	margin-bottom: 10%;
}

.post-row {
	float: left;
	width: 100%;
	margin-top: 10%;
}

.cbl {
	float: left;
	width: 100%;
	margin-bottom: 5%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pr-date {
	float: left;
	width: 13%;
}

.pr-cont .title, .pr-cont .title h2 {
	margin-top: 0;
	float: left;
	color: inherit;
}

.pr-cont .title:before {
	display: none;
}

.pr-cont {
	float: left;
	width: 70%;
	margin-left: 3%;
	margin-top: -6px;
}

.line {
	float: left;
	width: 10%;
	margin-top: 11px;
}

.line hr {
	color: #4A4A4A;
	margin: 0;
}

.excerpt {
	float: left;
	width: 100%;
}

.excerpt p {
	margin-top: 0;
}

.slider img {
	width: 100%;
}




/* =STUDIO
------------------------------------------------ */

.underline {
	border-bottom: 5px solid #83B2E9;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

#serv-nav {
	float: left;
	margin-right: 5%;
}

.tab-sect {
	float: left;
	width: 47%;
	margin-left: 3%;
}

.wrapper .tab-sect {
	width: 100%;
	margin-left: 0;
}

.serv-txt {
	float: left;
	-webkit-box-flex: 1 0;
	-moz-box-flex: 1 0;     
	-webkit-flex: 1 0;         
	-ms-flex: 1 0;  
	flex: 1 0;  
}

#studio-intro {
	float: left;
	width: 100%;
}

.si-left {
	width: 30%;
	float: left;
	position: relative;
	z-index: 10000;
}

.si-left img {
	float: left;
	width: 100%;
}

.si-right {
	float: left;
	width: 55%;
	margin-left: 5%;
	margin-top: 5%;
	position: relative;
	z-index: 10000;
}

.si-right h2 {
	margin-top: 0;
}

#studio-services {
	background: #F5F5F5;
	float: left;
	width: 100%;
	margin-left: -9%;
	padding-left: 9%;
	padding-right: 9%;
	margin-top: -15%;
	padding-top: 17%;
	padding-bottom: 6%;
}

#studio-services h6 {
	margin-bottom: 4%;
	margin-top: 5%;
}

#studio-services #three-cols {
	margin-top: 0;
	margin-bottom: 5%;
}

#studio-services #three-cols h6 {
	margin-bottom: 5%;
}

.vert-bord.top {
	margin-top: -4%;
}

#work-together {
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 5%;
}

.tab-sect ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.tab-sect ul li {
	margin-bottom: 1%;
}

#our-team {
	float: left;
	width: 100%;
	margin-top: 8%;
}

.an-btn a{
	color: inherit;
}

.an-btn a::before {
	display: none;
}

#staff-nav .an-btn {
	margin-right: 3%;
	width: 25%;
}

#staff-nav .an-btn.last {
	margin-right: 0;
}

#staff-nav.flexit {
	justify-content: space-between;
	flex-flow: row;
}

#staff-nav .il-link, #staff-nav .il-link img {
	float: left;
	width: 100%;
}

#staff-nav {
	float: left;
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
}

.tab-sect.staff {
	float: left;
	background: #F5F5F5;
	width: 109%;
	margin-left: -9%;
	padding-left: 9%;
	padding-top: 6%;
	/* padding-bottom: 5%; */
	margin-top: -5%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

.sinner-left {
	float: left;
	padding-right: 6%;
	padding-bottom: 10%;
	-webkit-box-flex: 2 1;
	-moz-box-flex: 2 1;     
	-webkit-flex: 2 1;         
	-ms-flex: 2 1;  
	flex: 2 1;  
}

.sinner-right {
	margin-top: -5.5%;
	float: right;
	width: 40.5%;
	-webkit-box-flex: 2 1;
	-moz-box-flex: 2 1;     
	-webkit-flex: 2 1;         
	-ms-flex: 2 1;  
	flex: 2 1; 
}

.sinner-right img {
	width: 100%;
	float: right;
	height: 100%;
	object-fit: cover;
}

.staff-finds p, .staff-reads p, .staff-line p {
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 16px;
	line-height: 23px;
}

.staff-finds i, .staff-reads i, .staff-line i {
	margin-bottom: 1%;
	float: left;
	width: 100%;
}

.staff-finds, .staff-reads {
	margin-bottom: 4%;
}

#three-cols h4 {
	margin-top: 3%;
	margin-bottom: 0;
}

.sl-link.active {
	color: inherit;
	border-bottom: 6px solid #83B2E9;
	float: left;
	margin-bottom: 9%;
}

.sl-link h3 {
	margin-bottom: 0;
}

.sl-link:hover {
	color: #83B2E9;
}

.an-btn:first-child h3 {
	margin-top: 0;
}

.wrapper {
	float: left;
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
}

.staff-block {
	float: left;
	width: 100%;
}

.staff-block p {
	font-weight: normal;
	margin-bottom: 0;
}

.staff-block h5 {
	margin-top: 2%;
	margin-bottom: 2%;
}

.staff-block svg {
	color: #6B8B9D;
	font-size: 12px;
}

.il-link:hover {
	color: inherit;
}

.il-link .fa-arrow-down {
	display: none;
}

.il-link.active svg {
	display: none;
}

.il-link.active .fa-arrow-down {
	display: block;
	margin-top: 6%;
}

.page-template-page-studio #social-bar {
	margin-top: 0;
}



/* =OUR WORK / PORTFOLIO NEW SECTION FOR WORK
------------------------------------------------ */

.port-line {
	padding: 10% 5%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	width: 90%;
	float: left;
	margin-bottom: 1%!important;
}

.port-line.pia {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-PIA.jpg");
}

.port-line.ne {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-NE.jpg");
}

.port-line.mmx {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-MMX.jpg");
}

.port-line.skw {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-SKW.jpg");
}

.port-line.dtp {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-DTP.jpg");
}

.port-line.boj {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-BOJ.jpg");
}

.port-line.ka {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-KA.jpg");
}

.port-line.hsg {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-HSG.jpg");
}

.port-line.hv {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-HV2.jpg");
}

.port-line.ktt {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-KTT.jpg");
}

.port-line.iw {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-IW.jpg");
}

.port-line.ktt {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-KTT.jpg");
}

.port-line.tt {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-TT.jpg");
}

.port-line.wl {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-WL.jpg");
}

.port-line.aot {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-AOT.jpg");
}

.port-line.sly {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-SLY2.jpg");
}

.port-line.as {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-AS.jpg");
}

.port-line.gg {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-GG.jpg");
}

.port-line.pfp {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-PFP.jpg");
}

.port-line.sc {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-SC.jpg");
}

.port-line.ouatip {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-OUATIP.jpg");
}

.port-line.ww {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-WW.jpg");
}

.port-line.hzy {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-HZY.jpg");
}

.port-line.sales {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-Sales.jpg");
}

.port-line.logos {
	background-image: url("/wp-content/themes/idco/assets/images/portfolio/pro/ID_Port_Pro-Logos.jpg");
}

.port-work.port-quote.long {
	width: 100%;
	margin-top: 5%;
	margin-bottom: 0 !important;
}

.pl-inner {
	width: 50%;
	float: left;
	color: #424242;
	transition: 0.5s ease-in-out;
}

.pl-inner h2 {
	margin-bottom: 0%;
	margin-top: 0;
}

.pl-inner p, .pl-inner h6 {
	margin-bottom: 0;
	margin-top: 1%;
}

.pl-inner h6 {
	margin-top: 2%;
}

#portfolio a {
	float: left;
	width: 100%;
}

#portfolio a::before {
	display: none;
}

.vp {
	color: #4a4a4a;
	font-weight: 400;
	font-family: 'filson-pro', sans-serif !important;
	font-size: 14px;
	float: left;
	border-bottom: 2px solid;
	width: auto !important;
	margin-top: 3%;
	transition: 0.5s ease-in-out;
}

.vp:hover {
	color: #fff;
}

.vp:hover svg {
	margin-left: 20px;
	transition: 0.5s ease-in-out;
}

.vp svg {
	font-size: 12px;
	margin-left: 5px;
}



/* =OUR WORK / PORTFOLIO
------------------------------------------------ */

.intro.cols-half {
	margin-right: 10%;
}

.intro.cols-half {
	margin-right: 5%;
}

.page-template-php-portfolio #mission .col a:hover {
	color: #83b2e9;
}

.fl-row {
	float: left;
	width: 31%;
	margin-right: 3%;
}

.postscript {
	font-size: 12px;
	line-height: 16px;
}

#mission {
	background: #1A2A3C;
	color: #fff;
	margin-left: -9%;
	padding-left: 9%;
	padding-right: 9%;
	float: left;
	margin-top: -50%;
	padding-top: 55%;
	width: 100%;
	padding-bottom: 8%;
}

#port-ent {
	float: left;
	margin-left: -9%;
	width: 109%;
	margin-top: 8%;
	position: relative;
	z-index: 100;
}

#port-ent img {
	width: 100%;
}

.number {
	float: left;
	width: 30%;
	border-bottom: 2px solid;
	text-align: right;
	font-family: filson-pro;
}

#four-cols .text {
	width: 100%;
	float: left;
	padding-top: 10%;
}

#portfolio {
	float: left;
	width: 100%;
	margin-top: 4%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#portfolio .tab-sect h6 {
	margin-top: 2%;
}

#stories {
	float: left;
	width: 100%;
	margin-left: 0;
}

#cases {
	width: 95%;
	position: relative;
}

#stories h6 {
	float: left;
	width: 92%;
	margin-top: 0;
	margin-bottom: 7%;
}

#story-grid {
	float: left;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flexit {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	float: left;
	width: 100%;
	flex-flow: row wrap;
}

.overlay {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	left: 5.5%;
	/* transform: translate(6.5%, -231%); */
	/* -ms-transform: translate(6.5%, -231%); */
	text-align: left;
	z-index: 1;
	float: left;
	bottom: 4%;
	width: 89%;
	background: #fff;
	display: none;
}

.port-work a:hover .overlay {
	display: block;
}

.overlay h6 {
	margin: 0!important;
}

.port-work img:hover {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: .5s ease;
}

.port-work:hover .overlay {
  opacity: 1;
}

.port-work a {
	color: inherit!important;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: .5s ease;
}

.port-work a::before {
	display: none;
}

.overlay .vert-bord {
	/* margin-bottom: -20%; */
	position: absolute;
	z-index: 10000000;
	margin-left: 6%;
	border-width: 6px;
	height: 80px;
	top: -22%;
}

.overlay .box {
	background-color: #fff;
	font-size: 16px;
	padding: 7% 6% 7% 14%;
	position: relative;
	z-index: 1000000;
	transition: .5s ease;
	float: left;
	width: 80%;
	transition: .5s ease;
}

.port-work img {
	display: block;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: .5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.port-work {
	width: 43.5%;
	float: left;
	margin-right: 5%;
	margin-bottom: 6%;
	opacity: 1;
	display: block;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: .5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(1);
}

.port-work a {
	color: inherit;
	float: left;
	width: 100%;
	font-weight: normal;
}

.port-work.second {
	margin-right: 0;
}

.port-work img {
	float: left;
	width: 100%;
}

.port-work h2 {
	float: left;
	width: 100%;
	margin-top: 4%;
	margin-bottom: 2%!important;
}

.port-work p {
	float: left;
	width: 100%;
	margin-top: 0;
}

.fl-row h3 {
	line-height: 28px;
	margin-bottom: 5px;
	font-size: 24px;
}

.fl-row.last {
	margin-right: 0;
}

.port-quote h3 {
	margin-top: 2%;
}

.figures {
	margin-top: 3%;
}

.toggle {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 8%;
}

.tog-link, .tog-link h2 {
	margin: 0;
	text-align: center;
	display: inline-block;
}

.tog-link {
	color: inherit;
}

.tog-link h2 {
	font-size: 12px;
}

.tog-link.active {
	background: #1A2A3C;
	color: #fff;
}

.tog-link {
	padding: 1px 8px 1px 8px;
	border: 2px solid #1A2A3C;
}

.tog-btn {
	display: inline-block;
	text-align: center;
	margin-left: -5px;
}

.tog-link, .tog-link h2 {
	margin: 0;
	float: left;
}

.tog-link.left {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding-left: 20px;
}

.tog-link.right {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	padding-right: 20px;
}


/* =MAIN BLOG INDEX
------------------------------------------------ */

#blog-aside {
	margin-left: -9%;
	background: #F5F5F5;
	padding-left: 9%;
	padding-right: 9%;
	width: 25%;
	float: left;
	min-height: 80vh;
}

#blog-posts {
	float: right;
	width: 46%;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	margin-right: -9%;
	padding-bottom: 5%;
	padding-top: 5%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.blog-stretch {
	margin-right: -9%;
	float: right;
	width: 108%;
}

.aside-inner {
	justify-content: center;
	align-content: center;
	vertical-align: middle;
	position: fixed;
	width: 25%;
	padding-top: 5%;
}

.aside-inner a {
	font-size: 19px;
	font-weight: 100;
	text-decoration: underline;
	color: inherit;
} 

.aside-inner a:hover {
	text-decoration: none;
}

.signup-box {
	float: left;
	width: 70%;
	margin-top: 10%;
	background: #fff;
	padding: 15%;
	border-radius: 5px;
	box-shadow: 0px 8px 22px rgba(0,0,0,0.05);
}

#filter-choices {
	padding-bottom: 20%;
}

.date h5 {
	margin: 0;
}

.blog-row {
	margin-bottom: 5%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	float: left;
	width: 100%;
}

.blog-row a {
	font-weight: normal;
	color: inherit;
	float: left;
	width: 100%;
	margin-bottom: 10%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.blog-row a::before {
	display: none;
}

.blog-row h2 {
	margin-bottom: 2%;
}

.blog-row svg {
	display: none!important;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.blog-row a:hover svg {
	display: inline-block !important;
	margin-top: 7% !important;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.blog-row a:hover {
	color: inherit;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.selectric-open .selectric-items {
	padding-top: 2%;
	padding-bottom: 3%;
	border: 0!important;
}

#chatform .selectric-open .selectric-items {
width: 100%;
}

#chatform .selectric-open .selectric-items {
	margin-left: 4%!important;
	margin-right: 4%!important;
	box-shadow: none;
}

.selectric-items .selectric-scroll {
		width: auto !important;
	display: inline-block;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-top: 3%;
	text-align: center;
	box-shadow: 0px 8px 22px rgba(0,0,0,0.05);
}

#chatform .selectric-items .selectric-scroll {
	width: 91%!important;
	box-shadow: none;
}

#blog-posts .selectric-scroll {
	overflow: visible;
	padding-bottom: 5%;
	z-index: 1000000;
	position: relative;
	background: #fff;
}

.cf-what, .cf-cost {
	/* margin-top: -13px !important; */
	position: relative;
	top: -19px;
}

.selectric .label {
	margin: 0 !important;
	font-family: 'filson-pro', sans-serif !important;
	font-size: 10px !important;
	letter-spacing: 0px !important;
	line-height: 14px !important;
	font-weight: 100 !important;
	text-transform: none !important;
	text-transform: uppercase !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 9px !important;
}

.selectric .label::after {
	content: "\f078";
	margin-left: 7px;
	font-family: 'Font Awesome 5 Pro Light';
	font-weight: 100!important;
	font-size: 11px!important;
}

.selectric-items ul, .selectric-items li {
	font-family: 'filson-pro', sans-serif!important;
		font-size: 10px!important;
		letter-spacing: 0px!important;
		line-height: 14px!important;
		font-weight: 100!important;
		text-transform: none!important;
		text-transform: uppercase!important;
}

.blog #page, .archive #page {
	padding-top: 0;
}

.blog #social-bar, .archive #social-bar {
	margin-top: 0;
}


/* =DEDICATED SIGNUP PAGE
------------------------------------------------ */

.page-template-page-signup #page {
	padding: 0;
	color: #ffff;
	padding-left: 5%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: 100%;
	padding-left: 0;
	margin-top: -2px;
}

.page-template-page-signup {
background: #6B8B9D;
}

.su-left h2 {
	margin-top: 0;
}

.page-template-page-signup footer {
	display: none;
}

.page-template-page-signup #social-bar {
	margin-top: 0;
}

#signup-full.flexit {
	flex-flow: row wrap;
	align-items: stretch;
	height: 100%;
	/* position: relative; */
	min-height: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	align-content: center;
}

.su-left {
	padding-right: 5%;
	background: #F5F5F5;
	color: #4A4A4A;
}

.va {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

.su-left, .su-right {
	width: 50%;
	padding-left: 5%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;     
	-webkit-flex: 1;         
	-ms-flex: 1;  
	flex: 1; 
	position: relative;
	padding-top: 9%;
	padding-bottom: 9%;
	flex-grow: 1;
	align-content: stretch;
	align-items: stretch;
}

.su-right h2 {
	text-align: center;
	margin-top: 6%;
	margin-bottom: 5%;
}

.su-left h2 {
	margin-top: 0;
}

#signup-full li {
	list-style: none;
	margin-bottom: 1%;
	list-style-position: inside;
}

#signup-full ul {
	padding-left: 0;
	list-style-position: inside;
	margin: 0;
	padding-bottom: 5%;
	margin-top: 5%;
	float: left;
	width: 100%;
}

#signup-full li svg {
	margin-right: 5px;
}

#signup-full .signup-box {
	padding: 7%;
	width: 86%;
	margin-top: 3%;
}

.example a {
	color: #4A4A4A;
	text-decoration: underline;
}

.example a:hover {
	color: #4A4A4A;
	text-decoration: none;
}

.example a:before {
	background-color: #4A4A4A;
	background: #4A4A4A
}

.su-right {
	background: #83B2E9;
	float: left;
	padding-right: 5%;
}

.su-right img {
	text-align: centre;
}

.su-photo {
	width: 100%;
	float: left;
	margin-right: 5%;
	margin-bottom: 2%;
	text-align: center;
}

.su-photo img {
	width: 20%;
	border-radius: 50%;
	border: 5px solid #ffff;
}

.su-intro {
	float: left;
	width: 100%;
}




/* =ARCHIVES
------------------------------------------------ */

#cat-header h3, #cat-header h6 {
	margin: 0;
	clear: none;
	/* float: left; */
	display: inline-block;
}

#cat-header {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-top: 2.75%;
}

#cat-header h6 {
	font-size: 25px;
	text-transform: lowercase;
}

.blue {
	color: #83B2E9;
}

.lower {
	text-transform: lowercase;
}

#cat-header .blue {
	margin-right: 5px;
}

/* =SINGLE POST
------------------------------------------------ */

.single article {
	width: 86%;
	margin-left: 8%;
	margin-right: 8%;
}

.entry-content li {
	margin-bottom: 2%;
}

.sharing {
	float: left;
	position: fixed;
	margin-left: -1%;
	text-align: center;
}

.ss-icon {
	margin-bottom: 7px;
}

.ss-icon svg {
	color: #4A4A4A;
}

.ss-icon svg:hover {
	color: #83B2E9;
}

.easy-footnote a {
	background: none !important;
	color: rgba(138,178,233,1);
}

.easy-footnote-single {
	font-size: 12px;
	line-height: 20px;
}

.single article .entry-content a {
	color: inherit;
	background: rgba(138,178,233,0.3);
	padding-left: 3px;
	padding-right: 3px;
}

.easy-footnote-to-top::before {
	content: "";
	font-family: fontawesome;
	visibility: visible;
	position: relative;
	width: auto;
	background: none !important;
	height: auto;
	transform: none;
}

.easy-footnote-to-top {
	background: none !important;
}

.easy-footnote {
color: rgba(138,178,233,1);
}

.easy-footnotes-wrapper {
	float: left;
	width: 98%;
	border-top: 1px solid #F5F5F5;
	padding-top: 3%;
	margin-top: 5%;
	padding-left: 2%;
	margin-left: 0;
}

.easy-footnote-single {
	margin-bottom: 2%;
}

.single article .entry-content .easy-footnote-to-top a {
	background: none;
	color: rgba(138,178,233,1);
}

#long-form-su {
	float: left;
	width: 100%;
	margin-top: 10%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

.sb-txt {
	background: #F5F5F5;
	padding: 5%;
	width: 53%;
	float: left;
	margin-top: 3.5%;
	margin-bottom: 3%;
}

.sb-txt h2 {
	margin-top: 0;
}

.sb-txt p {
	margin-bottom: 0;
}

#long-form-su .signup-box {
	width: 29%;
	padding: 5%;
	float: left;
	margin-left: -2%;
	margin-top: 0;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	align-items: center;
	justify-content: center;
}

#long-form-su #mc_embed_signup .mc-field-group input {
	border-bottom: 1px solid #83B2E9 !important;
	color: #83B2E9 !important;
}

.date-cat a {
	color: #4A4A4A;
	font-weight: 100;
}

.single #social-bar {
	margin-top: 0;
}

.post-attach-bg {
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
}

.rep-post:nth-child(4n) {
	margin-right: 0;
}

.rep-post {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;     
	-webkit-flex: 1;         
	-ms-flex: 1;  
	flex: 1; 
	margin-right: 3%;
}

.rep-post p {
	margin-top: 7px;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 9px;
}

.rep-post a {
	font-weight: 100;
	color: inherit;
}

.rep-post a:before {
	background: #4A4A4A;
}

#related h6 {
	margin-top: 0;
}

#related {
	padding-bottom: 7.5%;
	z-index: 100000;
	position: relative;
	margin-top: 0;
}

.rep-post h5 {
	margin-top: 5px;
	margin-bottom: 0;
}


/* =COLUMN SMALL SIGNUP BOX
------------------------------------------------ */

#mc_embed_signup {
	width: 100%;
}

#mc_embed_signup .mc-field-group input {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-indent: 2%;
	border: 0 !important;
	border-bottom: 1px solid #EFEFEF !important;
	border-radius: 0 !important;
	opacity: 0.7;
	padding-bottom: 2px !important;
}

#mc_embed_signup form {
	padding: 0 !important;
}

#mc-embedded-subscribe {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: filson-pro, sans-serif;
	font-size: 15px !important;
	line-height: 20px !important;
	font-weight: 300 !important;
	height: auto !important;
	border: 0 !important;
	color: #fff !important;
}

.mc.btn {
	padding-left: 15% !important;
	padding-right: 15% !important;
	width: 70% !important;
	text-align: center !important;
	margin-top: 5% !important;
}



/* =GRID LAYOUTS
------------------------------------------------ */

.cols-half {
	float: left;
	width: 50%;
}

.two-thirds {
	width: 66.6666%;
}

#three-cols {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

.two-cols {
	column-count: 2;
	column-gap: 40px;
}

.two-thirds.larger {
	width: 75%;
}

.two-cols p:first-child {
	margin-top: 0;
}

#one-third-img {
	float: left;
	width: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

#one-third-img .one-third {
	float: left;
	width: 30%;
	padding: 5%;
	padding-right: 3%;
	/* height: vh100; */
	align-content: center;
	align-items: center;
}

#one-third-img .two-third.img {
	float: left;
	min-height: 600px;
	width: 70%;
	background-repeat: no-repeat;
	background-size: cover;
}

#one-third-img.bleed .one-third {
	padding-left: 7.5%;
	padding-top: 7%;
	padding-right: 5%;
	width: 20%;
}

#one-third-img.home .one-third {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

.col {
	float: left;
}

.col.thirds {
	width: 31%;
	margin-right: 3%;
	margin-left: 0;
}

.col:first-child, .col.pull-left {
	margin-left: 0;
}

.col ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 8%;
	margin-bottom: 0;
}

.col.last {
	margin-right: 0;
}

#three-cols.margins {
	margin-top: 11%;
	float: left;
	width: 100%;
	margin-bottom: 13%;
}

.col ul li:last-child {
	margin-bottom: 0;
}

#four-cols {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}



/* =COMPONENTS
------------------------------------------------ */

#cta-box {
	background: #1A2A3C;
	color: #fff;
	float: left;
	width: 80%;
	margin-top: 5%;
	padding: 7% 10%;
	text-align: center;
}

.btn {
	background: #83B2E9;
	color: #fff;
	padding: 9px 65px 9px 65px;
	line-height: 20px;
	border-radius: 100px;
	display: inline-block;
	text-align: center;
	font-family: filson-pro, sans-serif;
	text-transform: none;
	font-size: 15px;
	font-weight: 300;
	box-shadow: 0px 6px 14px rgba(131,178,233,0.4);
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
}

.btn:hover {
	border-radius: 100px;
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
}
  

.btn:after {
	content: "";
	background: #83B2E9;
	position: absolute;
	border-radius: 100px!important;
	z-index: -1;
	top: 0;
  	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 5px;
	box-shadow: 0px 10px 20px rgba(131,178,233,0.7);
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

  .btn:hover:after {
	opacity: 1;
  }

.full-bg.blue {
	background: #83B2E9;
	color: #fff;
}

.full-bg {
	float: left;
	width: 100%;
	margin-left: -9%;
	padding-left: 9%;
	padding-right: 9%;
	padding-top: 7%;
	padding-bottom: 7%;
}

.intextBord p:first-child {
	margin-top: 0;
}

.intextBord p:last-child {
	margin-bottom: 0;
}

.intextBord {
	border-left: 3px solid #fff;
	padding-left: 2%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.one-third.grey {
	background: #F5F5F5;
}

#one-third-img.bleed {
	margin-left: -9%;
	width: 118%;
	float: left;
}

.vert-bord {
	text-indent: -9999px;
	border-left: 4px solid #4A4A4A;
	height: 150px;
	float: left;
	z-index: 100000;
	position: relative;
}

#one-third-img.home {
	margin-top: -5.5%;
}

#half-half {
	float: left;
	width: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
}

#half-half .text {
	float: left;
	width: 40%;
	background: #D8D8D8;
	position: relative;
	padding: 5%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#half-half .slider-two {
	float: left;
	width: 50%;
	min-height: 600px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.slider-two img {
	height: 100%;
	float: left;
}


/* =SOCIALS
------------------------------------------------ */

#ig-feat {
	float: left;
	width: 100%;
	margin-top: 10%;
	margin-bottom: 7%;
	text-align: center;
	overflow: hidden;
}

#instaBusiness {
	max-height: 1200px;
}

.gramming {
	float: left;
	width: 105%;
	margin-top: 10%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	flex-flow: row wrap;
}

.gramming a {
	margin-right: 5%;
	margin-bottom: 5%;
	width: 20%;
}

.gramming a:before {
	display: none;
}

.gramming img {
	float: left;
}



/* =SIEMA SLIDER
------------------------------------------------ */

.siema div {
	float: left;
}

#full-slider {
	float: left;
	width: 118%;
	margin-left: -9%;
	margin-bottom: 13%;
	display: block;
}

.slider-two div {
	height: 100%;
}


/* =CONTACT FORM
------------------------------------------------ */

#chatform span.cf-notes {
	border: none!important;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #fff!important;
	float: left!important;
	width: 95%!important;
	font-family: gidole!important;
	text-transform: uppercase;
	text-align: center!important;
  }
  
  div.wpcf7-validation-errors {
	border: 2px solid #e7efef !important;
	float: left;
	margin-left: 0 !important;
	width: 96% !important;
	background: #e7efef;
	color: red!important;
	text-align: center;
	font-family: gidole;
	text-transform: uppercase;
  }

  span.wpcf7-not-valid-tip {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	color: #f00;
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: normal;
	width: auto !important;
	display: none!important;
  }
  
  #chatform {
	background: #154942 none repeat scroll 0 0;
	color: #eee;
	float: left;
	margin-bottom: 2% !important;
	margin-right: 5%;
	margin-top: 3%;
	padding: 8%;
	width: 86%;
	}
	
	#chatform input, #chatform select {
	background: #eee none repeat scroll 0 0;
	border: 0 none !important;
	box-shadow: none !important;
	height: 33px;
	margin-bottom: 3%;
	width: 25% !important;
	}
	
	#chatform span {
	height: 100% !important;
	}
	
	span.wpcf7-not-valid-tip {
	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	  color: #f00;
	  display: inline-block !important;
	  font-size: 13px !important;
	  font-weight: normal;
	  width: auto !important;
	  display: none!important;
	}
	
	#chatform .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
	  border: 2px solid red !important;
	}
	
	#chatform textarea.wpcf7-not-valid {
	  border: 2px solid red!important;
	}

	#chatform {
		float: left;
		width: 80%;
		background: #1A2A3C;
		color: #fff;
		padding: 10%;
	}
	
	#chatform form input {
		background: none !important;
		border: 0 !important;
		width: 12em !important;
		color: #fff !important;
		font-style: italic;
		font-family: "miller-display";
	}

	#chatform span {
		border-bottom: 1px solid #fff !important;
	}

	#chatform p {
		line-height: 42px;
		margin-top: 0;
	}

	#chatform span.label {
		border: 0 !important;
	}

	#chatform .selectric {
		width: 12em;
		background: #fff;
		border: 0;
		height: 29px;
		float: left;
		margin-right: 7px;
		width: 93%!important;
	}

	#chatform span {
		border-bottom: 1px solid #fff !important;
		clear: none;
	}

	#chatform textarea {
		width: 98%;
		border: 0 !important;
		box-shadow: 0 !important;
		margin: 0 !important;
	}
	
	#chatform .cf-about-submit input {
		width: auto !important;
		border: 0 !important;
		color: #fff !important;
		/* padding: 0 !important; */
		height: auto !important;
		margin: 0 !important;
		line-height: 20px !important;
		cursor: pointer;
	}

	#mc_embed_signup #mce-success-response {
		text-align: center;
		width: 100%;
	}

	.cf-about-com {
		margin-bottom: 3% !important;
	}

	.cf-about-submit {
		float: right;
		cursor: pointer;
	}

	#chatform span.label {
		border: 0 !important;
		font-size: 12px !important;
		line-height: 12px !important;
	width: 91%important;
	}

	#chatform .selectric {
		border: 0;
		margin-left: 7%;
		text-align: center;
		margin-right: 7%;
		width: auto;
	}

	#chatform span.cf-what, #chatform span.cf-cost {
		border: 0 !important;
		display: inline-block;
		min-width: 8em!important;
	}

/* =FLICKITY SLIDER
------------------------------------------------ */

.vph .flickity-viewport {
	height: 100%!important;
}

.vph .carousel-cell img {
	object-fit: cover;
	height: 100%;
}

.vph .carousel-cell {
	height: 100%;
}

.vph .flickity-enabled {
	height: 100%;
	max-height: 600px;
}

.vph {
	max-height: 600px;
}

.carousel { height: 100%; }

.carousel-cell img {
	width: 100%;
	float: left;
}

.carousel-cell {
	width: 100%;
	height: auto;
}

/* no circle */
.flickity-button {
	background: transparent;
  }
  /* big previous & next buttons */
  .flickity-prev-next-button {
	width: 100px;
	height: 100px;
  }
  /* icon color */
  .flickity-button-icon {
	fill: white;
  }
  /* hide disabled button */
  .flickity-button:disabled {
	display: none;
  }

/* position dots up a bit */
.flickity-page-dots {
	bottom: 15px;
  }
  /* dots are lines */
  .flickity-page-dots .dot {
	height: 4px;
	width: 40px;
	margin: 0;
	border-radius: 0;
	background: #fff;
  }

  .flickity-enabled {
	  display: block;
  }

  .flickity-slider {
	  height: auto;
}

.home.vph .flickity-slider {
	height: 100%;
}
  
.flickity-button:hover {
	background: transparent;
}

.flickity-button-icon:hover {
	fill: #4A4A4A;
}

  



/* =MAIN BLOG INDEX
------------------------------------------------ */

.entry-title, .entry-title a {
	clear: both;
	line-height: 1em;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 2%;
}
.entry-meta {
	clear: both;
}
.entry-date {
	font-size: 11px;
	padding-bottom: 2px;
}



/* =BLOG COMMENT & REPLIES
------------------------------------------------ */

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
	float:  left;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
.comment-subscription-form {
  clear: both;
  display: block;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* Text elements */
p {
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em -1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style-type: decimal;
}

li {
	margin-bottom: 4%;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.5em;
}

dd {
  margin-bottom: 1.5em;
}

em, i {
  font-style: italic;
}

blockquote {
  font-style: italic;
  font-weight: normal;
}

blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}

cite {
  color: #666;
  letter-spacing: 0.05em;
  padding-left: 60px;
}

pre {
  background: #f4f4f4;
  line-height: 1.5;
  margin-bottom: 1.5em;
  overflow: auto;
  padding: 0.75em 1.5em;
}

code, kbd {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym, dfn {
  cursor: help;
}

address {
  display: block;
  margin: 0 0 1.5em;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 13px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

/* Links */
a {
	color: #83B2E9;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	text-decoration: none;
}

a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #83B2E9;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
  }
  
  a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
  }

a:hover, a:focus {
	color: #83B2E9;
}

/* Assistive text */
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}

#comments-title {
  padding: 0 0 2.6em;
}

.nopassword,
.nocomments {
  font-size: 24px;
  margin: 26px 0;
}

.commentlist {
  list-style: none;
  margin: 0 auto;
  width: 100%;
}

.commentlist > li.comment {
  position: relative;
}

.commentlist .pingback {
  margin: 0 0 10px;
  padding: 10px;
}

.commentlist .children {
  list-style: none;
  margin: 0 0 10px 20px;
}

.commentlist .children .children {
  margin: 10px 0 10px 10px;
}

.commentlist .children li.comment {
  position: relative;
}

article.comment {
  padding: 10px 0;
}

.comment-meta {
  margin-bottom: 12px;
}

.comment-meta .fn,
.comment-meta time {
  font-style: normal;
  display: block;
  clear: right;
}

.avatar {
  float: left;
  padding-right: 10px;
  vertical-align: bottom;
}

.comment-content p {
  margin-bottom: 1em;
}

.comment-content p:last-of-type {
  margin-bottom: 0;
}

/* Post author highlighting */
.commentlist > li.bypostauthor,
.commentlist .children > li.bypostauthor {
  padding: 5px 10px;
}





/* =MEDIA QUERIES
------------------------------------------------ */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {


}


@media (min-width: 1450px) and (max-width: 6500px) {
	.vph .flickity-enabled {
		max-height: auto;
	}
	.vph {
		max-height: auto;
	}
	#con-lp {
		margin-top: -15%;
	}
}


@media (max-width: 1250px) {
	.vph .flickity-enabled {
		max-height: 575px;
	}
	.vph {
		max-height: 575px;
	}
	#con-lp {
		margin-top: -22%;
	}
}


@media (max-width: 959px) {
#main #content {
	margin: 0 7.6%;
	width: auto;
}
#nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
#main #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Remove the margin on singular articles */
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.singular .entry-meta .edit-link a {
	left: 0;
	position: absolute;
	top: 40px;
}
.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Full-width comment form */
#respond {
	width: auto;
}
/* No need to float footer widgets at this size */
#colophon #supplementary .widget-area {
	float: none;
	margin-right: 0;
	width: auto;
}
/* No need to float 404 widgets at this size */
.error404 #main .widget {
	float: none;
	margin-right: 0;
	width: auto;
}
#mc_embed_signup form {
	width: 100%!important;
}
#page {
	padding-left: 7.5%;
	padding-right: 7.5%;
	width: 85%;
}
.cry-aff p {
	width: 85%;
}
.ep-details .btn {
	margin-bottom: 3%;
}
.page-template-page-home .slider-flick {
	min-height: 300px;
}
}
@media (max-width: 775px) {
/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
body, input, textarea {
	font-size: 16px;
}
h1 {
	font-size: 40px;
	line-height: 58px;
}
h2 {
	font-size: 20px;
	line-height: 30px;
}
h4 {
	letter-spacing: 0.2px;
	line-height: 25px;
	font-size: 19px;
}
#access ul {
  display: inline-block;
}
#site-title a {
	font-size: 24px;
}
#site-description {
	font-size: 12px;
}
#access ul {
	font-size: 12px;
}
article.intro .entry-content {
	font-size: 12px;
}
.entry-title {
	font-size: 21px;
}
.featured-post .entry-title {
	font-size: 14px;
}
.singular .entry-title {
	font-size: 28px;
}
.entry-meta {
	font-size: 12px;
}
blockquote {
	margin: 0;
}
blockquote.pull {
	font-size: 17px;
}
/* Reposition the site title and description slightly */
#site-title {
	padding: 5.30625em 0 0;
}
#site-title,
#site-description {
	margin-right: 0;
}

/* Make sure the post-post navigation doesn't collide with anything */
#nav-single {
	display: block;
	position: static;
}
.singular .hentry {
	padding: 1.625em 0 0;
}
.singular.page .hentry {
	padding: 1.625em 0 0;
}
/* Talking avatars take up too much room at this size */
.commentlist > li.comment,
.commentlist > li.pingback {
	margin-left: 0 !important;
}
.commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	position: static;
}
.commentlist .children .avatar {
	background: none;
	left: 2.2em;
	padding: 0;
	position: absolute;
	top: 2.2em;
}
/* Use the available space in the smaller comment form */
#respond input[type="text"] {
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	left: 95%;
}
#content .gallery-columns-3 .gallery-item {
	width: 31%;
	padding-right: 2%;
}
#content .gallery-columns-3 .gallery-item img {
	width: 100%;
	height: auto;
}
#access {
  width: 100%;
}
#access ul li {
  line-height: 40px;
}
#page {
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
}
.two-thirds.larger {
	width: 100%;
}
#one-third-img .two-third.img {
	min-height: auto;
	width: 80%;
}
#half-half .slider-two {
	min-height: auto;
}
.vertical {
	transform: rotate(0deg);
	position: relative;
	float: left;
	margin-bottom: 5%;
	width: 100%;
}
.bot-text {
	position: relative;
	width: 78%;
	margin-top: 5%;
}
.btn {
	padding: 9px 35px 9px 35px;
}
#blog-aside {
	margin-left: -10%;
	background: #F5F5F5;
	padding-left: 9%;
	padding-right: 9%;
	width: 26%;
	float: left;
	min-height: 80vh;
}
.aside-inner {
	position: relative;
	width: 100%;
	padding-top: 5%;
}
.flexit.blog-stretch {
	display: block;
}
#blog-posts {
	float: left;
	width: 90%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	padding-bottom: 5%;
	padding-top: 10%;
}
.blog-row {
	margin-bottom: 0%;
}
#social-bar {
	float: left;
	width: 108%;
	padding-left: 5%;
	padding-right: 5%;
}
.signup-box {
	width: 90%;
	padding: 5%;
}
.sd-col.last {
	display: none;
}
.sd-col.menu {
	min-width: 31%;
}
#branding .soc-box a {
	padding: 0 33%;
	font-size: 18px;
	min-width: 5%;
}
.su-left {
	padding-right: 5%;
	margin-right: 0;
}
.su-left h2 {
	padding-top: 10%;
}
#signup-full .signup-box {
	margin-bottom: 10%;
}
#branding {
	border-bottom: 1px solid #EBEAEA;
}
#signup-full.flexit {
	display: block;
}
.su-left, .su-right {
	width: 90%;
}
.su-left h2 {
	padding-top: 2%;
}
#signup-full ul {
	padding-bottom: 1%;
	margin-top: 1%;
}
#signup-full .signup-box {
	margin-bottom: 0%;
}
.va {
	position: relative;
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	top: 0;
}
.su-right h2 {
	color: #fff;
}
.mc.btn {
	box-shadow: none !important;
	border: 0 !important;
	color: #fff!important;
	border-radius: 100px!important;
	background: #83B2E9!important;
}
#mc_embed_signup .button {
	box-shadow: none !important;
	border: 0 !important;
	color: #fff!important;
}
.listen h2, #p-list h2 {
	width: 100%;
}
#con-lp {
	opacity: 0.2;
}
.ep-details {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;     
	-webkit-flex: 3;         
	-ms-flex: 3;  
	flex: 3; 
	width: 65%;
}
.ep-img {
	width: 30%;
}
#half-half {
	display: block;
}
.cols-half {
	width: 100%;
}
#four-cols {
	flex-flow: row wrap;
	width: 104%;
}
.col.four {
	width: 45%;
	float: left;
	margin-right: 5%;
	margin-left: 0;
	margin-bottom: 4%;
}
#portfolio {
	width: 100%;
}
#cases {
	width: 100%;
	margin-left: 0;
}
.ep-details h4 {
	width: 100%;
}
.post-attach-bg {
	height: 200px;
}
#blog-aside {
	width: 89%;
}
#socials {
	min-width: 30%;
}
.port-line {
	background-position: center left;
}
.pl-inner {
	width: 100%;
}
#cta-box .btn {
	margin-bottom: 7%;
}
#cta-box {
	float: left;
	text-align: left;
}
.port-line {
	margin-bottom: 2%;
	background: #e2e2e2 !important;
}
.page-template-page-home .slider-flick {
	min-height: 200px;
}
}

@media (max-width: 597px) {
body, input, textarea {
	font-size: 16px;
	line-height: 28px;
	position: relative;
}
h1 {
	font-size: 24px;
	line-height: 37px;
}
h3 {
	font-size: 24px;
	line-height: 43px;
	letter-spacing: 0.25px;
}
.ml11 {
	font-size: 2.5em;
}
#slide-down {
	display: block;
}
#slide-inner {
	display: block!important;
}
.si-left {
	display: none;
}
.si-right {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5%;
}
blockquote {
	font-size: 18px;
	line-height: 27px;
}
#studio-services {
	margin-top: 0;
	padding-top: 5%;
}
#blog-aside {
	padding-bottom: 10%;
}
.blog .selectric .label {
	font-size: 15px !important;
	font-weight: 600 !important;
}
.sd-col.menu {
	min-width: 97%;
}
#branding .soc-box a {
	padding: 0 25%;
}
.col.four {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}
#four-cols .text {
	padding-top: 3%;
}
.number {
	width: 10%;
}
#four-cols {
	width: 100%;
}
.port-work {
	width: 100%;
	margin-right: 0;
	margin-bottom: 6%;
}
#cta-box {
	width: 90%;
	margin-top: 5%;
	padding: 5% 5%;
}
.soc-box {
	margin-right: 5%;
}
#logo-sect {
	min-width: 35%;
}
#content .gallery-columns-2 .gallery-item {
	width: 45%;
	padding-right: 4%;
}
#content .gallery-columns-2 .gallery-item img {
	width: 100%;
	height: auto;
}
.two-cols {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}
.vert-bord {
	height: 75px;
}
#three-cols {
	display: block;
}
.col.thirds {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5%;
}
.col.thirds h5 {
	margin-bottom: 2px;
}
#three-cols h4 {
	margin-top: 0%;
}
.col ul {
	margin-top: 3%;
}
#half-half {
	display: block;
}
#half-half .text {
	width: 90%;
}
.bot-text {
	width: 100%;
}
#half-half .slider-two {
	width: 100%;
}
.pr-date {
	width: 100%;
}
.pr-cont {
	float: left;
	width: 100%;
	margin-left: 0;
	margin-top: 4%;
}
.intextBord {
	border-left: 0;
	padding-left: 0;
}
.gramming a {
	width: 45%;
}
.flexit {
	display: block;
}
.fi-col.bord {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 10%;
}
.fi-col.proj {
	margin-bottom: 10%;
	float: left;
	width: 100%;
}
.credits p {
	margin-bottom: 0;
	margin-top: 5%;
	font-family: "miller-display";
}
#social-bar {
	margin-left: -6%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
	width: 102%;
}
.soc-foo-box svg {
	font-size: 2em;
}
.soc-foo-box h5 {
	line-height: 22px;
}
header {
	display: block;
	background: #434F57;
	color: #EBEAEA;
	border: 0;
}
#quote-sect {
	display: none;
}
.logo {
	width: 8%;
	padding-top: 2%;
	padding-bottom: 2%;
	display: none;
}
#logo-sect {
	padding-top: 1%;
	padding-bottom: 1.75%;
	padding-right: 3%;
	border-right: 1px solid #EBEAEA;
}
.soc-box {
	border-left: 0;
}
#socials {
	padding-top: 2.5%;
	min-width: 45%;
}
.page-template-page-signup #social-bar {
	margin-left: 0;
	width: 90%;
}
#one-third-img.home {
	display: block;
}
#one-third-img.home .one-third {
	width: 85%;
}
#one-third-img .two-third.img {
	width: 100%;
	height: 250px;
}
.si-right {
	width: 65%;
	margin-left: 5%;
	margin-top: 0;
}
.sl-link h3 {
	font-size: 17px;
}
#serv-nav {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#serv-nav .an-btn {
	margin-right: 0;
	text-align: left;
	width: 100%;
}
#serv-nav .an-btn .sl-link.active {
	margin-bottom: 0%;
}
#serv-nav .an-btn a {
	color: inherit;
	width: auto;
	float: left;
	position: relative;
	margin-right: 15px;
}
#serv-nav .an-btn .sl-link.active::after {
	content: "";
	font-family: fontawesome;
	position: absolute;
	float: left;
	top: 9px;
	right: -20px;
}
#serv-nav .sl-link h3 {
	float: left;
	margin-top: 0;
}
.page-template-page-studio .wrapper .tab-sect {
	border-top: 1px dotted #ddd;
	margin-top: 5%;
}
#staff-nav {
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	flex-flow: row wrap!important;
	justify-content: normal;
}
#staff-nav .an-btn {
	margin-right: 3%;
	width: 47%;
	margin-bottom: 7%;
}
.tab-sect.staff {
	display: block;
}
.sinner-left {
	padding-right: 0;
	padding-bottom: 10%;
	width: 93%;
}
.sinner-right {
	float: left;
	width: 92%;
}
#staff-four {
	margin-bottom: 5%;
}
#contact-intro p {
	width: 100%;
}
.flexy .col.thirds {
	width: 100%;
}
.episode {
	display: block;
}
.ep-img {
	width: 100%;
}
.ep-details {
	text-align: left;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;     
	-webkit-flex: 0;         
	-ms-flex: 0;  
	flex: 0; 
	width: 100%;
	margin-top: 7%;
	float: left;
}
.ep-details h4 {
	margin-top: 5%;
}
.oppo .ep-img {
	margin-right: 0;
	margin-left: 0;
	margin-top: 10%;
	float: left;
}
#long-form-su {
	display: block;
}
.sb-txt {
	width: 90%;
}
#long-form-su .signup-box {
	width: 90%;
	margin-left: 0;
	margin-top: 3%;
}
body {
	overflow-x: hidden;
}
.repo {
	flex-flow: row wrap;
	justify-content: space-between;
}
.rep-post {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;     
	-webkit-flex: 1;         
	-ms-flex: 1;  
	flex: 1; 
	margin-right: 3%;
	float: left;
	width: 48.5%;
}
.rep-post:nth-child(2n) {
	margin-right: 0;
}
.tab-sect.staff {
	padding-bottom: 6%;
}
#staff-four {
	margin-bottom: 0!important;
}
.an-btn.two {
	margin-left: 2%;
	margin-right: 0 !important;
}
.slider-two img {
	height: auto!important;
}
.sharing {
	margin-left: -6%;
}
.single article {
	width: 92%;
	margin-right: 0;
}
.post-attach-bg {
	height: 200px;
}
.rep-post {
	margin-bottom: 5%;
}
#branding .soc-box a {
	min-width: 17%;
}
.dream-list {
	width: 100%;
	margin-right: 0;
}
}

@media (min-width: 120px) and (max-width: 520px) {

}



/* =PRINT BODY
------------------------------------------------ */

@media print {
body {
	background: none !important;
	font-size: 10pt;
}
footer.entry-meta a[rel=bookmark]:link:after,
footer.entry-meta a[rel=bookmark]:visited:after {
	content: " [" attr(href) "] "; /* Show URLs */
}
#page {
	clear: both !important;
	display: block !important;
	float: none !important;
	max-width: 100%;
	position: relative !important;
	overflow: hidden;
	width: 100%;
}

#branding {
	border-top: none !important;
	padding: 0;
}
#branding hgroup {
	margin: 0;
}
#site-title a {
	font-size: 21pt;
}
#site-description {
	font-size: 10pt;
}
#branding #searchform {
	display: none;
}
#branding img {
	display: none;
}
#access {
	display: none;
}
#main {
	border-top: none;
	box-shadow: none;
}
#primary {
	float: left;
	margin: 0;
	width: 100%;
}
#content {
	margin: 0;
	width: auto;
}
.singular #content {
	margin: 0;
	width: 100%;
}
.singular .entry-header .entry-meta {
	position: static;
}
.entry-meta .edit-link a {
	display: none;
}
#content nav {
	display: none;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0;
	width: 100%;
}
.singular .hentry {
	padding: 0;
}
.entry-title,
.singular .entry-title {
	font-size: 21pt;
}
.entry-meta {
	font-size: 10pt;
}
.entry-header .comments-link {
	display: none;
}
.page-link {
	display: none;
}
.singular #author-info {
	background: none;
	border-bottom: none;
	border-top: none;
	margin: 2.2em 0 0;
	padding: 0;
}
#respond {
	display: none;
}
.widget-area {
	display: none;
}
#colophon {
	display: none;
}

/* Comments */

#comments {
  float: left!important;
  width: 100%;
}
.commentlist > li.comment {
	background: none;
	border: 1px solid #ddd;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: auto;
}
.commentlist .avatar {
	height: 39px;
	left: 2.2em;
	top: 2.2em;
	width: 39px;
}
.commentlist li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist li.comment .fn {
	display: block;
}
.commentlist li.comment .comment-content {
	margin: 1.625em 0 0;
}
.commentlist .comment-edit-link {
	display: none;
}
.commentlist > li::before,
.commentlist > li.bypostauthor::before {
	content: '';
}
.commentlist .reply {
	display: none;
}

}


/* =INTERNET EXPLORER 7
------------------------------------------------ */

#ie7 article.intro {
margin-left: -7.6%;
margin-right: -7.6%;
padding-left: -7.6%;
padding-right: -7.6%;
max-width: 1000px;
}
#ie7 .featured-posts {
margin: 0 -7.6%;
}
#ie7 .featured-post {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
#ie7 section.recent-posts {
margin-right: 7.6%;
}


/* =INTERNET EXPLORER 8
------------------------------------------------ */

#ie8 section.feature-image.large img {
width: auto;
}
#ie8 section.featured-post .attachment-small-feature {
max-width: none;
}