/*
Theme Name: 	allied8
Theme URI: 		http://allied8.com
Author: 		Megan Woo
Author URI: 	http://meganwoo.com/
Description:	Custom theme based on Betheme
Template:		betheme
Version: 		1.0
*/

/* Theme customization starts here
-------------------------------------------------------------- */

 
/**************** FONTS **************************/
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}

h1 {
	letter-spacing: .2px !important;
}

h1.extra-large {
	font-size: 55px;
	font-weight: 300;
	line-height: 1.36;
	letter-spacing: 3.3px !important;
	margin-bottom: 0;
}

h5 {
	letter-spacing: 1.5px !important;
}

h6 {
	letter-spacing: 1.1px !important;
}

.small, .small a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}

.tiny, .tiny a {
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
}

.large {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 25px;
}

.zoom_box .photo img,
.zoom_box:hover .photo img {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

#Content .zoom_box .photo img,
#Content .zoom_box:hover .photo img  {
    max-width: 100% !important;
}

.post-wrapper-content a {
	text-decoration: underline;
	color: #000;
}

.post-wrapper-content a:href {
	text-decoration: none;
	color: #000;
}

 
/***************** GENERAL ***********************/
body.mobile-side-slide {
    overflow: hidden;
}

* {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-shadow: none !important;
	text-rendering: optimizeLegibility !important;
}

.go-arrow {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 1.4px;
	background: url(images/arrow-right.png) no-repeat right center;
	display: inline;
	padding-right: 43px;
}

.txt-arrow {
	font-size: 18px;
	line-height: 35px;
	background: url(images/arrow-right-dark.png) no-repeat right center;
	display: inline;
	padding-right: 43px;
}

a.button:not(#back_to_top) {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-ms-border-radius: 2px !important;
	-o-border-radius: 2px !important;
	border-radius: 2px !important;
    padding: 12px 30px;
    border: solid 1px #000000 !important;
    opacity: 1 !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    margin: 0 20px 11px 0;
    display: table;
    text-decoration: none !important;
}

a.button:not(#back_to_top):hover {
	background: #FFF !important;
	color: #000 !important;
	opacity: 1 !important;
}

a.button:not(#back_to_top):after {
	display: none !important;
}

p.wp-caption-text {
	background: #FFF;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	padding: 4px 0 !important;	
}

.image_frame.alignright,
.image_frame.alignleft {
	margin: 0;
}

.zoom_box:hover .photo img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


/***************** STRUCTURE *********************/
.max-1025 {
	max-width: 1045px;
	margin-left: auto;
	margin-right: auto;
}

#onpage-nav,
#Filters {
	position: relative;
	margin: -24px 0 0 0;
    z-index: 999;
}

#Filters {
    margin-bottom: 12px;
    margin-top: 0;
    height: 54px;
}

ul.onpage-nav,
#Filters .filters_wrapper ul.categories {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
	display: block;
}

ul.onpage-nav li,
#Filters .filters_wrapper ul.categories li {
	list-style-type: none;
	margin: 0;
	padding: 0 16px 0 0;
	float: left;
}

ul.onpage-nav li a,
#Filters .filters_wrapper ul.categories li a {
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.9px;
	color: #000;
	padding: 0;
}

ul.onpage-nav li a:hover, 
#Filters .filters_wrapper ul.categories li a:hover { 
	color: #ABABAB !important;
}

#Filters .filters_wrapper ul.categories li a:after {
	display: none !important;
}

#Filters .filters_wrapper ul.categories li.current-cat a {
	font-weight: 500;	
}

#Top_bar .container, 
.section_wrapper,
.widgets_wrapper,
#Subheader .container {
	width: calc(100% - 20px) !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.section_wrapper .wrap,
.widgets_wrapper .container {
	margin-left: 0;
	margin-right: 0;
	max-width: 1274px;
}

.section_wrapper .wrap .one.column,
#Subheader .column {
	width: 100%;
	margin-left: 0;
	margin-right: 0;	
}

