/*
 Theme Name:   UPBrand
 Theme URI:    https://upbrand.com
 Description:  Custom WordPress Theme
 Author:       Three Fires Digital
 Author URI:   UPBrand
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Custom
 Text Domain:  twenty-sixteen-child
*/

/* keep the videos big */
#fancybox-frame {
	height: 100% !important;
	width: 100% !important;
}

.player.right-content-area-supported>.content-area-sibling-enabled {
	width: 100% !important;
}

/* sharpspring */
#form_e79e1e2d-3985-480c-8619-5d50c83a5994 > fieldset > div > ul > h2 {
	text-align: center !important;
	text-transform: uppercase !important;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#form_e79e1e2d-3985-480c-8619-5d50c83a5994 > fieldset > div > div.ss-recaptcha, #form_e79e1e2d-3985-480c-8619-5d50c83a5994 > fieldset > div > div.ss-recaptcha > div.ss-anchor-invisible-text {
	display: none !important;
}

.ss-recaptcha .ss-anchor-invisible-text {
	color: #008cd1 !important;
}

@import url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/static/source/rev-7e60dc4/upbrand.com/wp-content/themes/upbrand/fonts.css");

* {
	box-sizing: border-box;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #111;
}

.site {
	overflow: hidden !important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, strong, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

li {
	list-style-position: inside;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

.primary-menu li a {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
}

.menu-close-tablet {
	display: none;
}

blockquote {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 10px 50px;
	position: relative;
	color: #2c3e50;
	color: #757575;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

blockquote p {
	font-size: 20px;
	line-height: 34px;
	font-style: italic;
	padding: 0px 0px 10px 0px;
}

blockquote:before, q:before {
	content: "“";
	position: absolute;
	font-size: 49px;
	font-weight: bold;
	color: #757575;
	left: 10px;
	top: 23px;
}

blockquote > :last-child {
	margin-bottom: 0;
	padding-bottom: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {
	font-weight: 700;
	padding: 0px 0px 15px 0px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1, h1 a {
	font-size: 34px;
	line-height: 44px;
}

h2, h2 a {
	font-size: 30px;
	line-height: 40px;
}

h3, h3 a {
	font-size: 28px;
	line-height: 34px;
}

h4, h4 a {
	font-size: 22px;
	line-height: 32px;
}

h4.p1 {
	padding-bottom: 50px;
}

h5, h5 a {
	font-size: 18px;
	line-height: 28px;
}

h6, h6 * {
	font-size: 12px;
	line-height: 15px;
}

img {
	max-width: 100%;
	display: block;
}

a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration: none;
	color: #ec452d;
}

a:hover {
	color: #008cd1;
}

a.button {
	color: white;
}

p {
	padding: 0px 0px 20px 0px;
}

ul, ol {
	padding: 0px 0px 10px 25px;
	margin: 0px;
}

ul li, ol li {
	padding: 0px 0px 10px 0px;
}

b, strong, strong a, em b, b em, strong em, em strong {
	font-weight: 500;
}

hr {
	margin: 0px 0px 15px 0px;
	border-style: inset;
	border-width: 1px;
}

p {
	padding: 0px 0px 30px 20px;
}

.overlay {
	background-color: #000;
	opacity: .6;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 20000;
}

.clear {
	clear: both;
}

.constrain {
	width: 100%;
	position: relative;
	margin: 0px auto;
	height: 100%;
}

.site-content {
	background-color: #f1f2f2;
}

/* Standard Button */
.button {
	border: solid 0px #0087e7;
	background-color: #0087e7 !important;
	line-height: 25px;
	min-width: 150px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	font-weight: 600;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration: none;
	padding: 5px 15px;
}

.button:hover {
	color: #0087e7 !important;
	background-color: white !important;
	border: solid 0px #0087e7;
}

.button.about {
	margin-top: 10px !important;
}

.button.about {
	color: black;
	background-color: transparent;
}

.button.about:hover {
	color: #fff;
	background-color: #0087e7;
}

/* Red Plus List */
ul.plus {
	padding: 0px 0px 60px 0px;
	list-style-type: none;
	margin-top: 20px;
}

.points ul.plus {
	padding: 0px 0px 50px 0px;
}

ul.plus li, article > div.dp-dfg-header.entry-header h4 {
	padding: 0px;
	font-weight: 600;
	line-height: 45px !important;
}

ul.plus li::before, article > div.dp-dfg-header.entry-header h4::before {
	content: "+";
	margin-right: 8px;
	color: #ec452d;
	vertical-align: middle;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 1em/0 "Genericons";
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

ul.plus li:hover::before, article > div.dp-dfg-header.entry-header h4:hover::before {
	color: #ec452d;
}

ul.plus li a::before, article > div.dp-dfg-header.entry-header h4 a::before {
	content: "";
	position: absolute;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	left: -15px;
}

ul.plus li a:hover::before, div.plus > div > div > div.dp-dfg-header.entry-header.plus h4 a:hover::before {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 1;
}

.what-we-do .text-box ul li a {
	color: #fff;
	font-weight: 500;
	font-size: 17px;
	vertical-align: middle;
	line-height: 45px;
}

/* Vertical Align Element */
.table {
	display: table;
	width: 100%;
	height: 100%;
}

.table .row {
	display: table-row;
	width: 100%;
	height: 100%;
}

.table .row .col {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.table .row .col.projects {
	vertical-align: bottom;
	padding-bottom: 7px;
}

/*Sticky Bar 
.mysticky-welcomebar-close {display:none !important;}
#mysticky-wrap {height:0px !important;}
.mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-none.entry-effect {background:linear-gradient(90deg, red, orange, yellow, green, blue, purple);opacity: 1 !important;}*/

/* remove when remove sticky bar
.down.wrapfixed  >#masthead > div.site-branding {padding-top:40px !important;}
.mysticky-welcomebar-fixed-wrap {min-height:unset !important;}

@media (max-width:767px){
	.mysticky-welcomebar-fixed-wrap {padding:0px 30px !important;}
}

@media (max-width:603px){
	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-none.entry-effect {height:63px !important;}
	div.mysticky-welcomebar-content {width:100% !important;}
}*/

/* Site Header */
#tagline {
	color: #0087e7;
	font-style: italic;
	text-transform: none;
	font-size: 10px;
	font-weight: 600;
	vertical-align: top;
	height: 49px;
	letter-spacing: 2px;
}

.site-header {
	width: 100%;
	padding: 36px 30px;
	position: fixed;
	left: 0px;
	z-index: 999;
	margin: 0 auto;
	text-align: left;
}

.site-header .site-branding {
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 5px;
	font-size: 20px;
	width: auto;
	display: inline-block;
}

.site-header .site-branding .logo {
	height: 20px;
	margin: 0px auto;
}

.site-header .site-branding .logo-nh {
	height: 27px;
	margin: 0px auto;
}

.contact.button {
	position: absolute;
	top: 30px;
	right: 100px;
	cursor: pointer;
	background-color: transparent;
	line-height: 24px;
	min-width: 0px;
	font-size: 12px;
	padding: 0px 25px;
}

#masthead > div.button.contact > a {
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	color: white;
}

#masthead > div.button.contact > a:hover {
	color: #0087e7 !important;
	border: 0px;
}

.contact.button:hover {
	color: #fff !important;
	background-color: #ec452d;
}

/***** HOME PAGE *****/

/* Home Page bannner */
.home-bannner {
	position: relative;
	z-index: 1;
}

.home-bannner .letter {
	position: absolute;
	z-index: 2;
	perspective: 40px;
	filter: drop-shadow(.05em .05em red) !important;
}

.home-bannner .u {
	top: 11%;
	left: 5%;
	width: 15.6%;
	max-width: 225px;
}

.home-bannner .p {
	top: -3%;
	left: 21.5%;
	width: 15.6%;
	max-width: 225px;
}

.home-bannner .b {
	top: 22.5%;
	left: 25.5%;
	width: 16.5%;
	max-width: 225px;
}

.home-bannner .r {
	top: 38%;
	left: 9.5%;
	width: 15.83%;
	max-width: 227px;
}

.home-bannner .a {
	top: 50%;
	left: 23%;
	width: 18.19%;
	max-width: 262px;
}

.home-bannner .n {
	top: 44%;
	left: 42%;
	width: 16.18%;
	max-width: 233px;
}

.home-bannner .d {
	top: 72%;
	left: 42%;
	width: 16.52%;
	max-width: 238px;
}

.floating {
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: 3;
	animation-timing-function: ease-in-out;
}

@keyframes floating {
	from {
		transform: translate(0, 0px);
	}
	
	50% {
		transform: translate(30px, 30px);
	}
	
	to {
		transform: translate(0, -0px);
	}
}

.icon.floating {
	animation-name: unset !important;
}

/* Home Page Project Swipe */
img.home-projects-vert {
	position: absolute;
	left: 20%;
	top: -7%;
}

.project-swipe {
	position: relative;
	z-index: 1;
}

.project-swipe .swiper-container {
	position: relative;
	z-index: 5;
	margin-left: 30%;
}

.project-swipe #slider {
	overflow: hidden;
}

.project-swipe .swiper-container .project-item {
	position: relative;
}

.project-swipe .swiper-container .project-item img {
	width: 100%;
}

.project-swipe .swiper-container .project-item .table {
	position: relative;
	bottom: 15px;
	height: auto;
	min-height: 120px;
}

.project-swipe .swiper-container .project-item .title {
	font-size: 64px;
	font-weight: 900;
	line-height: 60px;
	text-transform: uppercase;
	padding: 0px 2% 0px 4%;
	width: 80%;
}

.project-swipe .swiper-container .project-item .button {
	float: right;
	width: 40%;
	padding: 0px 4% 0px 2%;
	margin-bottom: 40px;
}

.project-swipe .swiper-container .project-item .button:hover {
	background-color: #ec452d;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	color: #fff;
}

.home .content-primary {
	background: #f1f2f2;
}

/* Home Page Who We Are */
.who-we-are {
	position: relative;
	z-index: 1;
}

.who-we-are .black-rec {
	width: 82%;
	height: 75px;
	background-color: #111;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.who-we-are .constrain {
	z-index: 3;
}

.who-we-are .img-box {
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
	max-width: 50%;
}

.who-we-are .img-box .img2 {
	z-index: 10;
	margin-left: 15%;
}

.who-we-are .img-box .vert-text {
	z-index: 6;
	z-index: 11;
	position: absolute;
	top: 45%;
	right: 15%;
}

.who-we-are .text-box {
	padding-top: 100px;
	width: 50%;
	float: left;
	position: relative;
	z-index: 300000;
	height: 100%;
}

.who-we-are .text-box .content {
	width: auto;
	max-width: 680px;
	margin: 60px 100px 0px 140px;
}

.who-we-are .icon {
	position: absolute;
	width: 70px;
	z-index: 1000000;
}

.who-we-are .icon:nth-of-type(1) {
	top: 175px;
	left: 4%;
}

.who-we-are .icon:nth-of-type(2) {
	top: -30px;
	left: 30%;
}

.who-we-are .icon:nth-of-type(3) {
	top: 100px;
	right: 51%;
}

.who-we-are .icon:nth-of-type(4) {
	top: 435px;
	left: 20%;
}

.who-we-are .icon:nth-of-type(5) {
	bottom: 120px;
	right: 12%;
}

.who-we-are .icon:nth-of-type(6) {
	bottom: 80px;
	left: 45%;
}

/* Home Page What We Do */
.what-we-do {
	background-color: #f1f2f2;
	height: 1080px;
	position: relative;
	padding-bottom: 130px;
}

.what-we-do .text-box .img2 {
	position: absolute;
	z-index: 5;
	left: 11%;
	top: -30%;
	width: 37%;
}

.what-we-do .text-box .pattern {
	position: absolute;
	top: -560px;
	left: 0px;
	z-index: 5;
	width: 37.5%;
	height: 760px;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/uploads/2019/05/Blue_dotted_BG.png") repeat 30% 90%;
}

.what-we-do .text-box .pattern.nitro-lazy {
	background-image: none !important;
}

.what-we-do .text-box {
	padding-top: 130px;
	width: 83%;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/what-we-do-bg.png") no-repeat center center;
	background-size: 100% 100%;
	margin-left: 3%;
	height: auto;
	min-height: 950px;
}

.what-we-do .text-box.nitro-lazy {
	background-image: none !important;
}

.what-we-do .text-box ul li {
	color: #fff;
	line-height: 34px;
}

.what-we-do .text-box .table {
	width: 64%;
	height: 100%;
}

.what-we-do .text-box .col {
	width: 50%;
	color: #fff;
	position: relative;
}

.what-we-do .text-box .col1 {
	width: 38%;
	padding-left: 60px;
	padding-right: 20px;
}

.what-we-do .text-box .col2 {
	width: 8%;
}

.what-we-do .text-box .col2 img {
	position: absolute;
	top: 245px;
	right: 25px;
}

.what-we-do .text-box .col3 {
	width: 45%;
	padding-right: 5%;
}

.what-we-do .text-box .content {
	max-width: 340px;
	float: right;
	padding-bottom: 60px;
}

.what-we-do .text-box .content p, .what-we-do .text-box .content h3, .what-we-do .text-box .content a, .what-we-do .text-box .content a.button.about {
	color: #fff !important;
}

.what-we-do .text-box .content a:hover, .what-we-do .text-box .content a:hover.button.about {
	color: #ec452d;
}

.what-we-do .text-box .content h3 {
	margin-bottom: 40px;
}

.what-we-do .text-box .content a {
	margin-top: 10px;
}

.what-we-do .text-box .content p {
	font-weight: 500 !important;
	line-height: 26px !important;
}

.what-we-do .blue-box {
	background-color: #008cd1;
	width: 44%;
	position: absolute;
	right: 0px;
	top: 11%;
	height: 750px;
	z-index: 9;
	padding: 60px 7% 60px 0px;
}

.what-we-do .blue-box .inner-box {
	width: 50%;
	float: left;
	padding: 22px 0px;
}

.what-we-do .col.vert-col {
	width: 21%;
}

.what-we-do .col.vert-col img {
	position: absolute;
	top: -58px;
	left: 10%;
}

.what-we-do .col.logos {
	width: 79%;
}

.what-we-do .vert-wrap {
	width: 20%;
	height: 200px;
	position: relative;
}

.what-we-do .blue-box .vert-wrap .vert {
	left: -50px;
}

.what-we-do .vert {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 12px;
	letter-spacing: 12px;
	text-transform: uppercase;
	position: absolute;
	top: 50px;
	left: 0px;
}

/***** PAGE STYLES *****/

/* Page Banner */
.page-bannner {
	width: 100%;
	background-size: 100% contain !important;
	position: relative;
	z-index: 1;
	margin-bottom: 0px;
}

.page-bannner .info-block {
	background-color: #f1f2f2;
	position: absolute;
	right: 2%;
	bottom: 45px;
	width: 38%;
	padding: 35px 5%;
	max-width: 530px;
	min-width: 400px;
}

.page-bannner .info-block h1 {
	font-size: 64px;
	line-height: 60px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0px 0px 20px 0px;
}

.video-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.video-wrapper iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/***** SINGLE PROJECT *****/
div.services ul {
	padding: 0px 0px 10px 25px;
}

div.services ul li {
	font-size: 17px;
	font-weight: 500;
	line-height: 26px;
}

div.project-sections  h4  span  b {
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
}

.project-content {
	position: relative;
}

.project-content .pattern {
	position: absolute;
	top: 0px;
	right: 5%;
	width: 65%;
	height: 187px;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") repeat center center;
}

.project-content .pattern.nitro-lazy {
	background-image: none !important;
}

div.single-project-details .text p span b, div.single-project-details .text p span strong {
	font-size: 22px;
	line-height: 34px;
}

.project-content .single-project-details {
	max-width: 1050px;
	margin: 0px auto;
	padding: 100px 0px 80px 0px;
}

@media (max-width:767px) {
	#tagline {
		line-height: 1em;
		display: block;
	}
	
	.project-content .single-project-details {
		margin: 0px 20px;
		padding: 0px 0px 80px 0px;
	}
}

.project-content .single-project-details .title {
	width: 100%;
	font-size: 64px;
	font-weight: 900;
	line-height: 60px;
	padding: 0px 5% 45px 0px;
	text-transform: uppercase;
}

.project-content .single-project-details .text {
	width: 76%;
	float: left;
	padding: 0px 7% 0px 0px;
}

.project-content .single-project-details .text .inner {
	font-size: 20px;
	font-weight: 400;
}

.project-content .single-project-details .services {
	width: 24%;
	float: left;
}

.project-content .single-project-details .services li {
	padding: 0px 0px 0px 0px;
}

div.single-landingpage-details .text p span b, div.single-landingpage-details .text p span strong {
	font-size: 22px;
	line-height: 34px;
}

.project-content .single-landingpage-details {
	max-width: 1250px;
	margin: 0px auto;
	padding: 100px 0px 80px 0px;
}

@media (max-width:767px) {
	.project-content .single-landingpage-details {
		margin: 0px 20px;
		padding: 0px 0px 80px 0px;
	}
}

.project-content .single-landingpage-details .title {
	width: 100%;
	font-size: 64px;
	font-weight: 900;
	line-height: 60px;
	padding: 0px 5% 45px 0px;
	text-transform: uppercase;
}

.project-content .single-landingpage-details .text {
	width: 60%;
	float: left;
	padding: 0px 7% 0px 0px;
}

.project-content .single-landingpage-details .text .inner {
	font-size: 20px;
	font-weight: 400;
}

.project-content .single-landingpage-details .services {
	width: 39%;
	float: left;
}

.project-content .single-landingpage-details .services li {
	padding: 0px 0px 0px 0px;
}

.project-sections .text .inner .p1 .s1 {
	font-size: 19px;
	line-height: 30px;
}

.project-sections .inner h2, .project-sections .inner h2 b {
	font-size: 120px;
	line-height: 42px;
	padding-bottom: 40px;
	padding-top: 40px;
	font-weight: 600;
}

.project-sections .inner h5 b {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	text-transform: uppercase;
}

.project-sections > div.half-qu-qu.table > div > div:nth-child(2) > div > div:nth-child(1) > div > div > h2

.project-content .project-sections {
	margin: 0px 0px 100px 0px;
	background-color: #f1f2f2;
}

.project-content .project-sections .full-width {
	width: 100%;
}

.project-content .project-sections .text *, .project-content .project-sections .image-text * {
	color: inherit;
}

.project-content .project-sections .text .inner {
	margin: 0px auto;
	width: 80%;
	padding: 60px 0;
	position: relative;
}

.project-content .project-sections img {
	width: 100%;
}

.project-content .project-sections .half-half, .project-content .project-sections .qu-qu-half, .project-content .project-sections .half-qu-qu {
	width: 100%;
}

.project-content .project-sections .half-half .half, .project-content .project-sections .qu-qu-half .half, .project-content .project-sections .half-qu-qu .half {
	width: 50%;
}

.project-content .project-sections .qu-qu-half .half .row, .project-content .project-sections .qu-qu-half .half .text, .project-content .project-sections .half-qu-qu .half .row, .project-content .project-sections .half-qu-qu .half .text {
	height: 50%;
}

.project-content .project-sections .image-text .inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.project-content .project-sections .image-text .inner .text {
	position: absolute;
	top: 0px;
	left: 10%;
	z-index: 5;
	width: 80%;
	height: 100%;
}

.project-content h1 {
	font-size: 500%;
	line-height: 100%;
}

.project-content .vert {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 10px;
	text-transform: uppercase;
}

.project-content .project-sections .text.vert-inc .inner {
	padding-left: 50px;
}

/***** CAREERS *****/
.careers-banner {
	width: 100%;
	background-color: #f1f2f2;
	min-height: 200px;
}

.careers-banner .pattern {
	width: 72%;
	height: 380px;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") repeat center -20px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.careers-banner .pattern.nitro-lazy {
	background-image: none !important;
}

/* Thanks Content Box */
#thanks-box {
	width: 100%;
	padding: 0px;
	background-color: #f1f2f2;
}

