/*
 Theme Name:   UPBrand
 Theme URI:    http://upbrand.com
 Description:  Custom WordPress Theme
 Author:       Three Fires Digital
 Author URI:   http://threefiresdigital.com
 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
*/

@import url('fonts.css');

* {
	box-sizing: border-box;
	font-family: proxima-nova, sans-serif;
	font-size: 17px;
	line-height: 26px;
	font-weight: 300;
	color: #111;
}

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, 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;
}

/* 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: proxima-nova, 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;
	font-family: "Georgia";
    color: #757575;
}
blockquote p {
	font-size: 20px;
	line-height: 34px;
	font-style: italic;
	padding: 0px 0px 10px 0px;
}

blockquote:before,
q:before {
	content: "\201C";
    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: proxima-nova, 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;
}

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 0px;
}

.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 3px #ec452d;
	background-color: #f1f2f2;
	line-height: 25px;
	min-width: 150px;
	text-align: center;
	text-transform: uppercase;
	color: black !important;
	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;
}
.button:hover {
    color: #fff !important;
    background-color: #ec452d;
}
.button.about {
	margin-top: 10px !important;
}
.button.about {
    color: black ;
	background-color:transparent;
}
.button.about:hover {
    color: #fff;
    background-color: #ec452d;
}
/* Red Plus List */
ul.plus {
    padding: 0px 0px 60px 0px;
    list-style-type: none;
    margin-top: 0px;
}

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

ul.plus li {
	padding: 0px;
	font-weight: 600;
	line-height: 45px !important;
}
ul.plus li::before {
    content: "\f510";
    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 {
	color: #ec452d;
}
ul.plus li 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 {
    -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;
}


/* Site Header */
.site-header {
    width: 100%;
    padding: 36px 30px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    margin: 0 auto;
    text-align: center;
}
.site-header .site-branding {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 24px;
    width: auto;
    display: inline-block;
}
.site-header .site-branding .logo {
	height: 20px;
	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:600;
	color:black;
}
#masthead > div.button.contact > a:hover{
	color:white;
}
.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 {
	height: 765px;
	background-color: #111;
	position: relative;
	z-index: 1;
}
.project-swipe .white-rec {
	background-color: #f1f2f2;
	width: 95%;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	height: 360px;
}
.project-swipe .pattern {
	position: absolute;
	top: 380px;
	right: 0px;
	z-index:5;
	width: 46%;
	height: 420px;
	background: transparent url('/wp-content/themes/upbrand/img/pattern-horiz.png') repeat center center;
}
.project-swipe .swiper-container {
	position: relative;
	z-index: 5;
	top: -10%;
	margin-left: 30%;
}
.project-swipe #slider {
	overflow: hidden;
}
.project-swipe .swiper-container .project-item {
	position: relative;
	max-width: 63%;
}
.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: #ffffff;
}   

.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;
	position: absolute;
    top: 45%;
    right: 15%;
    z-index: 11;
}
.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('/wp-content/uploads/2019/05/Blue_dotted_BG.png') repeat 30% 90%;
}
.what-we-do .text-box {
	padding-top: 130px;
	width: 83%;
	background: transparent url('/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 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:250px;
}

.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: proxima-nova, 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% auto!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; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
  



/***** SINGLE PROJECT *****/

div.services ul li {
	font-size: 18px;
	font-weight: 600;
	line-height:32px;
}

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('/wp-content/themes/upbrand/img/pattern-horiz.png') repeat center center;
}
div.single-project-details .text p span b {
	font-size:22px;
	line-height:34px;
}
.project-content .single-project-details {
    max-width: 1050px;
    margin: 0px auto;
    padding: 100px 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;
}

.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: 60%;
	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: proxima-nova, 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('/wp-content/themes/upbrand/img/pattern-horiz.png') repeat center -20px;
	position: absolute;
	top: 0px;
	right: 0px;
}

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

.careers-content .pattern {
	background: transparent url('/wp-content/themes/upbrand/img/pattern-horiz.png') repeat center center;
	position: absolute;
	right: 0px;
	top: 550px;
	height: 600px;
	width: 58%;
}
.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('/wp-content/themes/upbrand/img/careers-wave.png') no-repeat top right;
}