.custom-4-col .section_wrapper .one-fourth {
	margin: 0 3px;
	width: calc(25% - 4.5px);
}

.custom-4-col .section_wrapper .one-fourth:first-child {
	margin-left: 0;
}

.custom-4-col .section_wrapper .one-fourth:last-child {
	margin-right: 0;
}
 
/***************** HEADER ************************/

/* logo */
#Top_bar.is-sticky, 
.sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu {
	opacity: 1 !important;
	background: #FFF !important;
}

#Top_bar.is-sticky #logo img.logo-sticky {
	padding-top: 7px;
}

#Top_bar .logo {
	float: right;
	margin-right: 0 !important;
	padding-right: 0 !important;
}

#Top_bar #logo {
    height: 58px !important;
    padding-top: 16px !important;
}

#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    padding-bottom: 0 !important;
}

#Top_bar a {
	background: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#Top_bar .logo a:hover {
	opacity: .3 !important;
}

#Side_slide .close-wrapper {
	display: none !important;
}

#Top_bar .menu > li.mobile-logo {
	display: none;
}

.mobile-logo a {
	background: url(images/allied8.svg) no-repeat center center;
	background-size: 103px 28px;
	width: 103px;
	height: 28px;
	padding: 0 !important;
	margin: 24px auto 80px auto !important;
}

.mobile-logo span {
	visibility: hidden;
}

/* menu */
#Top_bar .logo {
	z-index: 2;
}
#Top_bar .column.one {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#Top_bar #menu {
	text-transform: uppercase;
	margin-left: -20px;
}

#Top_bar:not(.is-sticky) .menu > li > a {
    padding: 24px 0 0 0 !important;
}

#Side_slide #menu ul li {
	border: none !important;
	text-transform: uppercase;
	text-align: center;
}

#Side_slide #menu ul li a {
	margin: 15px auto;
	padding: 5px 10px;
}

#Top_bar .menu > li > a {
    line-height: inherit;
}

#Top_bar .menu > li > a span:not(.description) {
    line-height: inherit;
	padding: 0 0 0 20px;
}

#Top_bar #menu a:hover {
	color: #ABABAB;
}

.current-menu-item span,
.current_page_item span,
.search #menu-item-2716 span, /* search */
.blog #menu-item-2716 span, /* blog landing */
.archive #menu-item-2716 span, /* blog categories */
.single-post #menu-item-2716 span, /* blog detail */
.single-portfolio #menu-item-15 span /* work detail */,
.archive.tax-portfolio-types #menu-item-15 span /* work landing, deep links */ {
	font-weight: 500;
}

.archive.tax-portfolio-types #menu-item-13 span {
	font-weight: 200;
}

/* responsive menu titles */
#Top_bar a.responsive-menu-toggle:after {
	position: absolute;
    top: 5px;
    left: 54px;
    font-size: 20px;
    font-weight: 400;
}

.page-id-7 #Top_bar a.responsive-menu-toggle:after,
.single-portfolio #Top_bar a.responsive-menu-toggle:after {
	content: "WORK";
}

.page-id-9 #Top_bar a.responsive-menu-toggle:after {
	content: "STUDIO";
}

.page-id-2618 #Top_bar a.responsive-menu-toggle:after {
	content: "PRESS";
}

.page-id-1622 #Top_bar a.responsive-menu-toggle:after,
.blog #Top_bar a.responsive-menu-toggle:after,
.archive #Top_bar a.responsive-menu-toggle:after,
.search #Top_bar a.responsive-menu-toggle:after,
.single-post #Top_bar a.responsive-menu-toggle:after {
	content: "NEWS";
}

.page-id-1735 #Top_bar a.responsive-menu-toggle:after {
	content: "CONTACT";
}

/* connect links */
#Top_bar .menu > li.connect {
	position: fixed;
	right: 30px;
	top: calc(50% - 53px);
}

.connect > a {
	display: none !important;
}

.connect .sub-menu {
	display: block !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: transparent !important;
	position: fixed;
	top: 50%;
	right: 0;
    display: block !important;
    opacity: 1 !important;
}