/* Careers Content */
.careers-content {
	width: 100%;
	padding: 0px 0px 400px 0px;
	background-color: #f1f2f2;
}

.careers-content .pattern {
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") repeat center center;
	position: absolute;
	right: 0px;
	top: 550px;
	height: 600px;
	width: 58%;
}

.careers-content .pattern.nitro-lazy {
	background-image: none !important;
}

.careers-content .black-box {
	height: 95px;
	width: 32%;
	background-color: #111;
	position: absolute;
	top: 270px;
	right: 0px;
}

.careers-content .blue-box {
	width: 20%;
	height: 80px;
	right: 30%;
	top: 900px;
	position: absolute;
	background-color: #008cd1;
}

.careers-content .wave {
	width: 5%;
	height: 733px;
	float: left;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/careers-wave.png") no-repeat top right;
}

.careers-content .wave.nitro-lazy {
	background-image: none !important;
}

.careers-content .content {
	width: 95%;
	float: left;
	padding-bottom: 250px;
}

.careers-content .title, .careers-content .title span {
	width: 100%;
	padding: 105px 10% 55px 8%;
	font-size: 64px;
	font-weight: 900;
	line-height: 60px;
	text-transform: uppercase;
}

.careers-content .title span {
	color: #008cd1;
	width: auto;
	padding: 0px;
}