.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:proxima-nova, sans-serif;
  	color: #008cd1;
  	font-size: 14px;
	line-height:24px;
  	letter-spacing: 12px;
  	text-transform: uppercase;
  	position: absolute;
  	top: 50px;
  	left: 0px;
}
.careers-content .career-details .details .job-block .city .vert.lv {
    top: 70px;
    left: -12px;
}
.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 30px 0px;
	background-color: #f1f2f2;
}
.about-content .pattern {
    background: transparent url('/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 .wave {
	width: 5%;
	height: 733px;
	position: absolute;
	top: 400px;
	left: -50px;
	background: transparent url('/wp-content/themes/upbrand/img/careers-wave.png') no-repeat top right;
}
.careers-banner .about-photo {
    position: absolute;
    top: -50px;
    left: 0px;
}
.careers-banner .about .pattern {
    width: 72%;
    height: 400px;
    background: transparent url('/wp-content/themes/upbrand/img/pattern-horiz.png') no-repeat center -40px;
    position: absolute;
    top: -38px;
    right: 0px;
}
.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 {
	font-weight: 500 !important;
}
.about-content .title span {
	color: #008cd1;
	width: auto;
	padding: 0px;
}

.about-content .upper-content {
	width: 100%;
	margin-bottom: 60px;
}
.about-content .upper-content .about-details {
    padding: 0px 15% 600px 15%;
    position: relative;
	margin-bottom: 150px;
}

.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%;
}
.about-content .photo2 {
    position: absolute;
    bottom: 80px;
    right: 0px;
    z-index: 6;
}
.about-content .photo2 img {
	width: 650px;
}
.about-content .photo3 {
    position: absolute;
    bottom: -250px;
    right: 0px;
    z-index: 6;
}
.about-content .photo3 img {
	width: 400px;
}
.team-details-wrap {
    margin: 0px 5%;
}
.about-content .team-details {
	background: #111 url('/wp-content/themes/upbrand/img/large-space-bg.jpg') no-repeat bottom right;
	background-size: 100% auto;
	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: 5%;
	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 .upper-content .blue-box1 {
    width: 800px;
    height: 100%;
    background-color: #008cd1;
    position: absolute;
    top: 101px;
    left: 75%;
    z-index: -1;
}
.about-content .upper-content .blue-box2 {
	width: 38%;
	height: 19%;
	background-color: #008cd1;
	position: absolute;
	top: 380px;
	left: 0px;
	z-index: 1;
}
.about-content .upper-content .blue-rec {
    width: 75%;
    height: 19%;
    background-color: #008cd1;
    position: absolute;
    top: -60px;
    right: 0px;
    z-index: -2;
}
.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-content {
	width: 100%;
	padding: 0px 0px 50px 0px;
	background-color: #f1f2f2;
	position: relative;
}

.nitrous-content .pattern {
	background: transparent url('/wp-content/themes/upbrand/img/pattern-horiz.png') repeat center center;
	position: absolute;
	left: -4%;
	top: 155px;
	height: 592px;
	width: 94%;
}
.nitrous-content .wave {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5%;
	height: 730px;
	background: transparent url('/wp-content/themes/upbrand/img/nitrous-wave-bar.png') no-repeat center center;
	background-size: 100% 100%;
}

.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 {
	height: 750px;
	position: relative;
}

.nitrous-content .photo .black-box {
	height: 175px;
	width: 60%;
	background-color: #111;
	position: absolute;
	bottom: -68px;
	right: 21%;
	z-index:2;
}
.nitrous-content .photo .blue-box {
	width: 63%;
	height: 187px;
	right: 0%;
	bottom: -19px;
	position: absolute;
	background-color: #008cd1;
	z-index: 1;
}
.nitrous-content .photo img {
	position: absolute;
	z-index: 3;
	width: 58%;
	bottom: 0;
	right: -5%;
}

.nitrous-content .partners {
	width: 46%;
	float: left;
	background: #111 url('/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 .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;
	/*line-height: 32px !important;*/
	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;
	/*max-width: 1440px;*/
	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;
	line0height: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;
	bottom: 0px;
	right: 0px;
	background: #111;
	padding: 20px;
}
.copyright .vert {
  color: #FFFFFF;
  font-size: 12px;
  font-family: proxima-nova, sans-serif;
}

.swipe-overlay-text {
    position: absolute;
    left: 65%;
    top: 30%;
    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:#111111;
		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{
		/*height:unset;
		width:40%;*/
	}
	
	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 {
		height: 570px;
	}
	img.home-projects-vert {
		left: 12%;
	}
	.project-swipe .swiper-container {
		margin-left: 20%;
	}
	.project-swipe .swiper-container .project-item {
		position: relative;
		max-width: 544px;
	}
	.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('/wp-content/themes/upbrand/img/ubrand-u-icon.png') no-repeat 15px center;
		padding-top: 5px;
	}
	.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 {
		font-size:18px;
		font-weight:500;
	}
	.project-content .single-project-details .title{
		font-size:42px;
		line-height:38px;
	}
	div.project-sections h4 span b{
		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-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 .photo .blue-box {
		top:30px;
		height:157px;
	}
	.nitrous-content .photo .black-box{
		height:125px;
		top:90px;
	}
	.nitrous-content{
		padding:0;
	}
	.page-template-page-nitrous .page-bannner {
		height:unset;
		padding-top:0;
	}
	/* 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 {
		/*
		display:block;
		position:absolute;
		width:75%;
		top:28px;
		right:30px;*/
	}
	.site-header .site-branding .logo{
		/*height:unset;
		width:40%;*/
	}

	
	/* 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:#111111;
		color:#fff;
		right:30px;
	}
	.menu-close::before{
		color:white !important;
	}
	.menu-main-navigation-container {
		padding: 55px 5% !important;
	}
	.site-header .site-branding .logo{
		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;
	 }
	.copyright {
		width: 100%;
		height: 44px;
		background: #111 url('/wp-content/themes/upbrand/img/ubrand-u-icon.png') no-repeat 15px center;
		padding-top: 5px;
		
	}
	.copyright-info {
		bottom:0.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 {
		height:505px;
	}
	.project-swipe .swiper-container {
		margin-left: 10%;
	}
	.project-swipe .swiper-container .project-item{
		margin-right:20px !important;
		max-width:380px;
	}
	.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('/wp-content/themes/upbrand/img/pattern-horiz.png') repeat center center;
	}
	#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:100px;
		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%;
	}
	
	
	
	/* 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 .photo1 img{
		display:none;
	}
	.about-content .photo2 {
		display:none;
	}
	.about-content .photo3{
		display:none;
	}
	.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;
		padding:30px 10% 50px 10%;
	}
	.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{
		font-size:18px;
		line-height:28px;
		font-weight:500;
	}
	div.project-sections h4 span b {
		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-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 .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% 24px 20%;
	}
	.nitrous-content .wave {
		width:8%;
	}
	.nitrous-content .pattern{
		height:245px;
	}
	.nitrous-content .photo{
		height:400px;
	}
	.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 .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;
	}
	.careers-content {
		padding:0px;
		margin-top:220px;
	}
	.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: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:contents;
	}
	div.careers-banner > div.images-mobile > div.img1 {
		width:60%;
		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:#111111;
	}
	div.careers-banner > div.images-mobile > div.blue-box {
		position:absolute;
		top:320px;
		right:20%;
		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 {
		left: 77.5%;
	}
}
@med\x69\x61\x20\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x31\x32\x30\x30\x70\x78\x29\x20\x61\x6E\x64\x20\x28\x6D\x61\x78\x2D\x77\x69\x64\x74\x68\x3A\x20\x31\x36\x30\x31\x70\x78\x29\x20\x7B\x0A\x09\x2E\x68\x6F\x6D\x65\x2D\x62\x61\x6E\x6E\x6E\x65\x72\x20\x2E\x75\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x31\x34\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x68\x6F\x6D\x65\x2D\x62\x61\x6E\x6E\x6E\x65\x72\x20\x2E\x70\x20\x7B\x0A\x09\x09\x6C\x65\x66\x74\x3A\x20\x32\x34\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x68\x6F\x6D\x65\x2D\x62\x61\x6E\x6E\x6E\x65\x72\x20\x2E\x6E\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x34\x34\x25\x3B\x0A\x09\x09\x6C\x65\x66\x74\x3A\x20\x34\x35\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x68\x6F\x6D\x65\x2D\x62\x61\x6E\x6E\x6E\x65\x72\x20\x2E\x64\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x35\x36\x25\x3B\x0A\x09\x09\x6C\x65\x66\x74\x3A\x20\x36\x32\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x73\x77\x69\x70\x65\x20\x2E\x73\x77\x69\x70\x65\x72\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x2D\x39\x25\x3B\x0A\x09\x09\x68\x65\x69\x67\x68\x74\x3A\x20\x61\x75\x74\x6F\x3B\x0A\x09\x7D\x0A\x09\x2E\x73\x77\x69\x70\x65\x72\x2D\x77\x72\x61\x70\x70\x65\x72\x20\x7B\x0A\x09\x09\x68\x65\x69\x67\x68\x74\x3A\x20\x36\x35\x30\x70\x78\x3B\x0A\x09\x7D\x0A\x09\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x73\x77\x69\x70\x65\x20\x2E\x73\x77\x69\x70\x65\x72\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x20\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x69\x74\x65\x6D\x20\x7B\x0A\x09\x09\x6D\x61\x78\x2D\x77\x69\x64\x74\x68\x3A\x20\x31\x30\x30\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x73\x77\x69\x70\x65\x20\x2E\x73\x77\x69\x70\x65\x72\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x20\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x69\x74\x65\x6D\x20\x2E\x74\x61\x62\x6C\x65\x20\x7B\x0A\x09\x09\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x72\x65\x6C\x61\x74\x69\x76\x65\x3B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x2D\x35\x70\x78\x3B\x0A\x09\x7D\x0A\x09\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x73\x77\x69\x70\x65\x20\x2E\x73\x77\x69\x70\x65\x72\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x20\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x69\x74\x65\x6D\x20\x2E\x74\x69\x74\x6C\x65\x20\x7B\x0A\x09\x09\x77\x69\x64\x74\x68\x3A\x20\x31\x30\x30\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x73\x77\x69\x70\x65\x20\x2E\x73\x77\x69\x70\x65\x72\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x20\x2E\x70\x72\x6F\x6A\x65\x63\x74\x2D\x69\x74\x65\x6D\x20\x2E\x62\x75\x74\x74\x6F\x6E\x20\x7B\x0A\x09\x09\x6D\x61\x72\x67\x69\x6E\x2D\x74\x6F\x70\x3A\x20\x36\x30\x70\x78\x3B\x0A\x09\x7D\x0A\x09\x2E\x77\x68\x6F\x2D\x77\x65\x2D\x61\x72\x65\x20\x2E\x69\x63\x6F\x6E\x3A\x6E\x74\x68\x2D\x6F\x66\x2D\x74\x79\x70\x65\x28\x31\x29\x20\x7B\x0A\x09\x09\x6C\x65\x66\x74\x3A\x20\x36\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x77\x68\x6F\x2D\x77\x65\x2D\x61\x72\x65\x20\x2E\x69\x63\x6F\x6E\x3A\x6E\x74\x68\x2D\x6F\x66\x2D\x74\x79\x70\x65\x28\x32\x29\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x2D\x33\x30\x70\x78\x3B\x0A\x09\x09\x6C\x65\x66\x74\x3A\x20\x32\x34\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x77\x68\x6F\x2D\x77\x65\x2D\x61\x72\x65\x20\x2E\x69\x63\x6F\x6E\x3A\x6E\x74\x68\x2D\x6F\x66\x2D\x74\x79\x70\x65\x28\x33\x29\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x38\x30\x70\x78\x3B\x0A\x09\x09\x72\x69\x67\x68\x74\x3A\x20\x34\x38\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x77\x68\x6F\x2D\x77\x65\x2D\x61\x72\x65\x20\x2E\x69\x63\x6F\x6E\x3A\x6E\x74\x68\x2D\x6F\x66\x2D\x74\x79\x70\x65\x28\x34\x29\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x33\x38\x30\x70\x78\x3B\x0A\x09\x09\x6C\x65\x66\x74\x3A\x20\x32\x33\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x77\x68\x6F\x2D\x77\x65\x2D\x61\x72\x65\x20\x2E\x69\x63\x6F\x6E\x3A\x6E\x74\x68\x2D\x6F\x66\x2D\x74\x79\x70\x65\x28\x35\x29\x20\x7B\x0A\x09\x09\x74\x6F\x70\x3A\x20\x36\x35\x30\x70\x78\x3B\x0A\x09\x09\x72\x69\x67\x68\x74\x3A\x20\x31\x32\x25\x3B\x0A\x09\x7D\x0A\x09\x2E\x77\x68\x6F\x2D\x77\x65\x2D\x61\x72\x65\x20\x2E\x69\x63\x6F\x6E\x3A\x6E\x74\x68\x2D\x6F\x66\x2D\x74\x79\x70\x65\x28\x36\x29\x20\x7B\x0A\x09\x09\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x2D\x31\x32\x70\x78\x3