.connect .sub-menu a,
.connect-footer a {
	border-bottom: none !important;
	padding: 0 !important;
	margin: 4px auto !important;
    display: block !important;
    opacity: 1 !important;
    background: transparent !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.connect .sub-menu a:hover,
.connect-footer a:hover {
	opacity: .7 !important;
}

.connect .sub-menu a span,
.connect-footer a span {
	text-indent: -9999em;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

.connect .sub-menu .connect-email span,
.connect-footer .connect-email span  {
	background-image: url(images/icon-email.png);
}

.connect .sub-menu .connect-instagram span,
.connect-footer .connect-instagram span {
	background-image: url(images/icon-instagram.png);
}

.connect .sub-menu .connect-facebook span,
.connect-footer .connect-facebook span {
	background-image: url(images/icon-facebook.png);
}

.connect .sub-menu .connect-linkedin span,
.connect-footer .connect-linkedin span {
	background-image: url(images/icon-linkedin.png);
}


 
/***************** PAGES *************************/
 
/* home */
.home .column_zoom_box {
	margin-bottom: 5px !important;
}

.home .mcb-section .align-right {
	float: right;
}

.home .mcb-section .align-right,
.home .mcb-section .align-right .column_zoom_box {
	text-align: right;
}

.home .mcb-section .align-left,
.home .mcb-section .align-left .column_zoom_box {
	text-align: left;
}

.home-contact .column_attr {
    padding: 0 0 29px 43px;
}

.home-contact .column_attr h1 {
	margin-bottom: 6px;	
}


/* portfolio landing */
.page-template-template-portfolio #Content,
.archive.tax-portfolio-types #Content {
	padding-top: 0 !important;
	max-width: 2120px;
	margin-left: auto;
	margin-right: auto;
}

.page-template-template-portfolio #Content .column_portfolio,
.archive.tax-portfolio-types #Content .column_portfolio {
	margin: 0 -3px !important;
	width: calc(100% + 6px) !important;
}
	
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper {
    top: 0;
    box-sizing: border-box;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link .icon-link {
	display: none;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio_group.masonry-hover .portfolio-item,
.portfolio_group .portfolio-item {
	margin: 0 !important;
	width: 25% !important;
	float: left !important;
	text-align: center;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper {
	margin: 3px;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 22px);
    padding: 0 20px;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
	background: rgba(48, 54, 59, 0.88) !important;
	padding: 0;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
	color: #FFF !important;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {
	display: none;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .desc-wrappper {
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	margin-top: 6px;
}


/* portfolio detail */
.work-detail-topnav .post-nav,
.work-detail-topnav .post-nav .next,
.work-detail-topnav .post-nav .prev,
.work-detail-topnav .post-nav.minimal a.home svg {
	display: none;
}

.post-nav.minimal a {
	text-decoration: none !important;
	color: #000 !important;
}

.post-nav.minimal a:hover {
	opacity: .3 !important;
}

.work-detail-topnav .post-nav.minimal.column {
	position: absolute;
	top: 0;
	left: 0;
}

.work-detail-topnav .post-nav.minimal a.home {
	background: url(images/arrow-back.png) no-repeat left center;
	width: 21px;
	height: 16px;
	opacity: 1;
	top: 20px;
    left: 20px;
	margin: 0;
}

.work-detail-bottomnav .post-nav {
	margin: 34px 0 30px 0;
	width: 100%;
}

.work-detail-bottomnav .post-nav.minimal a.home {
	display: none;
}

.work-detail-bottomnav .post-nav.minimal a.prev {
	background: url(images/arrow-prev.png) no-repeat left center;
	background-size: 62px 18px;
	opacity: 1;
}

.work-detail-bottomnav .post-nav.minimal a.prev:after {
	content: "PREVIOUS PROJECT";
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	padding-left: 71px;
}

.work-detail-bottomnav .post-nav.minimal a.next {
	background: url(images/arrow-next.png) no-repeat right center;
	background-size: 62px 18px;
	opacity: 1;
}

.work-detail-bottomnav .post-nav.minimal a.next:after {
	content: "NEXT PROJECT";
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	padding-right: 71px;
}

.work-detail-bottomnav .post-nav.minimal a.prev i,
.work-detail-bottomnav .post-nav.minimal a.next i {
	display: none;
}


/* portfolio detail */
.portfolio-template-default #Content {
	padding-top: 45px !important;
}

.work-detail-row {
	clear: both;
	float: left; 
	margin-bottom: 10px;
	width: 100%;
}

.work-detail-row.work-detail-bottom {
	margin-bottom: 54px;
}

.work-detail-row img {
	display: block;
	max-width: none !important;
	width: 100%;
}

.work-detail-row p.wp-caption-text{
	padding: 2px 0 0 0 !important;
}

.work-detail-row .work-detail-img-copy {
	padding: 16px 20px 0 0;
}

.work-detail-row .work-detail-img-copy,
.work-detail-row .work-detail-img-copy p {
	font-size: 14px;
	line-height: 20px;
}

.work-detail-row .work-detail-img-copy h2 {
	margin-bottom: 3px;
}

.work-detail-row .work-detail-img-copy p:last-child {
	margin-bottom: 0;
}

.work-detail-col-one .work-detail-img-copy {
	text-align: center;
	max-width: 830px;
	margin: 0 auto;
}

.work-detail-col-one .work-detail-img-copy {
	padding-right: 0;
}

.work-detail-col-two {
	float: left;
	width: calc(50% - 3px);
	margin: 0 3px;	
}

.work-detail-col-two:first-child {
	margin-left: 0;
}

.work-detail-col-two:last-child {
	margin-right: 0;
}

.work-main-content {
	margin: 60px 0 70px 0;
}

.work-main-content .work-detail-col-two:first-child .work-detail-inner {
	max-width: 620px;
}

.work-main-content .work-detail-col-two:last-child .work-detail-inner {
	padding-left: 238px;
	font-size: 14px;
	line-height: 20px;
}

.work-main-content .work-detail-col-two:last-child h5 {
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 0;
}

.work-main-content .work-detail-col-two:last-child h5:first-child {
	margin-top: 0;
}

.work-detail-col-three {
	float: left;
	width: calc(33.33% - 4px);
	margin: 0 3px;
}

.work-detail-col-three:first-child {
	margin-left: 0;
}

.work-detail-col-three:last-child {
	margin-right: 0;
}


.single-portfolio .fixed-nav .photo {
    display: none !important;
}


/* studio - people */
.people .column_image {
	margin-bottom: 15px;
}

.people h3 {
	margin-bottom: 0;
}

.people .tiny a {
	text-decoration: underline;
}

.people .tiny a:hover {
	text-decoration: none;
}

.people img.scale-with-grid, 
.people #Content img {
	max-width: none;
	width: 100%;
}


/* studio - process */
.process .section_wrapper .one-second:first-child .column {
	margin-bottom: 0;
}

.process .section_wrapper .one-second:last-child .column_attr {
    padding-left: 13%;
    max-width: 500px;
}

.process .section_wrapper .one-second:last-child .column_attr h3 {
	margin-bottom: 0;
}

.process .section_wrapper .one-second:last-child .column_attr h3:not(:first-of-type) {
	margin-top: 30px;
}

.process a.button {
    min-width: 280px; 
}

/* news */
.aside_right .mcb-sidebar:before {
    display: none;
}

.with_aside .sidebar.columns {
    border: none;
    padding-right: 0;
}

.aside_right #custom_html-5,
.aside_right #custom_html-7 {
    margin: 0 -40px 0 0;
	padding-bottom: 0;
}