.careers-content .career-details {
	width: 100%;
	position: relative;
}

.careers-content .career-details .details {
	width: 52%;
	float: left;
}

.careers-content .career-details .details .info {
	padding: 0px 15% 0px 0px;
}

.careers-content .career-details .details .text {
	padding: 0px 0 0px 20%;
}

.careers-content .career-details .details .job-block {
	padding: 35px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
}

.careers-content .career-details .details .job-block .city {
	width: 20%;
	height: 200px;
	position: relative;
}

.careers-content .career-details .details .job-block .city .vert {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #008cd1;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 12px;
	text-transform: uppercase;
	position: absolute;
	top: 50px;
	left: 20px;
}

.careers-content .career-details .details .job-block .city .vert.lv {
	top: 70px;
	left: 10px;
}

.careers-content .career-details .details .job-block .job-list {
	width: 80%;
}

.careers-content .career-details .details .job-block ul li, .careers-content .career-details .details .job-block ul li a {
	line-height: 34px;
	font-size: 22px;
	font-weight: 600;
	color: #111;
}

.careers-content .career-details .images {
	width: 48%;
	float: left;
	padding: 65px 0px 0px 0px;
	position: relative;
}

.careers-content .career-details .images .img1 {
	float: right;
}

.careers-content .career-details .images .img2 {
	position: absolute;
	top: 520px;
	left: 15%;
}

/* Single Career */
.careers-content.single {
	padding: 0px 0px 100px 0px;
}

.careers-content .single-career-details {}

.careers-content .single-career-details .details {
	padding: 0px 10% 0px 0%;
}

.careers-content .single-career-details .details .text {
	width: 50%;
	float: left;
	padding: 0px 0px 0px 9%;
}

#content > div.careers-banner > div.images-mobile {
	display: none;
}

/***** ABOUT US *****/
.about-content {
	width: 100%;
	padding: 0px 0px 100px 0px;
	background-color: #f1f2f2;
}

.about-content .pattern {
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") repeat center center;
	position: absolute;
	right: 0px;
	top: 675px;
	height: 700px;
	width: 58%;
	z-index: 4;
}

.about-content .pattern.nitro-lazy {
	background-image: none !important;
}

.about-content .wave {
	width: 5%;
	height: 733px;
	position: absolute;
	top: 400px;
	left: -50px;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/careers-wave.png") no-repeat top right;
}

.about-content .wave.nitro-lazy {
	background-image: none !important;
}

.careers-banner .about-photo {
	position: absolute;
	top: -50px;
	left: 0px;
}

.careers-banner .about .pattern {
	width: 72%;
	height: 400px;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") no-repeat center -40px;
	position: absolute;
	top: -38px;
	right: 0px;
}

.careers-banner .about .pattern.nitro-lazy {
	background-image: none !important;
}

.about-photo img {
	display: block;
	width: 110%;
	max-width: 110% !important;
}

.about-content .title, .about-content .title * {
	width: 90%;
	padding: 90px 15% 75px 15%;
	font-size: 64px;
	font-weight: 900;
	line-height: 60px;
	text-transform: uppercase;
}

.about-content .title * {
	padding: 0px;
	width: auto;
}

.about-content p {}

.about-content .title span {
	color: #008cd1;
	width: auto;
	padding: 0px;
}

.about-content .upper-content {
	width: 100%;
	padding-bottom: 60px;
}

.about-content .upper-content .about-details {
	padding: 0px 15% 0 15%;
	position: relative;
}

.about-content .text.left, .about-content .text.right {
	width: 50%;
	float: left;
}

.about-content .text.left {
	padding: 0px 3.5% 0px 0px;
}

.about-content .text.right {
	padding: 0px 0px 0px 3.5%;
}

.team-details-wrap {
	margin: 0px 5%;
}

.about-content .team-details {
	position: relative;
}

.about-content .team-details .info {
	padding: 0px 10%;
	position: relative;
	z-index: 5;
	height: 978px;
}

.about-content .team-details .team-info {
	position: absolute;
	top: -170px;
	left: 0px;
	padding: 0px 12%;
	z-index: 10;
}

.about-content .team-details .team-box {
	width: 22%;
	margin: 15px 1.5%;
	float: left;
	height: 300px;
	cursor: pointer;
}

.about-content .team-details .team-box:nth-of-type(2) {
	margin: 145px 1.5% 15px 1.5%;
}

.about-content .team-details .team-box:nth-of-type(3) {
	margin: 80px 1.5% 15px 1.5%;
}

.about-content .team-details .team-box:nth-of-type(4) {
	margin: 210px 1.5% 15px 1.5%;
}

.about-content .team-details .team-box:nth-of-type(5), .about-content .team-details .team-box:nth-of-type(9), .about-content .team-details .team-box:nth-of-type(13), .about-content .team-details .team-box:nth-of-type(17), .about-content .team-details .team-box:nth-of-type(21) {
	margin: -175px 1.5% 15px 1.5%;
}

.about-content .team-details .team-box:nth-of-type(6), .about-content .team-details .team-box:nth-of-type(10), .about-content .team-details .team-box:nth-of-type(14), .about-content .team-details .team-box:nth-of-type(18), .about-content .team-details .team-box:nth-of-type(22) {
	margin: -45px 1.5% 15px 1.5%;
}

.about-content .team-details .team-box:nth-of-type(7), .about-content .team-details .team-box:nth-of-type(11), .about-content .team-details .team-box:nth-of-type(15), .about-content .team-details .team-box:nth-of-type(19), .about-content .team-details .team-box:nth-of-type(23) {
	margin: -110px 1.5% 15px 1.5%;
}