.aside_right #custom_html-6,
.aside_right #custom_html-8 {
	padding: 0 0 0 40px;
}

.archive-nav h3 {
    text-decoration: underline;
}

.archive-nav ul {
    list-style-type: disc;
    margin-left: 20px;
}

.archive-nav ul li {
    padding-left: 5px;
}

.fixed-nav {
    background: #eee;
}

/* blog landing */
.blog #Content,
.archive #Content,
.search #Content {
	padding-top: 53px !important;
}

.column_blog {
	margin-left: 0;
}

.with_aside .section_wrapper {
	padding-left: 0 !important;
	margin: 0 !important;
}

.aside_right .widget-area {
	padding-right: 0;
}

.search .post-meta, 
.column_blog .post-footer, 
.if-overlay .image_frame:hover .image_wrapper .image_links, 
.if-overlay .image_frame.hover .image_wrapper .image_links,
.aside_right .widget:after {
	display: none !important;
}

.search #Subheader {
	padding-bottom: 0;
}

.widget-area:before {
	background: none !important;
}

.pager .pages {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: none;
}

.pager .pages a, .pager .pages span.page-numbers {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.widget_categories ul {
	background: #FFF !important;
	color: #000;
	padding-left: 20px;
}

.widget_categories ul li a {
	color: #000 !important;
}

/* blog / news detail */
.single-post #Content .section-post-header {
    display: none;
}