.about-content .team-details .team-box:nth-of-type(8), .about-content .team-details .team-box:nth-of-type(12), .about-content .team-details .team-box:nth-of-type(16), .about-content .team-details .team-box:nth-of-type(20), .about-content .team-details .team-box:nth-of-type(24) {
	margin: 20px 1.5% 15px 1.5%;
}

img.team-vert {
	position: absolute;
	left: 1%;
	top: -7%;
}

/***** ABOUT LOWER CONTENT *****/
.about-content .lower-content {
	padding: 150px 15% 100px 15%;
	position: relative;
}

.about-content .lower-content .pattern {
	left: -35px;
	top: -20px;
	height: 460px;
}

.about-content .lower-content .black-box {
	width: 5%;
	height: 590px;
	background-color: #111;
	position: absolute;
	top: 150px;
	left: 0px;
	z-index: 2;
}

.about-content .lower-content .blue-box2 {
	width: 35%;
	height: 25%;
	background-color: #008cd1;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 1;
}

.about-content .lower-content .title {
	padding: 105px 20% 75px 0%;
	position: relative;
	z-index: 3;
}

.about-content .lower-content .about-details {
	position: relative;
	z-index: 3;
}

/***** NITROUS *****/

/* Nitrouss Content */
.nitrous-banner {
	background-color: #111;
	margin-bottom: 80px;
}

.nitrous-content {
	width: 100%;
	padding: 0px 0px 250px 0px;
	background-color: #f1f2f2;
	position: relative;
}

.nitrous-content .wave {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5%;
	height: 730px;
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/nitrous-wave-bar.png") no-repeat center center;
	background-size: 100% 100%;
}

.nitrous-content .wave.nitro-lazy {
	background-image: none !important;
}

.nitrous-content .content {
	width: 54%;
	float: left;
}

.nitrous-content .content .text {
	padding: 105px 8% 24px 28%;
}

.nitrous-content .title, .nitrous-content .title span {
	width: 100%;
	padding: 0px 0px 75px 0px;
	font-size: 64px;
	font-weight: 900;
	line-height: 60px;
	text-transform: uppercase;
}

.nitrous-content .title span {
	color: #008cd1;
	width: auto;
	padding: 0px;
}

.nitrous-content .details {
	padding: 0px 0px 130px 0px;
}

.nitrous-content .photo {
	position: relative;
	text-align: right;
}

.nitrous-content .photo .black-box {
	width: 64.12%;
	padding-bottom: 23%;
	background-color: #111;
	position: absolute;
	bottom: -16%;
	right: 21%;
	z-index: 2;
}

.nitrous-content .photo .blue-box {
	width: 67%;
	padding-bottom: 24%;
	right: 0;
	bottom: 4.26%;
	position: absolute;
	background-color: #008cd1;
	z-index: 1;
}

.nitrous-content .photo img {
	position: relative;
	display: inline-block;
	z-index: 3;
	width: 58%;
	top: 0;
	margin-right: -5%;
}

.nitrous-content .photo .pattern {
	background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") repeat center center;
	position: absolute;
	left: 0;
	bottom: -30%;
	height: 120%;
	width: 90%;
}

.nitrous-content .photo .pattern.nitro-lazy {
	background-image: none !important;
}

.nitrous-content .partners {
	width: 46%;
	float: left;
	background: #111 url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/what-we-do-bg.png") no-repeat bottom right;
	background-size: 200% auto;
	padding: 105px 6% 125px 6%;
}

.nitrous-content .partners.nitro-lazy {
	background-image: none !important;
}