.fixed-nav .desc {
    background: rgba(0,0,0,.05);
    display: flex;
    align-items: center;
}


/* our process parallax */
html,
.page-template-page-process {
	height: 100%;
}

.page-template-page-process #Wrapper {
	background: transparent;	
}

.page-template-page-process #Top_bar .menu > li.connect, 
.page-template-page-process #Footer,
.page-template-page-process #back_to_top {
	display: none !important;
}
.page-template-page-process #loader {
  position: absolute;
  text-align: center;
  top: 33%;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 40px;
}
.page-template-page-process #mobile {
  display: none;
  width: 100%;
}
.page-template-page-process #mobile img {
  width: 100%;
}
#parallax {
  opacity: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
}
#parallax #bgFull {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 200%;
}
#parallax #bgFull .bcg {
  background-image: url(parallax/background.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}
#parallax main {
  position: absolute;
  height: 100%;
  width: auto;
}
#parallax main section {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
#parallax main .prop {
  position: absolute;
  top: 0;
  left: 0;
}
#parallax main .prop .text {
  position: absolute;
  top: 0;
  display: table;
  height: 100%;
  width: 100%;
  white-space: normal;
  font-family: sinkin;
}
#parallax main .prop .text h2,
#parallax main .prop .text h4,
#parallax main .prop .text h5,
#parallax main .prop .text h6 {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 400;
}
#parallax main .prop .text h6 {
  vertical-align: top;
}
#parallax .white h4 {
	color: #FFF !important;
	font-weight: 700 !important;
}
#parallax .yellow h4 {
	color: #f8b230 !important;
	font-weight: 700 !important;
}
#parallax .youUs.grey h4 {
	color: #565759 !important;
	font-weight: 700 !important;
}
#parallax .addtlPad {
	padding-top: 10px !important;
}
#parallax main .prop .text .leftJustify {
  text-align: left;
}
#parallax main .prop .text .rightJustify {
  text-align: right;
}
#parallax main .prop .text ul {
  padding: 0 0 0 7px;
  list-style-type: disc;
}
#parallax main .prop .text ul li {
  margin: 0px 0;
}
#parallax main .prop .text.youUs {
  font-family: sinkin_bold;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 0;
}
#parallax main .prop .text.subtitle {
  font-size: 15px;
  color: #565759;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 0;
}
#parallax main .prop .text.subtext {
  font-size: 14px;
  color: #565759;
}
#parallax main .prop .text.content {
  font-size: 11px;
  line-height: 17px;
}
#parallax main .prop.back {
  z-index: -1;
}
#parallax main .background {
  width: 100%;
  height: 100%;
}
#parallax main .yellow {
  color: #f8b230;
}
#parallax main .grey {
  color: #565759;
}
#parallax main .white {
  color: white;
}
#parallax main #slide2 .prop .content h4 {
  box-sizing: border-box;
  padding: 0 15%;
}
#parallax main #slide3 .prop .content h4 {
  box-sizing: border-box;
  padding: 0 15%;
}
#parallax main #slide4 .prop .content h4 {
  box-sizing: border-box;
  padding: 0 5%;
}
#parallax main #slide4 .prop .content.text {
  font-size: 11px;
}
#parallax main #slide1 .prop a:hover {
  color: white;
}
.page-template-page-process .hide {
  display: none;
}
.page-template-page-process #map {
  position: fixed;
  left: 0;
  bottom: 45px;
  width: 100%;
  height: 2px;
  background: url('parallax/images/map/NavigationBarLine.png') repeat-x;
  overflow: visible;
}
.page-template-page-process #map .circle {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  float: left;
  margin: 0;
  padding: 0;
  background: white;
  border-radius: 100%;
  border: 2px solid gray;
}
.page-template-page-process #map .circle img {
  position: absolute;
  top: 30px;
}
.page-template-page-process #map .circle[data-slide="0"] {
  left: 7%;
}
.page-template-page-process #map .circle[data-slide="0"] img {
  left: -64%;
}
.page-template-page-process #map .circle[data-slide="1"] {
  left: 21%;
}
.page-template-page-process #map .circle[data-slide="1"] img {
  left: -73%;
}
.page-template-page-process #map .circle[data-slide="2"] {
  left: 35%;
}
.page-template-page-process #map .circle[data-slide="2"] img {
  left: -77%;
}
.page-template-page-process #map .circle[data-slide="3"] {
  left: 49%;
}
.page-template-page-process #map .circle[data-slide="3"] img {
  left: -167%;
}
.page-template-page-process #map .circle[data-slide="4"] {
  left: 63%;
}
.page-template-page-process #map .circle[data-slide="4"] img {
  left: -200%;
}
.page-template-page-process #map .circle[data-slide="5"] {
  left: 77%;
}
.page-template-page-process #map .circle[data-slide="5"] img {
  left: -269%;
}
.page-template-page-process #map .circle[data-slide="6"] {
  left: 91%;
}
.page-template-page-process #map .circle[data-slide="6"] img {
  left: -216%;
}
.page-template-page-process #map .circle.active {
  background: url(parallax/images/alliedYellow.png);
}

    
/***************** FOOTER ************************/
#Footer .widgets_wrapper {
    max-width: 1264px;
    margin: 0 auto !important;
    padding: 20px 0 45px 0 !important;
}

.connect-footer {
	margin: 30px 0 0 0;
}

.connect-footer li {
	display: inline-block;
}

.address-footer {
	text-align: right;
	font-size: 13px;
	line-height: 1.5;
	margin-right: 0;
	letter-spacing: .4px;
}
 
/***************** MEDIA QUERIES *****************/

@media screen and (max-width: 1352px) and (min-width: 1240px) {
	#Top_bar .menu > li.connect {
		display: none;
	}
}


@media screen and (min-width: 1240px) {
	.with_aside .content_wrapper {
	    max-width: 1264px !important;
	}
}

@media screen and (max-width:1239px) {
	.home .mcb-section h1 br {
		display: none;
	}
	
	.address-footer {
		margin-right: 0;
	}
	
	.process .section_wrapper .one-second:last-child .column_attr {
		padding-left: 40px;
		max-width: none;
	}
	
	.work-main-content .work-detail-col-two:last-child .work-detail-inner {
		padding-left: 135px;
	}
	
	.portfolio_group.masonry-hover .portfolio-item,
	.portfolio_group .portfolio-item {
		width: 33.33% !important;
	}
	
	#Footer .widgets_wrapper {
	    max-width: 940px;
	}
	
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	h1.extra-large {
		font-size: 40px;
	}
}

@media screen and (max-width:1024px) {	
	#Top_bar .menu > li.connect {
		display: none;
	}
	
	.mobile-padding-bottom {
		padding-bottom: 45px;
	}
}