.nitrous-content .partners .heading {
	color: #008cd1;
	font-size: 28px;
	line-spacing: 34px;
	padding: 0px 0px 70px 0px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.nitrous-content .partners .partner-row {
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.nitrous-content .partners .partner-row .img {
	position: relative;
	width: 30%;
	padding: 0px 10% 0px 0px;
	float: left;
}

.nitrous-content .partners .partner-row .points {
	width: 60%;
	float: left;
}

.nitrous-content .partners .partner-row .points ul.plus li {
	color: #fff;
	font-size: 18px;
}

.nitrous-content .partners .partner-row .points ul.plus li:before {
	color: #fff;
}

/***** SITE FOOTER *****/
.site-footer {
	width: 100%;
	position: relative;
}

.site-footer .biz-info {
	width: 100%;
	display: block;
	padding: 40px 90px;
	margin: 0px auto;
	background: #fff;
}

.site-footer.biz-info:after {
	/* content: '';*/
	background-color: unset;
}

.site-footer .biz-info .inner .row .col {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 23%;
}

.site-footer .biz-info .inner .row .col:first-of-type {
	vertical-align: top;
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
}

.site-footer .biz-info .inner .row .col.narrow {
	width: 30px;
}

.site-footer .biz-info ul li, .site-footer .biz-info ul li a {
	font-weight: 500;
	color: #111;
}

.copyright {
	position: absolute;
	z-index: 99;
	right: 0px;
	background: #111;
	padding: 20px;
}

.copyright .vert {
	color: #fff;
	font-size: 12px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.swipe-overlay-text {
	position: absolute;
	left: 90%;
	top: 45%;
	z-index: 50000;
}

h3.home-title {
	padding-bottom: 40px;
}

.content.home-section p {
	line-height: 2.25em !important;
	font-weight: 400 !important;
}

ul.plus.social {
	padding: 10px 0px 10px 10px;
}

ul.plus.social li {
	font-weight: 600;
}

ul.plus.social li::before {
	margin-right: 3px;
}

ul.plus.social li:hover {
	cursor: pointer;
}

.col.social .block {
	padding: 10px 0px;
}

.view-anim .mask {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

/***** MEDIA QUERIES *****/
@media screen and (min-width:768px) and (max-width:1024px) {
	/* Tablet */
	h3, h3 a {
		font-size: 26px;
		line-height: 32px;
	}
	
	body > div.menu-wrap.open > link {
		display: block !important;
	}
	
	.menu-close {
		background-color: #111;
		color: #fff;
		top: -460px !important;
		right: 30px;
	}
	
	.menu-close::before {
		color: white !important;
	}
	
	.menu-main-navigation-container {
		padding: 35px 5% !important;
	}
	
	.site-header .site-branding .logo {}
	
	div.menu-wrap.open div.desktop-nav {
		display: block !important;
		position: fixed;
	}
	
	body > div.menu-wrap.open > div > div.menu-main-navigation-container.open {
		display: block !important;
	}
	
	body > div.menu-wrap.open > div > div.biz-info {
		padding: 20px 0px;
		display: block;
		width: 100%;
	}
	
	body > div.menu-wrap.open > div > div.biz-info > div.bottombg {
		padding: 0 0 5% 0;
	}
	
	body > div.menu-wrap.open > div > div.biz-info > div.bottombg > div.inner > div > div:nth-child(1) {
		padding-left: 10px;
	}
	
	/** HOME **/
	.home-bannner {}
	
	.home-bannner .u {
		top: 16.5%;
		left: 0%;
		width: 25%;
		max-width: 225px;
	}
	
	.home-bannner .p {
		top: 6.5%;
		left: 26%;
		width: 25%;
		max-width: 225px;
	}
	
	.home-bannner .b {
		top: 28.5%;
		left: 33.5%;
		width: 25%;
		max-width: 225px;
	}
	
	.home-bannner .r {
		top: 39.5%;
		left: 8%;
		width: 25%;
		max-width: 227px;
	}
	
	.home-bannner .a {
		top: 53%;
		left: 28%;
		width: 27%;
		max-width: 262px;
	}
	
	.home-bannner .n {
		top: 49%;
		left: 56%;
		width: 25%;
		max-width: 233px;
	}
	
	.home-bannner .d {
		top: 72%;
		left: 57%;
		width: 25%;
		max-width: 238px;
	}
	
	/* home page project swiper */
	.project-swipe {}
	
	img.home-projects-vert {
		left: 12%;
	}
	
	.project-swipe .swiper-container {
		margin-left: 20%;
	}
	
	.project-swipe .swiper-container .project-item {
		position: relative;
	}
	
	.project-swipe .swiper-container .project-item .title {
		font-size: 42px;
		line-height: 1.05;
	}
	
	.who-we-are .black-rec {
		height: 45px;
	}
	
	.who-we-are .text-box .content {
		margin-left: 20px;
		margin-right: 40px;
	}
	
	.who-we-are .img2 {
		max-width: 302px;
		top: 302px;
		left: 6.5%;
	}
	
	.who-we-are .icon:nth-of-type(6) {
		left: 25%;
	}
	
	.who-we-are .icon:nth-of-type(5) {
		top: auto;
		bottom: 20px;
	}
	
	/** FOOTER **/
	.site-footer .biz-info {
		display: none;
	}
	
	.copyright {
		width: 100%;
		height: 44px;
		background: #111 url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/ubrand-u-icon.png") no-repeat 15px center;
		padding-top: 5px;
	}
	
	.copyright.nitro-lazy {
		background-image: none !important;
	}
	
	.copyright .vert {
		font-size: 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		float: right;
		padding-right: 10px;
	}
	
	/*PROJECTS */
	.project-content .single-project-details {
		width: 80%;
	}
	
	div.single-project-details .text p span b, div.single-project-details .text p span strong {
		font-size: 18px;
		font-weight: 500;
	}
	
	.project-content .single-project-details .title {
		font-size: 42px;
		line-height: 38px;
	}
	
	.project-content .single-landingpage-details {
		width: 80%;
	}
	
	div.single-landingpage-details .text p span b, div.single-landingpage-details .text p span strong {
		font-size: 18px;
		font-weight: 500;
	}
	
	.project-content .single-landingpage-details .title {
		font-size: 42px;
		line-height: 38px;
	}
	
	div.project-sections h4 span b, div.project-sections h4 span strong {
		font-size: 26px;
		line-height: 32px;
	}
	
	.project-sections .text .inner .p1 .s1 {
		font-size: 16px;
		line-height: 24px;
	}
	
	div.services ul li {
		font-size: 16px;
		line-height: 24px;
	}
	
	.project-content .project-sections .text .inner {
		width: 80%;
	}
	
	/* NITROUS */
	.nitrous-banner {
		margin-bottom: 0;
	}
	
	.nitrous-content .title, .nitrous-content .title span {
		font-size: 42px;
		line-height: 38px;
	}
	
	div.nitrous-content div.details p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.nitrous-content .partners .partner-row .points ul.plus li {
		font-size: 13px;
		line-height: 22px;
		font-weight: 400;
	}
	
	.nitrous-content .partners .partner-row .img {
		width: 30%;
		text-align: center;
		height: 100px;
		line-height: 100px;
		position: relative;
	}
	
	.nitrous-content .partners .partner-row .img img {
		vertical-align: middle;
		display: unset;
	}
	
	.nitrous-content .partners .partner-row .points {
		width: 68%;
	}
	
	.nitrous-content {
		padding: 0;
	}
	
	.page-template-page-nitrous .page-bannner {
		height: unset;
		padding-top: 0;
	}
	
	.nitrous-content .photo {
		display: none;
	}
	
	/* CAREERS */
	.careers-banner {
		min-height: 200px;
	}
	
	.careers-banner .pattern {
		height: 390px;
	}
	
	.careers-content .wave {
		height: 500px;
	}
	
	.careers-content .black-box {
		top: 160px;
	}
	
	.careers-content {
		padding: 0px;
	}
	
	.careers-content .title {
		padding: 55px 10% 55px 8%;
	}
	
	.careers-content .career-details .details .text {
		padding: 0px 0px 0px 8%;
	}
	
	.careers-content .title, .careers-content .title span {
		font-size: 42px;
		line-height: 38px;
	}
	
	div.career-details  p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.careers-content .career-details .details .job-block ul li a {
		font-size: 18px;
		line-height: 34px;
	}
	
	.careers-content .career-details .images {
		padding: 35px 0px 0px 0px;
	}
	
	.careers-content .career-details .images .img2 {
		top: 320px;
		width: 70%;
	}
	
	.careers-content .blue-box {
		top: 530px;
		height: 50px;
	}
	
	.careers-content .pattern {
		top: 350px;
	}
	
	.careers-content .career-details .details .job-block .city {
		left: -80px;
	}
	
	.careers-content .career-details .details .job-block .job-list {
		position: absolute;
		left: 50px;
	}
	
	/*CAREER DETAIL JOB */
	.careers-content .single-career-details .details .text {
		width: 100%;
	}
	
	div.single-career-details div.details div.text p.p1 span.s1 {
		font-size: 16px;
		line-height: 24px;
	}
	
	.careers-content .content {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	/* Mobile */
	
	/*PAGE STYLE */
	h5 {
		padding: 0px;
	}
	
	h3, h3 a {
		font-size: 24px;
		line-height: 34px;
	}
	
	h5, h5 a {
		font-size: 16px;
		line-height: 20px;
	}
	
	ul.plus {
		padding: 0px;
	}
	
	.site-header .site-branding {}
	
	.site-header .site-branding .logo {}
	
	#masthead > div.site-branding > a > picture > img {
		width: 200px !important;
	}
	
	/* Page Banner */
	.page-bannner {
		width: 100vw;
		height: 70vh;
		background-position: center center;
		margin-bottom: 0px;
	}
	
	.table, .table .row, .table .row .col {
		display: block;
	}
	
	.button.contact {
		display: none;
	}
	
	.video-wrapper {
		height: 100%;
	}
	
	.video-wrapper iframe {
		min-width: unset;
		min-height: 56.25vh;
	}
	
	/*MENU STYLE */
	body > div.menu-wrap.open > link {
		display: block !important;
	}
	
	.menu-close {
		background-color: #111;
		color: #fff;
		right: 30px;
	}
	
	.menu-close::before {
		color: white !important;
	}
	
	.menu-main-navigation-container {
		padding: 55px 5% !important;
	}
	
	.site-header .site-branding .logo, .site-header .site-branding .logo-nh {
		height: unset;
		width: 60%;
	}
	
	div.menu-wrap.open div.desktop-nav {
		display: block !important;
	}
	
	body > div.menu-wrap.open > div > div.menu-main-navigation-container.open {
		display: block !important;
	}
	
	/** FOOTER **/
	.site-footer .biz-info {
		display: none;
	}
	
	.privacy-info {
		color: #008cd1;
		font-size: 11px;
	}
	
	.copyright {
		width: 100%;
		height: 44px;
		background: #111 url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/ubrand-u-icon.png") no-repeat 15px center;
		padding-top: 5px;
	}
	
	.copyright.nitro-lazy {
		background-image: none !important;
	}
	
	.copyright-info {
		bottom: .5% !important;
	}
	
	.copyright-image {
		bottom: 0% !important;
	}
	
	.copyright .vert {
		font-size: 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		float: right;
		padding-right: 10px;
	}
	
	/* SERVICES */
	div.services ul li {
		font-size: 16px;
		line-height: 24px;
	}
	
	/** HOME **/
	.home-bannner {}
	
	.home-bannner .u {
		top: 16.5%;
		left: 0%;
		width: 25%;
		max-width: 225px;
	}
	
	.home-bannner .p {
		top: 6.5%;
		left: 26%;
		width: 25%;
		max-width: 225px;
	}
	
	.home-bannner .b {
		top: 28.5%;
		left: 33.5%;
		width: 25%;
		max-width: 225px;
	}
	
	.home-bannner .r {
		top: 39.5%;
		left: 8%;
		width: 25%;
		max-width: 227px;
	}
	
	.home-bannner .a {
		top: 53%;
		left: 28%;
		width: 27%;
		max-width: 262px;
	}
	
	.home-bannner .n {
		top: 49%;
		left: 56%;
		width: 25%;
		max-width: 233px;
	}
	
	.home-bannner .d {
		top: 72%;
		left: 57%;
		width: 25%;
		max-width: 238px;
	}
	
	img.home-projects-vert {
		top: -38%;
		left: 6%;
	}
	
	.project-swipe {}
	
	.project-swipe .swiper-container {
		margin-left: 10%;
	}
	
	.project-swipe .swiper-container .project-item {}
	
	.project-swipe .white-rec {
		top: 150px;
		width: 90%;
		height: 355px;
	}
	
	.project-swipe .swiper-container .project-item .title {
		font-size: 40px;
		line-height: 36px;
	}
	
	.swipe-overlay-text {
		top: 17%;
	}
	
	.project-swipe .swiper-container .project-item .button {
		float: left;
		margin-bottom: unset;
		margin: 10px;
	}
	
	.project-swipe .pattern {
		top: 220px;
	}
	
	.who-we-are {
		min-height: 1100px;
	}
	
	.who-we-are .black-rec {
		height: 50px;
		width: 95%;
	}
	
	.who-we-are .icon:nth-of-type(1) {
		top: 15px;
		width: 8%;
	}
	
	.who-we-are .icon:nth-of-type(2) {
		top: -60px;
		left: 85%;
		width: 10%;
	}
	
	.who-we-are .icon:nth-of-type(3) {
		left: 40%;
		width: 10%;
		top: 250px;
	}
	
	.who-we-are .icon:nth-of-type(4) {
		left: 65%;
		width: 8%;
		top: 370px;
	}
	
	.who-we-are .icon:nth-of-type(5) {
		right: -1%;
		width: 8%;
	}
	
	.who-we-are .icon:nth-of-type(6) {
		bottom: -20px;
		width: 8%;
	}
	
	.who-we-are .img-box {
		z-index: 6;
		max-width: 75%;
		height: unset;
	}
	
	.who-we-are .text-box {
		width: 100%;
	}
	
	.who-we-are .img2 {
		display: none;
	}
	
	.what-we-do .text-box .pattern {
		position: absolute;
		top: -760px;
		right: 0px;
		z-index: 5;
		width: 46%;
		height: 420px;
		background: transparent url("https://upbrand.com/nitropack_static/rJiZUepyTPhmwpNpNoLygqLwuKNJhQbC/assets/images/optimized/rev-b73de5f/upbrand.com/wp-content/themes/upbrand/img/pattern-horiz.png") repeat center center;
	}
	
	.what-we-do .text-box .pattern.nitro-lazy {
		background-image: none !important;
	}
	
	#main > div.who-we-are > div.constrain > img.vert-text {
		display: none;
	}
	
	.who-we-are .text-box .content {
		max-width: 90%;
		margin: 40px 60px 0px 60px;
	}
	
	.what-we-do {
		height: 1850px;
	}
	
	.what-we-do .text-box .content {
		padding-top: 70px;
		padding-bottom: 0px;
	}
	
	.what-we-do .text-box {
		width: 100%;
		margin-left: 0;
	}
	
	.what-we-do .blue-box {
		right: unset;
		top: unset !important;
		width: 100%;
	}
	
	.what-we-do .text-box .table {
		width: 100%;
		padding-bottom: 70px;
	}
	
	/* ABOUT -- TEAM */
	.careers-banner .pattern {
		width: 100%;
		height: 580px;
		position: absolute;
		top: 25px;
	}
	
	.careers-banner .about-photo {
		position: absolute;
		top: 0px;
		left: -20px;
	}
	
	.about-content .title {
		width: 96%;
		padding: 55px 8%;
		margin-left: auto;
	}
	
	.about-photo img {
		width: 30%;
	}
	
	.about-content .title, .about-content .title * {
		font-size: 36px;
		line-height: 36px;
	}
	
	.about-content .text.left, .about-content .text.right {
		width: 100%;
		padding: 0px 0px 0px 5%;
	}
	
	.team-details-wrap {
		margin: 0px;
	}
	
	.about-content .upper-content .about-details {
		padding: 0px 4%;
	}
	
	.about-content .lower-content {
		padding: 0px 6%;
	}
	
	.about-content .photo2
	.about-content .lower-content .pattern {
		left: 0px;
		width: 100%;
		height: 120px;
	}
	
	.about-content .lower-content .blue-box2 {
		top: 80px;
		height: 250px;
	}
	
	.about-content .lower-content .black-box {
		top: 100px;
		height: 350px;
	}
	
	.about-content .lower-content .title {
		padding: 105px 5% 55px 0%;
	}
	
	.about-content .lower-content .about-details {
		padding: 0px;
	}
	
	.about-details .info {
		margin: 0px 5%;
	}
	
	/* PROJECTS */
	.project-content .single-project-details .services {
		width: 100%;
	}
	
	.project-content .pattern {
		width: 100%;
		right: 20px;
	}
	
	.project-content .single-project-details {}
	
	.project-content .single-project-details .text {
		width: 100%;
		padding: 0px;
	}
	
	.project-content .project-sections .text .inner {
		width: auto;
		vertical-align: middle;
		text-align: center;
	}
	
	.project-content .project-sections .text.vert-inc .inner {
		padding-left: 15%;
	}
	
	.project-content .single-project-details .title {
		font-size: 40px;
		line-height: 36px;
		font-weight: 900;
	}
	
	div.single-project-details .text p span b, div.single-project-details .text p span strong {
		font-size: 18px;
		line-height: 28px;
		font-weight: 500;
	}
	
	.project-content .single-landingpage-details .title {
		font-size: 40px;
		line-height: 36px;
		font-weight: 900;
	}
	
	div.single-landingpage-details .text p span b, div.single-landingpage-details .text p span strong {
		font-size: 18px;
		line-height: 28px;
		font-weight: 500;
	}
	
	div.project-sections h4 span b, div.project-sections h4 span strong {
		font-size: 24px;
		line-height: 34px;
	}
	
	.project-sections .text .inner .p1 .s1 {
		font-size: 16px;
		line-height: 26px;
	}
	
	.project-content .project-sections .half-half .half, .project-content .project-sections .qu-qu-half .half, .project-content .project-sections .half-qu-qu .half {
		width: 100%;
		min-height: 400px;
	}
	
	.project-content .project-sections .half-half .half {
		min-height: unset;
	}
	
	.project-sections .inner h2, .project-sections .inner h2 b {
		font-size: 80px;
		line-height: 42px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	.project-sections .inner h5 b {
		font-size: 16px;
		line-height: 20px;
	}
	
	/**NITROUS **/
	.page-template-page-nitrous .page-bannner {
		height: unset;
		padding-top: 0;
	}
	
	.nitrous-content {
		padding: 0px 0px 50px 0px;
	}
	
	.nitrous-content .content {
		width: 100%;
	}
	
	.nitrous-content .title, .nitrous-content .title span {
		font-size: 40px;
		line-height: 36px;
		padding-bottom: 45px;
	}
	
	div.nitrous-content div.details p {
		font-size: 16px;
		line-height: 26px;
	}
	
	.nitrous-content .details {
		padding: 0px;
	}
	
	.nitrous-content .content .text {
		padding: 105px 8% 140px 20%;
	}
	
	.nitrous-content .wave {
		width: 8%;
	}
	
	.nitrous-content .pattern {
		height: 245px;
	}
	
	.nitrous-content .photo {
		height: 400px;
		display: none;
	}
	
	.nitrous-content .photo .blue-box {
		height: 100px;
		position: absolute;
		top: 120px;
	}
	
	.nitrous-content .photo .black-box {
		height: 85px;
		position: absolute;
		top: 155px;
	}
	
	.nitrous-content .partners {
		width: 100%;
		padding: 65px 5% 65px 5%;
	}
	
	.nitrous-content .partners .heading {
		font-size: 24px;
		line-height: 34px;
		padding: 0px 0px 40px 0px;
	}
	
	.nitrous-content .partners .partner-row .points ul.plus li {
		font-size: 13px;
		line-height: 22px;
		font-weight: 400;
	}
	
	.nitrous-content .partners .partner-row .img {
		width: 30%;
		text-align: center;
		height: 100px;
		line-height: 100px;
		position: relative;
	}
	
	.nitrous-content .partners .partner-row .img img {
		vertical-align: middle;
		display: unset;
	}
	
	.nitrous-content .partners .partner-row .points {
		width: 68%;
	}
	
	/* CAREERS */
	.careers-banner {
		min-height: 100px;
	}
	
	.careers-content {
		padding: 0px;
		margin-top: 0px;
	}
	
	.careers-content .career-details .images, .careers-content .black-box, .careers-content .blue-box {
		display: none;
	}
	
	div.job-block.table div.row {
		display: inline;
	}
	
	.careers-content .career-details .images .img2 {
		display: none;
	}
	
	.careers-content .career-details .details .job-block .city {
		display: inline;
		float: left;
		left: -80px;
	}
	
	.careers-banner .pattern {
		height: 390px;
	}
	
	.careers-content .wave {
		height: 500px;
		top: -30px;
	}
	
	.careers-content {
		padding: 0px;
		margin-top: 220px;
	}
	
	.careers-content .title {
		padding: 85px 10% 55px 8%;
	}
	
	.careers-content .career-details .details .text {
		padding: 0px 0px 0px 8%;
	}
	
	.careers-content .title, .careers-content .title span {
		font-size: 40px;
		line-height: 36px;
	}
	
	div.career-details  p {
		font-size: 16px;
		line-height: 26px;
	}
	
	.careers-content .career-details .details .job-block ul li a {
		font-size: 22px;
		line-height: 31px;
	}
	
	.careers-content .career-details .details {
		width: 100%;
	}
	
	.careers-content .career-details .details .info {
		padding: 0px 8% 0px 0px;
	}
	
	.careers-content .pattern {
		top: 350px;
	}
	
	.careers-content .career-details .details .job-block .job-list {
		position: absolute;
		left: 8%;
	}
	
	/*CAREER DETAIL JOB */
	.careers-content .single-career-details .details .text {
		width: 100%;
	}
	
	div.single-career-details div.details div.text p.p1 span.s1 {
		font-size: 16px;
		line-height: 24px;
	}
	
	.careers-content .content {
		padding-bottom: 50px;
	}
	
	#content > div.careers-banner > div.images-mobile {
		display: none;
	}
	
	div.careers-banner > div.images-mobile > div.img1 {
		width: 50%;
		position: absolute;
		right: 0;
		top: 120px;
	}
	
	div.careers-banner > div.images-mobile > div.black-box {
		position: absolute;
		width: 40%;
		right: 0;
		top: 80px;
		padding-top: 120px;
		background-color: #111;
	}
	
	div.careers-banner > div.images-mobile > div.blue-box {
		position: absolute;
		top: 280px;
		right: 18%;
		width: 30%;
		height: 100px;
		background-color: #008cd1;
	}
	
	.careers-content .wave {
		position: absolute;
		top: -320px;
		left: 0px;
		width: 6%;
	}
}

@media screen and (max-width: 1799px) {
	.swipe-overlay-text {
		top: 40%;
		left: 88%;
	}
}

@media (max-width: 800px) {
	img.column {
		width: 90% !important;
		padding: 0px 0px 20px 0px;
		float: unset !important;
		margin: auto !important;
	}
}