@media only screen and (max-width: 980px) {
	.page-template-page-process #mobile {
		display: block;
	}
	
	.page-template-page-process #parallax,
	.page-template-page-process #map,
	.page-template-page-process #loader {
		display: none;
	}
}

@media screen and (max-width: 959px) {
	body {
		font-size: 14px !important;
	}
	
    #menu > ul > li > a {
    	font-size: 19px;
    	letter-spacing: 0;
	}
	
	.mission .one-fourth.mcb-wrap,
	.mission .three-fourth.mcb-wrap {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
		float: none;
	}
	
	.portfolio_group.masonry-hover .portfolio-item,
	.portfolio_group .portfolio-item {
		width: 50% !important;
	}	
	
	.custom-4-col .section_wrapper .one-fourth {
		width: calc(50% - 6px);
	}
	
	.custom-4-col .section_wrapper .one-fourth:first-child,
	.custom-4-col .section_wrapper .one-fourth:nth-child(3) {
		margin-left: 0;
	}
	
	.custom-4-col .section_wrapper .one-fourth:last-child,
	.custom-4-col .section_wrapper .one-fourth:nth-child(2) {
		margin-right: 0;
	}
	
	.work-main-content .work-detail-col-two:last-child .work-detail-inner {
		padding-left: 40px;
	}
	
	#Footer .widgets_wrapper {
        max-width: none !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .section_wrapper, .container, .with_aside .content_wrapper {
        max-width: none;
    }
}

@media screen and (min-width: 768px) {
	#Top_bar.is-sticky #logo img.logo-sticky {
		margin-right: -15px;
	}
	
	.blog .content_wrapper,
	.archive .content_wrapper {
		width: calc(100% - 20px) !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media screen and (max-width:767px) {
	.column_attr.align_right {
		text-align: left;
	}
	
	#Top_bar .menu > li.mobile-logo {
		display: block;
	}
	
	.icon-menu-fine:before {
		font-weight: 600;
	}
	
	.mobile-sticky #Top_bar.is-sticky #logo {
		height: 35px !important;
		line-height: 35px !important;
	}
	
	#Top_bar #logo img.svg {
    	width: 100px;
	}
	
	.mobile-header-mini.mobile-mini-ml-lr #Top_bar {
	    height: 55px;
		background: #FFF !important;
	}
	
	.mobile-header-mini.mobile-mini-ml-lr #Top_bar .logo {
	    margin-right: 15px !important;
	}
	
	.mobile-header-mini.mobile-mini-ml-lr #Top_bar a.responsive-menu-toggle {
		left: 5px;
	}
	
	.mobile-header-mini.mobile-mini-ml-lr #Top_bar .logo {
		margin-right: 0 !important;
		margin-top: 10px;
	}
	
	#Side_slide .menu_wrapper {
		height: calc(100% - 48px);
	}
	
	#Side_slide #menu, 
	#Side_slide #menu ul {
		height: 100%;
		position: relative;
	}
	
	#Side_slide #menu ul li.connect {
		position: absolute;
		top: auto;
		bottom: 1px;
		left: auto;
		right: auto;	
	}
	
	#Side_slide #menu ul li a {
		font-size: 24px;
		letter-spacing: 0;
		font-weight: 300;
		margin: 36px auto;
	}
	
	.connect .sub-menu a {
    	margin: 0 4px !important;
	}
	
	.connect .sub-menu li {
		display: inline-block;
		width: auto !important;
	}
	
	#Side_slide #menu .menu-toggle {
		display: none !important;
	}
	
	.home #Content .column_zoom_box, 
	#Content .image_frame .image_wrapper,
	.work-detail-row {
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px) !important;
	}
	
	#onpage-nav,
	#Filters {
		margin-top: 0;
		margin-left: 0;
		text-align: left !important;
		z-index: 1;
	}
	
	ul.onpage-nav li,
	#Filters .filters_wrapper ul.categories li {
		display: block;
		padding-bottom: 10px;
	}
	
	ul.onpage-nav li a,
	#Filters .filters_wrapper ul.categories li a {
		font-size: 14px;
		font-weight: 300;
	}

	.page-id-9 #Content,
	.page-id-1622 #Content, 
	.page-id-1735 #Content, 
	.page-template-template-portfolio #Content {
		padding-top: 10px !important;
	}
	
	.home #Content .equal-height-wrap .wrap.mcb-wrap.one-third,
	.home-contact .column_attr {
		padding-left: 0 !important;
	}

	.home-contact .column_attr {
		padding: 48px 19% 63px 22px;
	}
	
	#people,
	#process, 
	#contact {
		padding-top: 0 !important;
	}
	
	.process .section_wrapper .one-second:last-child .column_attr {
		padding: 30px 0 0 0;
	}
	
	.portfolio-template-default #Content {
		padding: 0 !important;
	}
	
	.work-detail-topnav .post-nav {
		display: block;
	}
	
	.work-detail-row h1 {
		font-size: 20px;
		line-height: 24px;
	}
	
	.work-detail-row p.wp-caption-text {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.work-detail-row .work-detail-img-copy {
		padding: 10px 10px 30px 10px !important;
	}
	
	.work-main-content {
		margin: 15px 0;
		width: 100%;
	}
	
	.work-main-content .work-detail-col-two {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.work-detail-col-two .work-detail-inner {
		padding: 0 0 10px 0 !important;
	}
	
	.work-detail-col-three {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.work-detail-row.work-detail-bottom {
		margin-bottom: 10px;
	}
	
	.work-detail-col-one .work-detail-img-copy {
		text-align: left;
	}
	
	.work-detail-bottomnav .post-nav.minimal a.prev {
		background: url(images/arrow-prev-sm.png) no-repeat left center;
		background-size: 15px 13px;
		margin-left: 10px;
	}
	
	.work-detail-bottomnav .post-nav.minimal a.next {
		background: url(images/arrow-next-sm.png) no-repeat right center;
		background-size: 15px 13px;
		margin-right: 10px;
	}
	
	.work-detail-bottomnav .post-nav.minimal a.prev:after {
		content: "PREVIOUS";
		font-size: 14px;
		padding-left: 22px;
	}
	
	.work-detail-bottomnav .post-nav.minimal a.next:after {
		content: "NEXT";
		font-size: 14px;
		padding-right: 22px;
	}
	
	.work-detail-bottomnav .post-nav {
    	margin: 6px 0 0px 0;
	}
	
	.with_aside.no-content-padding .sections_group,
	.four.columns .widget-area {
		max-width: 480px !important;
		margin: 0 auto;
		float: none;
		width: calc(100% - 20px) !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.with_aside .section_wrapper {
	    padding-right: 0 !important;
	    width: 100% !important;
	}
	
	.with_aside.if-overlay .image_frame img {
		max-width: none;
		width: 100%;
	}
	
	.aside_right #custom_html-5 {
        margin: 0 0 0 -40px;    
    }
	
	.minimalist-header-no #Subheader {
		padding: 30px 0 0 0 !important;
	}
	
	#Footer .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#Footer .widgets_wrapper {
        max-width: 480px;
	}

	#Footer .widgets_wrapper .widget {
		padding: 0;
	}
	
	.connect-footer {
		margin: 0;
	}
	
	.address-footer {
		margin-left: 0 !important;
	}
	
	.connect-footer a span {
		width: 31px;
		height: 31px;
		background-size: 31px 31px;
		margin-right: 5px;
	}
	
	.address-footer {
	    text-align: left;
	    font-size: 14px;
	    margin: 10px 0 0 20px;
	    font-weight: 300;
	}
	
	.go-arrow {
		font-size: 18px;
	}
	
	.custom-4-col .section_wrapper .one-fourth {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

}


 
@media screen and (max-width:480px) {
	h1.extra-large {
		font-size: 46px;
	}
	
	.portfolio_group.masonry-hover .portfolio-item,
	.portfolio_group .portfolio-item {
		width: 100% !important;
	}
	
	img.scale-with-grid, #Content img {
		max-width: none;
		width: 100%;
	}
}