@import "nagish/nagish.css" screen;
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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
video {
object-fit: cover;
}

p::selection,h1::selection,h2::selection,h3::selection,h4::selection,span::selection,a::selection,li::selection      {
  background-color:#000!important;
  color:#fff;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
input, textarea{
background-color: transparent;
}
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
line-height: 1;
overflow-x:hidden;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-webkit-backface-visibility: hidden;
}

html { 
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
input, button, textarea {
-webkit-appearance: none;
border:none;
border-radius: 0;
}
iframe[name='google_conversion_frame'] {
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
margin-top: -13px;
width: 0 !important;
}
.caption {
  font-size: 14px !important;
}
.padding-top-zero{
  padding-top: 0 !important;
}
.vid-section {
  width:100%;
  display: block;
  float: left;
}
.vid-section .four-parts{
width:25%;
padding:4em;
display: inline-block;
}
.vid-section .third-parts{
width:33.33333333333333333%;
padding: 0 5rem;
display: inline-block;
}

.loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: #fff;
}
.loader-wrapper .loader {
display: block;
position: fixed;
left: 50%;
top: 50%;
text-align: center;
width: 200px;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.loader-wrapper .loader .loader-anim {

}
.loader-wrapper .loader .gif-anim {
width: 100px;
height: 100px;
background-image: url(images/loader1.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
margin-bottom: 15px;
}
.loader-wrapper .loader {
display:inline-block;
color:#FEBF2E;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
}
.fb_iframe_widget {
margin:20px 0  0 20px !important;
}
.noscroll {
overflow:hidden;
padding-right: 5px;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

.mark {
position: relative;
z-index: 12;  
white-space: nowrap;
}

.mark:before {
content: '';
display: block;
position: absolute;
height: 40%;
width: 100%;
left: 0px;
bottom: 0em;
z-index: -2;
background-color: #FBFF4A;
}
.case-study .mark {
margin-right: 0;  
}


* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

p {
font-size:100%;
font-weight:400;
color: #5d5a5c;
text-decoration: none;
font-size: 1em;
line-height: 1.6em;
font-family: 'Montserrat', sans-serif;
}
.doodle {
  position: relative;
  display: inline-block;
}
.doodle .container-wide {
    position: absolute;
    background-position: center center;
    z-index: 0;
    width: 120% !important;
    height: 200%!important;
    left: -10%;
    top: -40%;
}

.doodle .container1 {
    position: absolute;
    background-position: center center;
    z-index: 0;
    width: 130% !important;
    height: 210%!important;
    left: -15%;
    top: -50%;
}

.doodle .container2 {
    position: absolute;
    background-position: center center;
    z-index: 0;
    width: 120% !important;
    height: 200%!important;
    left: -15%;
    top: -60%;
}

a {
font-family: 'Montserrat', sans-serif;
font-size:100%;
font-weight:400;
color: #303030;
text-decoration: none;
cursor:pointer;
}
a:hover {
color:#303030;
}
/**:focus {
outline: none;
}
*/
h1   {
font-family: 'Montserrat', sans-serif;
font-size:100%;
color: #999;
font-weight: normal;
font-weight:300;
}
h2 {
font-family: 'Montserrat', sans-serif;
font-size:100%;
color: #06070a;
font-weight: 100;
}
h3 {
font-family: 'Montserrat', sans-serif;
font-size:100%;
color: #06070a;
font-weight:normal;
}
h4 {
font-weight:400;
color: #4E4E4E;
font-weight: 100;
font-family: 'Montserrat', sans-serif;
}
li, ol, span{
font-family: 'Montserrat', sans-serif;
}
ul li   {
color: #333;
font-size:100%;
line-height: 28px;
}
strong {
font-weight: 600;
}
#anchor_top{
visibility: hidden;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
overflow: hidden;
height:0;
}

.wrapper_2200 {
width: 100%;
height: auto;
max-width: 2000px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 8em;
padding-bottom: 0;
padding-left: 8em;
}

.wrapper_2000 {
width: 100%;
height: auto;
max-width: 2000px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_1700 {
width: 100%;
height: auto;
max-width: 1700px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 4em;
padding-bottom: 0;
padding-left: 4em;
}

.wrapper_1700_proj {
width: 100%;
height: 100%;
max-width: 1870px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 4em;
padding-bottom: 0;
padding-left: 4em;
}
.wrapper_1600 {
width: 100%;
height: auto;
max-width: 1600px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0;
padding-left: 0em;
}
.wrapper_1500 {
width: 100%;
height: auto;
max-width: 1500px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0;
padding-left: 0em;
}

.wrapper_1450 {
width: 100%;
height: auto;
max-width: 1800px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
color: inherit;
}


.wrapper_1400 {
width: 100%;
height: auto;
max-width: 1400px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_1600_video {
width: 100%;
height: auto;
max-width: 1600px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 4em;
margin-left: auto;
padding-top: 0em;
padding-right: 4em;
padding-bottom: 0;
padding-left: 4em;
}
.wrapper_1600_video.shadow {
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
} 

.wrapper_2000_video {
width: 100%;
height: auto;
max-width: 1700px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 4em;
padding-bottom: 0;
padding-left: 4em;
}
.wrapper_1300 {
width: 100%;
height: auto;
max-width: 1300px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_1200 {
width: 100%;
height: auto;
max-width: 1200px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}

.wrapper_1200.break {
max-width:900px;
}
.wrapper_1040 {
width: 100%;
height: auto;
max-width: 1040px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_1040_no-padding {
width: 100%;
height: auto;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.wrapper_1000 {
width: 100%;
height: auto;
max-width: 1000px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_960 {
width: 100%;
height: auto;
max-width: 960px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0;
padding-left: 0em;
}

.wrapper_900 {
width: 100%;
height: auto;
max-width: 900px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_800 {
width: 100%;
height: auto;
max-width: 800px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_700 {
width: 100%;
height: auto;
max-width: 700px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_600 {
width: 100%;
height: auto;
max-width: 600px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.wrapper_400 {
width: 100%;
height: auto;
max-width: 400px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.main_title  {
position: absolute;
z-index: 3;
left: 0;
top: 7%;
width: 100%;
height: auto;
text-align: center;
}
.main_title .logoNav_wrap {
width: 100%;
float: left;
}
.main_title .logoNav_wrap .muze_logo {
display: block;
float: left;
width: 100px;
height: 45px;
}
.main_title .logoNav_wrap .muze_logo img {
width: 100%;
height: auto;
}
.main_title .logoNav_wrap .navigation_top {
float: right;
}
.main_title .logoNav_wrap .navigation_top li {
float: left;
}
.main_title .logoNav_wrap .navigation_top li a {
color: #fff;
line-height: 45px;
text-transform: uppercase;
font-size: 12px;
margin: 0 1em 0 1em;
}


.header .top-nav {
float:right;
}
.header .top-nav ul {
float:right;
}
.header .top-nav li {
display:inline-block;
margin:0 1em;
}
.header .top-nav li:last-child {
margin-right: 0 !important;
}
.header .top-nav li a {
color:#fff;
font-weight: 400;
text-transform: capitalize;
}
.header .top-nav .contact{
background-color: #FBFF4A;
padding: 8px 25px;
border-radius: 2px;
display: block;
border-radius: 50px;
font-weight: 600;
color: #000;
}

.header {
padding: 0.5em 0 1.5em 0;
pointer-events: none;
}
.header a {
pointer-events: all;
}
.header_strip {
width: 100%;
z-index: 9998;
position: fixed;
top:0px;
padding: 1.5em 0;
transition: all 0.3s ease;
-webkit- transition: all 0.3s ease;
}
.header_strip.shadow {
box-shadow: 0 0 7px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1); 
}

.header_strip.white-bkg {
background: rgba(255,255,255,1);
}
.header_strip.no-bkg.white-bkg{
background: rgba(255, 255, 255, 0);
}
.header_strip.grey-bkg.white-bkg {
background: rgba(239, 239, 239, 0.9);
}
.header_strip.white-bkg .top-nav li a {
color:#06070a;
}
.header_strip.white-bkg .top-nav .contact {
color:#000;
}
.header_strip.white-bkg .muze_logo_white {
background-position: -110px 0;
}

.makeHeaderWhite .header_strip{
background: rgba(255,255,255,1);
}
.header_strip .top-nav li a {
position: relative;
}
.makeHeaderWhite .header_strip .top-nav .contact {
color:#000!important;
text-transform: uppercase;
font-size: 13px;
}
.makeHeaderWhite .header_strip .muze_logo_white {
background-position: -110px 0!important;
}
.header_strip .top-nav li:hover a:before {
content: '';
display: block;
position: absolute;
height: 5px;
width: 100%;
left: 0px;
bottom: -10px;
z-index: -2;
background-color: #efefef;
}
.header_strip .top-nav li:last-child:hover a:before {
display: none;
}

.ContactHeader .header_strip{
padding: 0.5em 0 2em 0;
}
.makeHeaderWhite .header_strip .top-nav li a,
.ContactHeader .header_strip .top-nav li a  {
color:#06070a!important;
}
.ContactHeader .header_strip .top-nav .contact {
color:#06070a!important;
}
.ContactHeader .muze_logo_white {
float: none;
display: inline-block;
text-align: left;
margin-bottom:4em;
background-position: -110px 0!important;
}









.announcement-page {
padding-top: 55px;
}

.announcement-page .header_strip {
top: 55px;
}

.announcement-bar{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 55px;
background-color: #F9E3E5;
background-color: #E3D6FC;
z-index: 2;
overflow: hidden;
}
.announcement-bar .inner{
width: 100%;
height: 100%;
float: left;
display: table;
}

.announcement-bar h4 {
white-space: nowrap;
-moz-transform:translateX(0);
-webkit-transform:translateX(0);    
transform:translateX(0);
-moz-animation: slideshow 90s linear infinite;
-webkit-animation: slideshow 90s linear infinite;
animation: slideshow 90s linear infinite;
color: #000;
font-weight: 400;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
padding-left: 40px;
}
.announcement-bar h4 .mark2 {
  font-weight: 600;
}
.announcement-bar h4 .space-me {
  padding-left: 50px;
}
.announcement-bar h4 .space-me2 {
  padding-left: 25px;
}
.nav-up {
top: -100px;
}
.nav-down {
top: 0px;
padding: 1.5em 0 1.5em 0;
}
.announcement-page .header_strip.nav-down,
.announcement-page .header_strip.nav-up {
top: 0px;
}

.header_strip.active {
background:none;
}
.header_strip.active .muze_logo_white {
opacity:0;
}

.muze_logo_white {
float:left;    
margin-top: 12px;
width: 110px;
height: 24px;
text-indent: -110%;
background-image: url(images/logo/muze-logo-all.svg);
background-size: 220px 24px;
background-position: 0 0;
display: block;
opacity: 1;
}
.lottie-logo.muze_logo_white{
float:left;    
background: none;
margin-top: 12px;
width: 110px;
height: 33px;
display: block;
opacity: 1;
}

.header_strip .contact-now{
width: auto;
float: right;
color: #fff;
background:#FBFF4A;
border-radius: 45px;
border: 2px solid #fff;
line-height: 44px;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 600;
letter-spacing: 0.1em;
margin: 3.5em 3em 0 0;
padding: 0 2.4em;
display: block;
font-family: 'Montserrat', sans-serif;
cursor: pointer;
transition: all 0.2s;
}
.header_strip .wrapper_2000 {
padding:0 2em; 
}
.muze_logo_white.none{
opacity: 0;
}
.muze_logo_white.black {
background-position: -110px 0;
}
.logo-invert-wrap {
width:100%;
float:left;
position:relative;
color: inherit;
}
.logo-invert  {
position:absolute;
z-index: 2;
top:-80px;
left:0;
}
.sidebar_icon {
display: block;	
float: left;
width: 20px;
height: 16px;
margin-top: 22px;
margin-left: 22px;
background-image: url(images/icon_sidebar.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 20px 16px;
}

.burgWrapper {
width: 50px;
height: 50px;
border-radius: 1px;
float:right;
background-color: #FBFF4A;
z-index: 1;
display:none;
box-sizing:content-box;
-moz-box-sizing:content-box; /* Firefox */
}

.burg {
display:block;
height:2px;
width:24px;
position:absolute;
left:50%;
top:50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background:#06070a;
position:relative;
transition: all 0.2s ease;
-webkit- transition: all 0.2s ease;
}
.burg:before {
content:'';
position:absolute;
top:-6px;
width:24px;
height:2px;
background:#06070a;
transition: all 0.2s ease;
-webkit- transition: all 0.2s ease;
}
.burg:after {
content:'';
position:absolute;
top:6px;
width:24px;
height:2px;
background:#06070a;
transition: all 0.2s ease;
-webkit- transition: all 0.2s ease;
}
.activeBurg .burg {
background:transparent;
}
.activeBurg .burg:before {
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(-45deg);
top:0;
}
.activeBurg .burg:after {
transform:rotate(-45deg);	
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
top:0;
}

.closingXWrapper {
position: absolute;
cursor:pointer;
background-color: #FBFF4A;
border-radius: 2px;
right: 3em;
top:3em;
z-index: 9997;
width: 60px;
height: 60px;
display:block;
box-sizing:content-box;
-moz-box-sizing:content-box; /* Firefox */
}
.closingXWrapper .closing-rel {
width:24px;
height: 24px;
margin-top: 16px;
margin-left: 18px;
float:left;
position:relative;
}
.closingX {
cursor:pointer;
display:block;
height:2px;
width:24px;
position:absolute;
top:10%;
-ms-transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:  translateY(-50%);
transform: translateY(-50%);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
margin-top: 0px;
}
.closingX:before {
content:'';
position:absolute;
width:24px;
height:2px;
background:#06070a;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
background-color:#06070a;
top:11px;
left:0;
}
.modal-box.career-form .closingX:before {
background-color: #06070a;
}
.modal-box.career-form .closingX:after {
background-color: #06070a;
}
.closingX:after {
content:'';
position:absolute;
top:0px;
width:24px;
height:2px;
background:#06070a;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transform:rotate(-45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(-45deg);
background-color:#06070a;
top:11px;
left:0;
}
.spacer {
width: 100%;
height: 0px;
float: left;
}
body.home-bkg {
background-color: #06070a;
background: url(images/landing-page-banner-black2.jpg) no-repeat;
background-attachment: fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.slideme {
top:0;
}
.page-wrap {
position:relative;
overflow-x:hidden; 
width: 100%;
float:left;
}
.inner-wrap {
position:relative;
width: 100%;
float:left;
transition: all 0.7s;
-webkit- transition: all 0.7s;
overflow-x: hidden;
}
.inner_position {
left: 0%;
}
.mobile_width { 
left:0%;
}
.navigation {
position:fixed;
display:none;
z-index: 9991;
top:0;
left:0;
width:100%;
height:100%;    
background: linear-gradient(90deg, rgba(241,241,254,1) 0%, rgba(255,226,228,1) 100%);
}
.navigation .inside-wrap{
width:100%;
height:100%;
padding:4em 0 0em 4.5em;
overflow-y: hidden;
overflow-x: hidden;
}
.navigation .inside-wrap.scrolly{
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
direction: rtl;
scrollbar-face-color: #FBFF4A;
scrollbar-shadow-color: #efefef;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}
.navigation .inside-wrap.scrolly::-webkit-scrollbar{
width: 5px;  
}
.navigation .inside-wrap.scrolly::-webkit-scrollbar-track {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #efefef;
}
.navigation .inside-wrap.scrolly::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #FBFF4A;
}
.flexcroll{
scrollbar-face-color: #FBFF4A;
scrollbar-shadow-color: #efefef;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}
.flexcroll::-webkit-scrollbar {
width: 5px;
}
.flexcroll::-webkit-scrollbar-track {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #efefef;
}
.flexcroll::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #FBFF4A;
}
.member-info{
width: 100%;
float: left;
padding: 0;
margin-top: 0px;
}
.navigation .inside-wrap .navlist{
width:100%;
float:left;
padding:6em 0 0em 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
/*-ms-transform: scale(1.3,1); 
-webkit-transform: scale(1.3,1); 
transform: scale(1.3,1);*/
overflow-x: hidden;
overflow-y:hidden;
opacity: 0;
}
.navigation .inside-wrap .navlist li {
text-align: left;
width: 100%;
float: left;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
color: #FFF;
display: list-item;
padding: 10px 0;
}

.navigation .inside-wrap .navlist li a {
color: #000;
font-weight: 700;
font-size: 4em;
opacity: 1;
line-height: 1.1;
text-transform: capitalize;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
border-radius: 3px;
border: 2px solid rgba(254, 191, 50, 0);
font-family: 'Montserrat', sans-serif;
letter-spacing: -0.02em;
font-weight: 500;
}
.navigation .inside-wrap .navlist li a:hover,
.navigation .inside-wrap .navlist li a:focus {
color: #000;
opacity:1;
}

.navigation .inside-wrap .navlist.scaled{
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(1,1); /* Safari */
transform: scale(1,1);
opacity: 1;
}
.navigation .inside-wrap .navlist li:hover h3 a:hover {
color: rgb(0, 166, 207);
}
.navigation .inside-wrap .lang {
width:100%;
float:left;
text-align: left;
padding-bottom: 2em;
padding-top: 20px;
max-width: 500px;
}
.navigation .inside-wrap .lang  a {
float: left;
color: #c1c1c1;
font-size:1em;
margin: 0em 1em 2em 0;
}
.navigation .inside-wrap .lang .border {
height: 1px;
width:100%;
max-width: 300px;
float: left;
clear: both;
background-color: rgba(193, 193, 193, 0.4);
}
.navigation .inside-wrap .contact-nav {
width:100%;
float: left;
padding: 0 0 4em 0em;
}
.navigation .inside-wrap .social {
width:100%;
float: left;
padding-bottom: 1em;
}
.navigation .inside-wrap .contact-nav p,
.navigation .inside-wrap .contact-nav a {
display: block;
text-align: left;
direction: ltr;
color: #000;
line-height: 1.8em;
font-size: 14px;
}
.muze_slide1 {
width:100%;
height: 100%;
background: url(images/muze_banner1.jpg) no-repeat fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.banner_wrap {
position: relative;
z-index: 1;
width: 100%;
line-height: 0;
height: 100vh;
float: left;
clear: left;
overflow: hidden;
background-position: center center;
background-image:url(images/home-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.banner_wrap .bkg_overlay {
position: absolute;
width: 100%;
height: 100%;
background:rgba(0,0,0,0);
top: 0;
right: 0;
z-index: 1;
}
.banner_wrap .video-wrap {
width:100%;
height:100%;
float:left;
}
.banner_wrap video {
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
}


.lp-ux .banner_wrap {
background-position: left center;
background-image: url(images/landing-page-banner.jpg);
}
.el-wrap {
width:100%;
height:100%;
position:absolute;
z-index: 2;
}
.el-wrap .inner{
position:relative;
width:100%;
float:left;
height:100%;
}
.el-wrap .inner .el1 {
position:absolute;
width:160px;
height:160px;
top:62%;
left:15%;
}
.el-wrap .inner .el1 img {
width:100%;
}
.el-wrap .inner .el2 {
position:absolute;
width:160px;
height:160px;
top:60%;
right:10%;
}
.el-wrap .inner .el2 img {
width:100%;
}





.el-wrap-black {
width:100%;
height:100%;
position:absolute;
z-index: 0;
background-position: center center;
background-image: url(images/landing-page-banner-black.jpg);
}
.el-wrap-black .inner{
position:relative;
width:100%;
float:left;
height:100%;
}
.el-wrap-black .inner .el1 {
position:absolute;
width:160px;
height:160px;
top:60%;
left:20%;
}
.el-wrap-black .inner .el1 img {
width:100%;
}
.el-wrap-black .inner .el2 {
position:absolute;
width:160px;
height:160px;
top:40%;
right:10%;
}
.el-wrap-black .inner .el2 img {
width:100%;
}

.section.bkg-color-grey {
background-color: #514a42;
}
.home-page .section {
overflow: hidden;	
position: relative;
float: left;
clear: left;
width: 100%;
height: auto;
min-height:100%;
}
.home-page .section .blob{
position: absolute;
bottom: -10px;
right: -20px;
z-index: 12;
width: 1200px;
height: 120px;
}
.home-page .section .blob img {
width:100%;
float: right;
}
.section4 {
position: relative;
float: left;
clear: left;
width: 100%;
height: auto;
}
.section4.first {
padding-top:4em;
}
.section4 .muze_slide2 {
padding:6% 0 8% 0 ;
width:100%;
height: 100%;
}
.projects_title_wrap {
background-color: #fff;	
width: 100%;
position: relative;
float: left;
clear: both;
height: auto;
}
.section4 .el-parallax1 {
position:absolute;
top:50%;
left:20%;
width: 160px;
height:160px;
z-index: -1;
}
.section4 .el-parallax1 img{
width:100%;
}
.section4 .el-parallax2 {
position:absolute;
top:50%;
right:20%;
width: 160px;
height:160px;
z-index: -1;
}
.section4 .el-parallax2 img{
width:100%;
}
.projects_title_wrap.grey {
background-color: #efefef;
}

.projects_title_wrap .projects_title  {
padding: 10em 0 8em 0;
width: 100%;
height: auto;
text-align: center;
}

.projects_title_wrap.grey .projects_title {
padding: 6% 0 0% 0;
width: 100%;
height: auto;
text-align: center;
}

.projects_title_wrap.gencellpage.grey .projects_title {
padding: 8% 0 6% 0;
}

.projects_title_wrap .projects_title h1 { 
text-transform: capitalize;
font-weight: 600;
font-size: 4em;
margin: 0px auto 0 auto;
max-width: 700px;
line-height: 1em;
color: #06070a;
}

.projects_title_wrap .projects_title h3 { 

font-weight: 700;
margin: 0px auto 0 auto;
max-width: 700px;
line-height: 1.5em;
letter-spacing: 0.2px;
font-size: 3em;
text-transform: uppercase;
color: #06070a;
}

.projects_title_wrap.gencellpage .projects_title h3 {
font-weight: 700;
margin: 0px auto 0 auto;
max-width: 700px;
line-height: 1.5em;
letter-spacing: -0.05em;
font-size: 2.2em;
text-transform: uppercase;
color: #06070a;
}

.projects_title_wrap .projects_title h2 { 
font-weight:400;
max-width: 600px;
margin: 20px auto 1em auto;
font-size: 1.3em;
line-height: 1.7em;
color: #313131;
text-transform: capitalize;
}
.projects_title_wrap .projects_title a {
color: #fff;
display: inline-block;
background-color: #FBFF4A;
padding: 10px 20px 10px 20px;
}
.small-font {
font-size: 30%;
line-height:40%;
letter-spacing:-0.02em;
text-transform:capitalize;
}
.big_title_white {
text-transform: capitalize;
font-size: 3em;
padding-bottom: 0.3em;
line-height: 1.2em;
color: #fff;
max-width: 400px;
letter-spacing: -0.06em;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}
.wrapper_1200.break .big_title_white.center {
max-width: 100%;
}

.section4 .muze_slide3 {
padding: 5% 0 5% 0;
}
.section4 .muze_slide6 {
padding:5% 0 5% 0 ;
}
.section2 {
position: relative;
float: left;
clear: left;
width: 100%;
height: auto;
}
.section2 .muze_slide4 {
width: 90%;
margin-left: 5%;
height:auto;
background: url(images/muze_banner4.jpg) no-repeat center center fixed; 
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
overflow:hidden;
}
.section2 .muze_slide4 .text_wrap {
padding: 15% 0 15% 0;
width: 100%;
height: auto;
text-align: center;
}
.section2 .muze_slide4 a {
margin-top:2em;
}
.section2 .muze_slide1 {
width: 100%;
height:auto;
background: url(images/muze_banner0.jpg) no-repeat fixed; 
background-position: 0 0 ;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
overflow:hidden;
}
.section2 .muze_slide1 .big_title_white {
font-size: 2em;
margin-top: 1em;
}
.section2 .muze_slide1 .text_wrap {
padding: 16% 0 16% 0;
width: 100%;
height: auto;
text-align: center;
}
.section2 .muze_slide1 .text_wrap .small_title_white{
font-size: 1em;
margin-top: 0.3em;
margin-bottom: 1em;
}
.small_title_white{
color: #FFF;
font-size: 3em;
font-weight: 500;
line-height: 1.6em;
letter-spacing: -2px;
}

.section2 .muze_slide1 .text_wrap a {
margin-top:2em;
}
.section2 .muze_slide1 .text_wrap .lr-logo{
display:inline-block;
width:120px;
}
.section2 .muze_slide1 .text_wrap .lr-logo img {
width:100%;
float:left;
}
.section2 .muze_slide5 .text_wrap {
padding: 14% 0 14% 0;
width: 100%;
height: auto;
text-align: center;
}
.section2 .muze_slide5 {
width: 100%;
background: url(images/muze-team.jpg) no-repeat center center fixed; 
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.section2 .muze_slide6 .text_wrap {
padding: 14% 0 14% 0;
width: 100%;
height: auto;
text-align: center;
}
.section2 .muze_slide6 {
width: 100%;
background-color: #222;
background: url(images/team.jpg) no-repeat center center fixed; 
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
position:absolute;
top:0;
left:0;
z-index: 1;
width:100%;
height:100%;
}

.section2 .muze_slide5 a {
margin-top: 2em;
}
.inner-wrap .title_wrap {	
width: 100%;
float: left;
clear: left;
text-align: left;
padding: 6em 0 4em 0;
position: relative;
}
.contact_form_wrap .title_wrap {
text-align: center;
padding: 2em 0 4em 0;
}
.inner-wrap .title_wrap.home  {  
padding: 10em 0 2em 0 !important;
}
.lp-ux .inner-wrap .title_wrap {
padding: 7em 0 4em 0;
}
.lp-ux .inner-wrap .title_wrap.first {
padding: 5em 0 4em 0;
}
.inner-wrap .title_wrap.grey-bkg {
background-color: #fff;
}
.inner-wrap .title_wrap.black-bkg {
background-color: #222;
}
.inner-wrap .title_wrap.black-bkg2 {
background-color: #06070a;
}
.inner-wrap .title_wrap.black-bkg2 h3{
color:#fff;
}
.inner-wrap .title_wrap.black-bkg .big_title{
color:#fff;
}
.title_wrap.no-padding-bottom {
padding-bottom: 0px;
}
.title_wrap .wrapper-for-float {
margin: 0px;
width: 100%;
position: absolute;
z-index: 20;
left: 0px;
top: 0px;
padding-top: 100px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.title_wrap2 .wrapper-for-float {
margin: 0px;
width: 100%;
position: absolute;
z-index: 20;
left: 0px;
top: 0px;
padding-top: 100px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.title_wrap2 .image-wrap{
width:100%;
margin: 0 auto;
}
.title_wrap2 .logos {
  padding: 0 0 2em 0;
}
.title_wrap2 .logos .logo{
display: inline-block;
vertical-align: middle;
padding: 0 20px;
}
.big_title {
font-size: 2em;
color:#06070a;
margin-bottom: 0.5em;
letter-spacing: -0.05em;
line-height: 1.3em;
}
p.subscribe-success {
color: #FBFF4A;
}
.small_title {
max-width: 860px;
margin: 0 auto 0 auto;
font-weight:400;
margin-top: 1.3em;
font-family: 'Montserrat', sans-serif;
font-size: 1.6em;
line-height: 1.8em;
color: #06070a000;
margin-bottom: 1.5em;
}

.small_title {
max-width: 860px;
margin: 0 auto 0 auto;
font-weight:400;
margin-top: 1.3em;
font-family: 'Montserrat', sans-serif;
font-size: 1.3em;
padding: 0 3em;
line-height: 1.8em;
color: #ffffff;
margin-bottom: 1.5em;
}

.lp-ux .small_title_white{
max-width: 800px;
margin: 0 auto 0 auto;
font-size: 2em;
font-weight: 500;
color: #fff;
line-height: 1.6em;
letter-spacing: -0.03em;
margin-top: 0;
}
.running_text {
font-size: 1em;
line-height: 1.8em;
color: #999;
width:70%;
height: auto;
margin: 1em auto 0 auto;
text-align: center;
}
.line {
height: 2px;
background-color: rgb(255, 203, 35);
width: 100px;
margin: 1em auto 0 auto;
}
.line_yellow {
height:3px;
background-color: #FBFF4A;
width: 100px;
margin: 1.5em 0 1.5em 0;
}
.line_white {
height: 3px;
background-color: #fff;
width: 100px;
margin:2em auto 0 auto;
}
.line_white_big {
height: 3px;
background-color: #fff;
width: 100px;
margin:2em auto 0 auto;
}
.main .big_title.margin-bottom {
margin-bottom: 30px;
}
.page-wrap .inner-wrap .about_wrapper {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
position: relative;
}

.wrapper_1200 .pixel{
display: block;
width: 50px;
height: 30px;
background-image: url(images/pixel.png);
background-size: 50px 30px;
background-repeat: no-repeat;
margin: 2em auto 1em auto;
}
.wrapper_1200 .crew_white {
display: block;
width: 50px;
height: 30px;
background-image: url(images/crew_white.png);
background-size: 50px 30px;
background-repeat: no-repeat;
margin:0 auto 0 auto;
}
.projects_bkg {
background-image: url(images/projects_bkg.jpg);
background-position: center center;    
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bkg-404 {
background-image: url(images/404.jpg);
background-position: center center;    
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.work_strip {
float: left;
clear: both;
position: relative;
width: 100%;
height: 850px;
padding:0;
overflow:hidden;
}
.blue_bkg {
background-color: #7331e3;
}
.tipigo_bkg {
background-color: #f7fbff;
}
.eyesight_bkg{
background-color: #3007e3;
}
.yellow_bkg {
background-color: #fbc20f;
}
.green_bkg {
background-color: #5dd492;
}
.iot_bkg {
background-color: #1e51f9;
}
.tarya_bkg {
background-color: #3DCCD4;
}
.reshet_bkg {
background-color: #7331e3;
}
.mapping_bkg {
background-color: #3ecc7a;
}
.grey_bkg {
background-color: #F4F4F4 !important;
}
.light_blue_bkg {
background-color: #00bbbe;
}
.pink_bkg {
background-color: #b6b6b6;
}
.dare_bkg {
background-color: #2d2a68;
}

.black_bkg {
background-color: #242323;
}

.home-proj-bkg0 {
background-image: url(images/home-proj-bkg0.jpg);
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg1 {
background-image: url(images/home-proj-bkg1.jpg);
background-position: right center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg2 {
background-image: url(images/home-proj-bkg2.jpg);
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}

.home-proj-bkg4 {
background-image: url(images/home-proj-bkg4.jpg);
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg5 {
background-image: url(images/home-proj-bkg5.jpg);
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg6 {
background-image: url(images/home-proj-bkg6.jpg);
background-position: right center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg7{
background-image: url(images/home-proj-bkg7.jpg);
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg8{
background-image: url(images/home-proj-bkg8.jpg);
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.home-proj-bkg10{
background-image: url(images/home-proj-bkg10.jpg);
background-position: right center;
background-size: auto 100%;
background-repeat: no-repeat;
}

.work_strip .video{
width:100%;
height: 100%;
float: left;
position: absolute;
z-index: 2;
top:0;
left:0;
}
.work_strip .rel {
position: relative;
width: 100%;
float: left;
}

.work_strip .container-right{
width:100%;
height:100%;
display:block;
float:right;
position:relative;
overflow: hidden;
}

.work_strip .container-right .inner {
position:absolute;
top:6em;
right:0%;
width:100%;
max-width:1000px;
-ms-transform: translateX(10%);
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
transform: translateX(10%);
transition: all 1s;
-webkit-transition: all 1s;
}
.work_strip .container-right .inner.into-view {
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
    border-radius: 8px;
    overflow: hidden;
}
.work_strip .container-right .inner img {
width:100%;
float:left;
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
border: 1px solid #f1f1f1;
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}

.work_strip .container-left{
width:100%;
height:100%;
display:block;
float:right;
position:relative;
overflow: hidden;
}
.work_strip .container-left .inner {
position:absolute;
top: 6em;
left:0;
width:100%;
max-width:1000px;
-ms-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
transform: translateX(-10%);
transition: all 1s;
-webkit-transition: all 1s;
overflow: hidden;
}
.work_strip .container-left .inner.into-view {
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
    border-radius: 8px;
    overflow: hidden;
}
.work_strip .container-left .inner img {
width:100%;
float:left;
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
border: 1px solid #f1f1f1;
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}
.work_strip .project_details{
width:550px;
z-index: 2;
position: absolute;
top: 25%;
left: 5%;
}
.work_strip .project_details p {
margin-bottom: 1em;
}
.work_strip .project_details .testimonial{
width:100%;
float:left;
margin-top: 1.2em;
margin-bottom: 1em;
}
.work_strip .project_details .testimonial .image-wrap {
float:left;
width:60px;
height:60px;
overflow:hidden;
}
.work_strip .project_details .testimonial .image-wrap img {
width:100%;
float:left;
}
.work_strip .project_details .testimonial .info {
width:calc(100% - 70px);
height:60px;
float:left;
padding: 0px 20px;
}
.work_strip .project_details .testimonial .info .manager{
width:100%;
float:left;
margin-bottom: 10px;
color:#06070a;
}
.work_strip .project_details .testimonial .info .manager.black{
color:#06070a;
}
.work_strip .project_details .testimonial .info h4 {
font-size: 13px;
color:inherit;
text-transform: capitalize;
display:inline-block;
letter-spacing: 1px;
line-height: 1.4em;
font-weight:400;
}
.work_strip .project_details .testimonial .info h4.name {
font-weight: 400;
color:inherit;
}
.work_strip .project_details .logo-wrap{
width:100%;
float:left;
}
.work_strip .project_details .logo-wrap img {
float:left;
width:100%;
max-width: 100px;
}	
.work_strip .project_details.right{
width:450px;
z-index: 2;
position: absolute;
top:20%;
right:12%;
left:auto;
}

.work_strip .project_details .black-font{
color:#333;
}
.project_icons li .watch_project.black {
border: solid 2px #353535;
background: url(images/icon_watch_project2.png) 0 0;
background-size: 100px 50px;
background-repeat: no-repeat;
transition: all 0.3s;
-webkit- transition: all 0.3s ;
}

.work_strip .project_details h3 {
font-weight: 500;
font-size: 3em;
line-height: 1.4em;
color: #06070a;
margin-bottom: 0.4em;
max-width: 460px;
letter-spacing: -0.05em;
font-family: 'Montserrat', sans-serif;
}

.work_strip .project_details.black h3 {
color: #2c2f31!important;
}
.work_strip .project_details.black p {
color: #2c2f31!important;
}

.work_strip .project_details.black .explore_btn_yellow.touch-fix {
color:#fff!important;
}
.work_strip .project_details.black .explore_btn_yellow:hover {
color:#fff;
}
.work_strip .project_details.black .explore_btn_yellow:before{
background-color: #06070a;
color:#06070a;
}
.work_strip .project_details p {
color: #06070a;
font-size: 1.2em;
max-width: 400px;
}

.project_icons {
margin-top: 2em;	
width: 100%;
float: left;
clear: left;
}
.project_icons li {
float: left;
text-align: center;
margin-right:2em;
}
.project_icons li .icon_text {
color: #fff;
display: block;
text-transform: uppercase;
font-size: 0.8em;
padding-top: 1em;
line-height: 2em;
}
.project_icons li .watch_project {
margin: 0 auto 0 auto;
display: block;
width: 50px;
text-indent: -9999px;
height: 50px;
border:solid 2px #fff;
border-radius: 25px;
background: url(images/icon_watch_project.png) 0 0;
background-size: 100px 50px;
background-repeat: no-repeat;
transition: all 0.3s;
-webkit- transition: all 0.3s ;
}
.project_icons li:hover .watch_project, .project_icons li:focus .watch_project { 
background-position: -50px 0;
}
.project_icons li:hover .visit_project { 
background-position: -50px 0;
}
.project_icons li .visit_project {
margin: 0 auto 0 auto;
display: block;
width: 50px;
height: 50px;
border:solid 4px #fff;
border-radius: 1px;
background: url(images/icon_go_website.png) 0 0;
background-size: 100px 50px;
background-repeat: no-repeat;
transition: all 0.3s;
-webkit- transition: all 0.3s ;
}


.clients_wrapper {
width: 100%;
position:relative;
float: left;
clear: both;
padding-top: 2em;

}
.clients_wrapper .trust {
  text-align: center;
  margin-bottom: 1em;
}
.clients_wrapper .trust p{
  font size: 12px;
  color: #000;
}
.clients_wrapper .title-wrap {
width:100%;
float:left;
margin: 4em 0 4em 0;
text-align: center;
}
.clients_wrapper .title-wrap h3 {
text-transform: capitalize;
font-weight: 500;
line-height: 1.2em;
margin-bottom: .4em;
font-size: 2em;
color: #06070a;
letter-spacing: -.05em;
font-family: "Montserrat",sans-serif;
}

.lp-ux .clients_wrapper {
padding-bottom: 0;
}

.clients {
padding: 4em 0em 4em 0em;
margin:0; 
width: 100%;
float: left;
text-align: center;
clear: both;
height:auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.clients li {
flex:auto;
width: 20%;
margin-bottom: 5.5em;
color:#000;
position: relative;
flex-grow: 4;
}
.clients li img {
margin: 0;
max-width: 100%;
max-height: 50px;
width: auto;
height: auto;
vertical-align: middle;
}
.about {
position:relative;    
float: left;
clear: left;
width: 100%;
background-color: #fff;
padding: 4em 0em 0 0em !important;
}
.about_text {
background-color: #fff;
padding-top: 5em;
padding-bottom: 8em;
width: 100%;
height: auto;
float: left;
margin-top:680px;
}
.about_text .main {
width: 70%;
height: auto;
float: left;
padding-right: 3em;
}
.about_text .quote {
width: 30%;
height: auto;
float: left;
padding-top: 3.5em;
padding-left: 2em;
}
.about_text .quote blockquote:before {
color: #999;
content: open-quote;
font-size: 2.5em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.about_text .quote blockquote:after {
color: #999;
content: close-quote;
font-size: 2.5em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.about_text .quote blockquote{
color: #999;
font-family: open sans, Arial, Helvetica, sans-serif;
font-weight: 100;
font-style: italic;
font-size: 1.8em;
line-height: 1.5;
quotes: "\201C""\201D""\2018""\2019";
}
.about_text .quote .author {
color: #999;
margin-top: 20px;
float: left;
}
.bold-bkg{
  background-color: #06070a;
  }
.boldme {
font-weight: 600;
}
.italicme {
font-style: italic;
}

.contact-wrap {
width: 100%;
float: left;
background: linear-gradient(90deg, rgba(241,241,254,1) 0%, rgba(255,226,228,1) 100%);
}
.contact_form_wrap {
width: 100%;
padding: 0em 0 6em 0;
height: auto;
float: left;
background-color: #fff;
background-size:100%;
text-align: center;
position:relative;
}
.lp-ux .contact_form_wrap {
margin-top: 3em;
}
.contact_form_wrap .hider {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 2;
display: none;
background: rgba(255,255,255,.98);
}
.contact_form_wrap .hider .loader {
display: block;
position: fixed;
left: 50%;
top: 50%;
text-align: center;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.contact_form_wrap .hider .loader .gif-anim {
width: 100px;
height: 100px;
background-image: url(images/loader1.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
margin-bottom: 15px;
}
.contact-page .contact-left {
width:50%;
height: 100%;
float: left;
padding:0 6em 0em 6em;
}
.contact-page .contact-left .inner{
float: left;
height: 100%;
width:100%;
padding: 8em 0 6em 0;
}

.contact-page .contact_form_wrap {
width: 50%;
float: left;
padding: 3em 4em 6em 4em;
}
.contact-page .contact_form_wrap h3{
font-size: 2em;
color: #06070a;
font-weight: 500;
margin-bottom: 60px;
letter-spacing: -0.05em;
line-height: 1.3em;
text-align: left;
margin-top: 50px;
}
.contact-page .contact_form_wrap h4 {
color: #000;
width: 100%;
float: left;
text-align: left;
line-height: 1.6em;
font-weight: 600;
}
.contact-page .contact_form_wrap a.cta {
letter-spacing: 1px;
line-height: 1.6em;
color: #000;
display: block;
width:110px;
text-align: left;
font-size: 1em;
margin-bottom: 40px;
}
.contact-page .contact_form_wrap .email {
letter-spacing: 1px;
line-height: 1.6em;
color: #000;
display: block;
width: 100%;
text-align: left;
font-size: 1em;
margin-bottom: 40px;
}
.section-cta {
width:100%;
padding:8em 0 8em 0;
float:left;
display:table;
}
.section-cta .inner {
display:table-cell;
vertical-align:middle;
text-align: center;
}
.section-cta .inner h3 {
font-size: 2em;
margin-bottom: 0.1em;
letter-spacing: -0.03em;
color: #06070a;
font-weight: 600;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
}
.section-cta .inner p {
color:#06070a;   
font-size: 1.2em;
}
.contact-left .big_title {
  text-align: left;
  color: #000;
  font-weight: 500;
  font-size: 2em;
}
.contact-left .bizdev{
width:100%;
padding-top: 4em;
float: left;
text-align: left;
}
.contact-left .bizdev p{
letter-spacing: 1px;
line-height: 1.6em;
color: #000;
display: block;
width: 100%;
text-align: left;
font-size: 1em;
margin-top: 5px;
}
.contact-left .bizdev .image-wrap{
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
display: block;
margin-bottom: 10px;
}
.contact-left .bizdev .image-wrap img {
width: 100%;
height: auto;
}

.contact-left .bizdev h3{
color: #000;
width: 100%;
float: left;
text-align: left;
line-height: 1.6em;
font-weight:600;
}
.contact-left .bizdev h4{
color: #000;
width: 100%;
float: left;
text-align: left;
line-height: 1.6em;
font-weight:600;
margin-bottom: 10px;
}
.contact-left .bizdev p, .contact-left .bizdev a { 
letter-spacing: 1px;
line-height: 1.6em;
color: #000;
display: block;
width: 100%;
text-align: left;
font-size: 1em;
margin-top: 5px;
}


.contact_form_wrap .big_title{
display: inline-block;
font-weight: 600;
line-height: 1.5em;
margin-bottom: .4em;
font-size: 1.5em;
max-width: 700px;
letter-spacing: 0em;
color: #06070a;
font-family: 'Montserrat',sans-serif;
}
.contact_form_wrap .mobile-wrap { 
width:100%;
padding-top: 1em;
font-size: 16px;
margin-top: 2em;
font-weight:400;
}

.contact_form_wrap .mobile-wrap .pic-wrapper{
width: 100%;
float: left;
text-align: center;
}

.contact_form_wrap .mobile-wrap .pic-wrapper h3{
color: #06070a;
width: 100%;
float: left;
text-align: center;
line-height: 1.6em;
font-weight:400;
margin-top: 10px;
}

.contact_form_wrap .mobile-wrap .pic-wrapper h4{
color: #FFF;
width: 100%;
float: left;
text-align: center;
line-height: 1.6em;
}

.contact_form_wrap .mobile-wrap .partner-pic{ 
width: 85px;
height: 85px;
overflow: hidden;
border-radius: 50%;
display: inline-block;
}

.contact_form_wrap .mobile-wrap .partner-pic img{ 
width: 200%;
margin-left: -41%;
margin-top: -20%;
height: auto;
}

.contact_form_wrap .mobile-wrap p.member_name {
font-weight: 600;
}

.contact_form_wrap .mobile-wrap p, .contact_form_wrap .mobile-wrap a { 
letter-spacing: 1px;
line-height: 1.5;
color: #06070a;
display: block;
float: left;
width: 100%;
text-align: center;
font-size: 1em;
}
.contact_form_wrap .mobile-wrap .member-img {
width: 100%;
float: left;
margin-bottom: 1em;
}

.contact_form_wrap .mobile-wrap .member-img .img { 
width: 80px;
height: 80px;
margin: 0 auto;
background-image: url(images/about/eyal.jpg);
background-position: center -5px;
background-size: 250%;
background-repeat: no-repeat;
border-radius: 50%;
}
#contact_form {
display: block; 
width: 70%;
margin: 0 auto 0 auto;
height: auto;
}
#contact_form ul{
width: 100%;
height: auto;
margin: 0 auto 0 auto;
}
#contact_form ul li {
float: left;
clear: left;
width: 100%;
margin-bottom: 2em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#contact_form ul li input {
width:100%;
height: 50px;
font-size: 1em;
font-weight:400;
color: #06070a;
background: none;
-webkit-appearance: none;
border: none;
border-bottom: #a9a9a9 solid 1px;
padding-left: 1em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
font-family: 'Montserrat', sans-serif;
}
#contact_form ul li input:focus {
outline:0 !important;
}
#contact_form ul li textarea:focus {
outline:0 !important;
}
#contact_form ul li input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
-webkit-text-fill-color: 000 !important;
}

#contact_form ul li label {
position: absolute;
pointer-events: none;
color:#06070a;
font-weight: 300;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
left: 1em;
top: 15px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#contact_form ul li input[type=text]:focus~label,
#contact_form ul li input[type=text]:active~label,
#contact_form ul li input[type=text]:valid~label,
#contact_form ul li input[type=text]:invalid:focus~label {
left: 15px;
top: -15px;
font-size: 11px;
color:#06070a;
}
#contact_form ul li textarea[type=text]:focus~label,
#contact_form ul li textarea[type=text]:valid~label,
#contact_form ul li textarea[type=text]:active~label,
#contact_form ul li textarea[type=text]:invalid:focus~label {
left: 15px;
top: -15px;
font-size: 11px;
color:#06070a;
}

#contact_form ul li input[type=email]:focus~label,
#contact_form ul li input[type=email]:active~label,
#contact_form ul li input[type=email]:valid~label,
#contact_form ul li input[type=email]:visited~label,
#contact_form ul li input[type=email]:invalid:focus~label {
left: 15px;
top: -15px;
font-size: 11px;
color:#06070a;
}

#contact_form ul li textarea{
width:100%;
height: 50px;
font-weight:400;
font-size: 1em;
color: #06070a;
background: none;
-webkit-appearance: none;
box-shadow: none !important;
border: none;
position:relative;
border-bottom: #a9a9a9 solid 1px;
padding: 1em 0 0 1em;
transition: all 0.3s;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
font-family: 'Montserrat', sans-serif;
}
#contact_form ul li textarea:focus { 
height: 100px;
}
#contact_form ul li button{
width:100%;
padding: 1.2em 3em;
border-radius: 50px;
max-width: 100%;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #000;
margin-top: 0em;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #FBFF4A;
margin-top: 2em;
cursor: pointer;
font-size:1em;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
display: block;
}
#contact_form ul li button:hover{
    -webkit-box-shadow: 10px 10px 96px -19px rgb(35 85 255);
    -moz-box-shadow: 10px 10px 96px -19px rgb(35 85 255);
    box-shadow: 10px 10px 96px -19px rgb(35 85 255);
}
#contact_form ul li:last-child {
margin-bottom: 10px;
}
#contact_form ul li.no-padding {
margin-bottom: 0;
}
.contact_form_wrap #contact_form {
width:100%;
}
.footer-inner {
width: 100%;
min-height:500px;
position: relative;
float: left;
clear: left;
}
.footer-inner  .google_map {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
top:0;
left:0;
float: left;
clear: left; 
}
.footer-inner  .contact_us_wrap {
width: 50%;
height: 100%;
position: absolute;
background:rgba(0,0,0,0.8); 
z-index: 1;
top:0;
left:50%;
right:0;
bottom: 0;
padding: 4em 2em 2em 2em;
}
.footer-inner  .contact_us {
width: 100%;
height: 100%;
float: left;
position: relative;
}
.footer-inner   .contact_us p {
color: #fff;
font-size: 1em;
font-weight: 100;
}
.footer-inner  .contact_us p.founder {
color:#FBFF4A;   
}
.footer-inner   .contact_us .telephone {
color:#fff;
font-size: 1em;
line-height: 1.7;
}
.footer-inner  .contact_us a.street {
float:left;
color:#fff;
line-height: 2em;
}
#map {
width: 100%;
height: 100%;
}
.facebook {
width: 25px;
height: 25px;
float: left;
clear:both;
text-indent: -9999px;
margin-top: 20px;
background-image: url(images/facebook-social.svg);
background-position: 0 0;
background-size: 100%;
}
.linkedin {
width: 25px;
height: 25px;
text-indent: -9999px;
float: left;
margin-top: 20px;
margin-left: 10px;
background-image: url(images/linkedin-social.svg);
background-position: 0 0;
background-size: 25px 25px;
}
.insta {
width: 25px;
height: 25px;
float: left;
margin-left: 10px;
text-indent: -9999px;
margin-top: 20px;
background-image: url(images/insta-social.svg);
background-position: 0 0;
background-size: 100%;
}
.linkedin.profile {
width: 35px;
height: 35px;
position: absolute;
text-indent: -9999px;
float: none;
bottom: 1.5em;
left: 2em;
z-index: 6666;
margin-top: 0;
margin-left: 0;
background-image: url(images/linkedin-social.svg);
background-position: 0 0;
background-size: 100%;
}

.projects-wrap {
width:100%;
float:left;
color:#000;
}


.projects-wrap .top-title {
display: inline-block;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 2em;
font-size: 3em;
max-width: 700px;
letter-spacing: 0em;
color: inherit;
}
.projects-wrap ul {
width:106%;
margin-left: -3%;
float:left;
color:inherit;
}

.projects-wrap ul li  {
width:50%;
padding: 0;
float:left;
margin-bottom: 2em;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
color:inherit;
min-height: 840px;
margin-bottom: 100px;
}
.projects-wrap.service-page ul li  {
padding: 0 2em;
}


.projects-wrap ul li .cont {
width:100%;
height:100%;
display:block;
float:left;
position:relative;
color:inherit;
}
.projects-wrap ul li .cont .border-bottom {
width:0;
height:6px;
position:absolute;
z-index: 2;
background-color: #FBFF4A;
left:0;
bottom:0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.projects-wrap ul li .cont .image-wrap {
width: 100%;
float: left;
position: relative;
border-radius: 20px;
overflow: hidden;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.projects-wrap ul li .cont .image-wrap.shadow {
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}
.projects-wrap ul li .cont .image-wrap .vid-wrap{
  position: absolute;
  top:2.5em;
  left: 2.5em;
  right: 2.5em;
  bottom: 2.5em;
  z-index: 2;
  display: flex;
}
.projects-wrap ul li .cont .image-wrap .vid-wrap video{
  width:100%;
  justify-content: center;
  border-radius: 10px;
}
.projects-wrap ul li .cont .image-wrap img{
width:100%;
float: left;
}
.projects-wrap ul li .cont:hover .image-wrap,
.projects-wrap.touch-fix ul li .cont .image-wrap {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.projects-wrap ul li .cont .overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 2;
opacity:0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
background: rgba(0,0,0,0.4);
}
.projects-wrap ul li .cont:hover .overlay {
opacity:1;
}
.projects-wrap ul li .cont .overlay .inner-wrap{
display:table;
width:100%;
height:100%;
}
.projects-wrap ul li .cont .overlay .inner-wrap .inner {
display:table-cell;
text-align: center;
vertical-align:middle;
}
.projects-wrap ul li .cont .overlay .inner-wrap .inner h3{
color:#fff;
}
.projects-wrap ul li .cont .post-header {
width:100%;
overflow:hidden;
float:left;
padding: 1em 2em 1em 2em;
color:inherit;
}
.projects-wrap ul li .cont .post-header.add-padding {
padding: 2em 0em 1em 0em;
}
.projects-wrap ul li .cont .post-header h3{
  color: inherit;
  font-weight: 600;
  font-size: 1.4em;
  margin-bottom: 20px
}
.projects-wrap ul li .cont .post-header .post-title {
color:inherit;
font-family: 'Montserrat', sans-serif;
text-align: left;
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: 10px;
font-weight:400;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.projects-wrap ul li .cont .post-header .post-title .cs {
font-size: 12px;
letter-spacing: 2px;
margin-left: 20px;   
}

.projects-wrap ul li .description { 
color: #636363;
font-weight:400;
text-align: left;
font-size: 0.8em;
line-height: 1.6em;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
-webkit-transition-delay: .1s;
transition-delay: .1s;
margin-left: 2.5em;
display: block;
}
.projects-wrap ul li .description span { 
background-color: #e7e9ff;
border-radius: 50px;
margin-right: 10px;
margin-bottom: 10px;
padding: 0 10px;
line-height: 1.7em;
display: block;
float: left;
text-transform: capitalize;
color:#1e2bb8;
}
.projects-wrap ul li .description span:hover { 
background-color: #FBFF4A;
}

.projects-wrap ul li .cont .post-header p {
font-size: 0.95em;
color:#fff;
font-weight: 100;
}
.projects-wrap ul li .cont .post-header .explore-btn {
opacity:0;
text-transform: uppercase;
color:#FBFF4A;
font-size: 12px;
letter-spacing: 2px;
display:block;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
-webkit-transition-delay: .1s; /* Safari */
transition-delay: .1s;
clear: both;
}

.main {
width: 100%;
float: left;
clear: left;
}
.main .project_banner {
position:relative;
overflow:hidden;    
width: 100%;
padding-top: 20%;
padding-bottom: 20%;
float: left;
clear: left;
background-color: #65beaa;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.page-xmpl {
width:100%;
float:left;
padding:6em 0 6em 0;
}
.page-xmpl.lr-bkg {
background-color:#222;
}
.page-xmpl.invertex-bkg {
background-color:#efefef;
}
.page-xmpl.keepnroll-bkg {
background-color:#06070a;
}
.page-xmpl.hapsburg-bkg {
background-color:#222;
}
.page-xmpl.arco-bkg {
background-color:#DFDFE0;
}
.page-xmpl img {
width:100%;
float:left;
}
.main .project_banner video {
min-width: 100%;
min-height: 100%;
position: absolute;
width: auto;
height: auto;
right: 0;
top: 0;
}

.main .adidas {
background: url(images/projects/adidas/banner.jpg) no-repeat center;
}
.main .sip {
background: url(images/projects/sip/banner.jpg) no-repeat center;
}
.main .astera {
background: url(images/projects/astera/banner.jpg) no-repeat center;
}
.main .hapsburg {
position: relative; 
overflow:hidden;   
background: url(images/projects/hapsburg/banner.jpg) no-repeat center;
}
.main .flam {
background: url(images/projects/flam/banner.jpg) no-repeat center;
}
.main .haimafriat {
background: url(images/projects/haimafriat/banner.jpg) no-repeat center;
}
.main .gencell {
background: url(images/projects/gencell/banner.jpg) no-repeat center;
}
.main .reshet {
background: url(images/projects/reshet/banner.jpg) no-repeat center;
}
.main .lr-group {
background: url(images/projects/lr-group/banner.jpg) no-repeat center;
}
.main .invertex {
background: url(images/projects/invertex/banner.jpg) no-repeat center;
}
.main .tashdal {
background: url(images/projects/tashdal/banner.jpg) no-repeat center;
}
.main .hutchison {
background: url(images/projects/hutchison/banner.jpg) no-repeat center;
}
.main .rimokh {
background: url(images/projects/rimokh/banner.jpg) no-repeat center;
}
.main .arco {
background: url(images/projects/arco/banner.jpg) no-repeat center;
}
.main .mangosalute {
background: url(images/projects/mangosalute/banner.jpg) no-repeat center;
}
.main .mockups {
width: 100%;
padding-top: 0em;
padding-bottom: 6em;
float: left;
clear: left;
}
.main .mockups.padding-top {
padding-top: 6em;
}
.main .mockups.black {
background-color: #222;
}
.main .mockups.white {
background-color: #efefef;
}
.main .mockups.padd-top {
padding-top: 10em;
}
.main .mockups.padding {
width: 100%;
padding-top: 6em;
padding-bottom: 1em;
background-color: #efefef;
float: left;
clear: left;
}
.main .mockups .half_width .floating-text {
padding:8em 0 0 14em;
max-width: 600px;
background-color: #EFEFEF;
}
.main .mockups .half_width .floating-text h3 {
margin-bottom: 1.2em;
font-size: 3em;
text-transform: uppercase;
}

.main .mockups .info_section {
width:100%;
float:left;
}
.main .mockups .info_section .article {
width:100%;
float:left;
background-color:#efefef;
}
.video-wrap-bold {
width:100%;
position: :relative;
float: left;
line-height: 1;
}
.video-wrap-bold video{
width:100%;
height: 100%;
float: left
}
.main .mockups .info_section .video-wrap {
padding:0.5em;
width:100%;
float:left;
}
.main .mockups .info_section .tube-video {
width:100%;
float:left;
position:relative;
padding-bottom:56.25%;
}

.main .mockups .info_section .tube-video iframe,
.main .mockups .info_section .tube-video object,
.main .mockups .info_section .tube-video embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.main .mockups .info_section .article .title {
color:#B7B7B7;
font-weight: 700;
font-size: 3em;
line-height: 1.2;
margin-bottom: 2em;
padding:0;
}
.blueish {
color:#10BBD7;
}
.main .mockups .info_section .content  {
width:100%;
float:left;
padding-bottom: 6em;
} 
.main .mockups .info_section .content .left_side {
width:40%;
float:left;
}
.main .mockups .info_section .content .left_side img {
width:100%;
float:left;
padding:0.5em;
}
.main .mockups .info_section .content .right_side {
width:60%;
float:left;
}
.main .mockups .info_section .content .right_side img {
width:100%;
float:left;
padding:0.5em;
}
.main .mockups .info_section .content .info_wrapper {
width:100%;
float:left;
padding:0.5em;
}
.main .mockups .info_section .content .info {
padding:3em;
width:100%;
float:left;
background-color: #10BBD7;
}
.main .mockups .info_section .content p {
color:#fff;
font-size: 1em;
}


.main.accadia-page .mockups {
width: 100%;
padding-top: 0em;
padding-bottom: 0em;
background-color: #efefef;
float: left;
clear: left;
}

.main.accadia-page .mockups .full_width{
margin: 0;
padding: 0;
line-height: 0;
}

.main.accadia-page .mockups .full_width.margin-top-negative {
margin-top: -200px;
}

.main.accadia-page .mockups .full_width.blue-bkg{
background-color: #324450;
}
.main.accadia-page .mockups .project-section{
margin: 0 !important;
}
.main.accadia-page .mockups .project-section img {
width:100% !important;
float:left;
}
.main.accadia-page .mockups .project-section.blue-bkg{
background-color: #324450;
color:#fff;  
}
.main.accadia-page .mockups .project-section.black-bkg{
background-color: #06070a;
color:#fff;  
}
.main.accadia-page .mockups .project-section.black-bkg h3,
.main.accadia-page .mockups .project-section.black-bkg p {
color:#fff;
}

.main.accadia-page .mockups .project-section.blk-color{
background:none;
color:#06070a;  
}

.main.accadia-page .mockups .project-section.white-bkg{
background:#fff;
color:#06070a;  
}

.main.accadia-page .mockups .project-section.blue-bkg h3,
.main.accadia-page .mockups .project-section.blue-bkg p {
color:#fff;
}

.main.accadia-page .mockups .half_width{
margin: 0;
padding: 10em 0 0em 0;
line-height: 0;
position: relative;
}


.main.keepnroll-page .mockups {
width: 100%;
padding-top: 0em;
padding-bottom: 0em;
background-color: #efefef;
float: left;
clear: left;
}
.main.keepnroll-page .mockups .full_width{
margin: 0;
padding: 0;
line-height: 0;
}
.main.keepnroll-page .mockups .full_width.margin-top-negative {
margin-top: -100px;
}
.main.keepnroll-page .mockups .full_width.green-bkg{
background-color: #00b68e;
}
.main.keepnroll-page .mockups .project-section img {
width:100%;
float:left;
}
.main.keepnroll-page .mockups .project-section.green-bkg{
background-color: #00b68e;
color:#fff;  
}
.main.keepnroll-page .mockups .project-section.blk-color{
background:none;
color:#06070a;  
}
.main.keepnroll-page .mockups .project-section.black-bkg{
background:#06070a;
color:#fff;  
}
.main.keepnroll-page .mockups .project-section.green-bkg h3,
.main.keepnroll-page .mockups .project-section.green-bkg p {
color:#fff;
}
.main.keepnroll-page .mockups .half_width{
margin: 0;
padding: 10em 0 0em 0;
line-height: 0;
position: relative;
}





.main .mockups .ui-wrap {
width:100%;
float:left;
text-align: center;
}
.main .mockups .ui-wrap h3 {
color:inherit;
font-size: 1.5em;
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 400;
}
.main .mockups .ui-wrap .typo {
width:100%;
float:left;
}
.main .mockups .ui-wrap .typo ul{
width:100%;
float:left;
}
.main .mockups .ui-wrap .typo ul li {
width:33.3333333333%;
padding:3em 2em 3em 2em;
float:left;
}
.main .mockups .ui-wrap .typo ul li img {
width:100%;
float:left;
}
.main .mockups .ui-wrap .icons {
width:100%;
float:left;
padding-bottom: 4em;
}
.main .mockups .ui-wrap .icons ul li {
width:20%;
padding:3em 2em 3em 2em;
float:left;
}
.main .mockups .ui-wrap .icons ul li img {
width:100%;
float:left;
}
.main .mockups .ui-wrap .colors {
width:100%;
float:left;
padding: 6em 0 6em 0;
}

.main .mockups .ui-wrap .colors ul li {
width:25%;
padding:3em 2em 3em 2em;
float:left;
}
.main .mockups .ui-wrap .colors ul li img {
width:100%;
float:left;
}


.main.accadia-page .mockups .ui-wrap {
background-color: #324450;
color:#fff;     
}
.main.accadia-page .mockups .ui-wrap .icons {
background-color:#231f20;
}
.main.accadia-page .mockups .ui-wrap .icons ul{
width:100%;
float:left;
}
.main.accadia-page .mockups .ui-wrap .colors {
background: #324450; /* Old browsers */
background: -moz-linear-gradient(top,  #324450 0%, #231f20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #324450 0%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #324450 0%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324450', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
}
.main.accadia-page .mockups .ui-wrap .colors ul{
width:100%;
float:left;
}
.main.accadia-page .mockups .concept-wrap {
width:100%;
float:left;
position:relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.main.accadia-page .mockups .concept-wrap.first-bkg {
background: url(images/projects/accadia/concept-bkg.jpg) no-repeat center top fixed;
}
.main.accadia-page .mockups .concept-wrap.second-bkg {
background: url(images/projects/accadia/concept2-bkg.jpg) no-repeat center top fixed;
}
.main.accadia-page .mockups .white-divider {
width:100%;
height:200px;
float:left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+7,1+99 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 7%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 7%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 7%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.main.accadia-page .mockups .gif-mockup {
width:100%;
float:left;
padding:6em 0 4em 0;
background-color: #fff;
text-align: center;
}
.main.accadia-page .mockups .gif-mockup.black-bkg {
background-color: #06070a;
}
.main.accadia-page .mockups .gif-mockup h3 {
font-size: 2em;
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.main.accadia-page .mockups .gif-mockup img {
width:100%;
float:left;
}
.main.accadia-page .mockups .pages-mock {
width:100%;
float:left;
background-color: #fff;
padding-bottom: 6em;
}
.main.accadia-page .mockups .pages-mock .inner{
width:100%;
float:left;
margin-top: -200px;
}
.main.accadia-page .mockups .pages-mock .image-wrap {
width:50%;
float:left;
padding:2em;
}
.main.accadia-page .mockups .pages-mock .image-wrap img {
width:100%;
float:left;
}


.main.keepnroll-page .mockups .ui-wrap {
background-color: #00b68e;
color:#fff;     
}
.main.keepnroll-page .mockups .ui-wrap .icons {
background-color:#231f20;
}
.main.keepnroll-page .mockups .ui-wrap .icons ul{
width:100%;
float:left;
text-align: center;
}
.main.keepnroll-page .mockups .ui-wrap .icons ul li {
display:inline-block;
float:none;
}
.main.keepnroll-page .mockups .ui-wrap .colors {
background: #00b68e; /* Old browsers */
background: -moz-linear-gradient(top,  #00b68e 0%, #231f20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00b68e 0%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00b68e 0%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b68e', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
}
.main.keepnroll-page .mockups .ui-wrap .colors ul{
width:100%;
float:left;
text-align: center;
}
.main.keepnroll-page .mockups .ui-wrap .colors ul li {
display:inline-block;
float:none;
}
.main.keepnroll-page .mockups .concept-wrap {
width:100%;
float:left;
position:relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.main.keepnroll-page .mockups .concept-wrap.first-bkg {
background: url(images/projects/keepnroll/concept-bkg.jpg) no-repeat center top fixed;
}
.main.keepnroll-page .mockups .concept-wrap.first-bkg h3,
.main.keepnroll-page .mockups .concept-wrap.first-bkg p {
color:#fff;
}
.main.keepnroll-page .mockups .concept-wrap.second-bkg {
background: url(images/projects/keepnroll/concept2-bkg.jpg) no-repeat center top fixed;
}
.main.keepnroll-page .mockups .black-divider {
width:100%;
height:200px;
float:left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+7,1+99 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 7%, rgba(0,0,0,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.main.keepnroll-page .mockups .gif-mockup {
width:100%;
float:left;
padding:6em 0 4em 0;
background-color: #fff;
text-align: center;
}
.main.keepnroll-page .mockups .gif-mockup.black-bkg{
background-color:#06070a;
color:#fff;
}
.main.keepnroll-page .mockups .gif-mockup .video {
width:100%;
float:left;
padding-top: 2em;
}
.main.keepnroll-page .mockups .gif-mockup h3 {
font-size: 2em;
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.main.keepnroll-page .mockups .gif-mockup.black-bkg h3{
color:#fff;
}
.main.keepnroll-page .mockups .gif-mockup img {
width:100%;
float:left;
}
.main.keepnroll-page .mockups .pages-mock {
width:100%;
float:left;
background-color: #fff;
}
.main.keepnroll-page .mockups .pages-mock .inner{
width:100%;
float:left;
margin-top: -200px;
}
.main.keepnroll-page .mockups .pages-mock .image-wrap {
width:50%;
float:left;
padding:2em;
}
.main.keepnroll-page .mockups .pages-mock .image-wrap img {
width:100%;
float:left;
}


.main .bottom_banner {
width: 100%;
float: left;
clear: left;
line-height: 0;
position:relative;
margin-top: -1px;
}
.main .bottom_banner img{
width: 100%;
vertical-align: top;
height: auto;
}
.main .mockups .full_width {
width: 100%;
float: left;
clear: left;
margin: 1em 0 1em 0;
padding: 0em 1em 0 1em;
}
.main .mockups .full_width.invertex-logo {
padding: 8em 1em 2em 1em;
}
.main .mockups .half_width {
width: 60%;
float: left;
margin: 6em 0 1em 0;
padding: 0em 3em 0 3em;
}

.main .mockups .bottom_banner img {
width: 100%;
height: auto;
}
.main .mockups .full_width img {
width: 100%;
height: auto;
}

.main .mockups .full_width .the_img {
display: none;
}
.main .mockups .full_width .video {
width: 100%;
height: auto;
display: block;
}
.main .half_width img {
width: 100%;
height: auto;
}
.main .mockups .half_width.mobile {
width: 40%;
}
.main .mockups .half_width.mobile img {
width: 100%;
float: right;
}
.mobile_project_nav {
width: 100%;
height: 60px;
display: none;
float: left;
clear: left;
}
.mobile_project_nav a {
text-indent: -9999px;
}
.mobile_project_nav .right_arrow {
display: block;
position: static;
float:left;
width: 33.33333333333%;
height: 60px;
background-color: #06070a;
background-image: url(images/icon_right_arrow.png);
background-position: center center;
background-repeat: no-repeat;
transition: opacity 0.5s ease;  
}
.mobile_project_nav .left_arrow {
display: block;
position: static;
float:left;
width: 33.33333333333%;
height: 60px;
background-color: #06070a;
background-image: url(images/icon_left_arrow.png);
background-position: center center;
background-repeat: no-repeat;
transition: opacity 0.5s ease;  
}
.mobile_project_nav .all_projects {
display: block;
position: static;
float:left;
width: 33.33333333333%;
height: 60px;
background-color: #06070a;
background-image: url(images/icon_all_projects.png);
background-position: center center;
background-repeat: no-repeat;
transition: opacity 0.5s ease;  
}

.mobile_project_nav .all_projects {
border-right: 1px solid #333;
}
.mobile_project_nav .left_arrow {
border-right: 1px solid #333;
}
.white_footer {
width: 100%;
float: left;
clear: both;
}
.white_footer .contact_details {
text-align: center;
padding: 6em 0 9em 0;
}	
.white_footer .contact_details span {
font-size: 1em;
color: #6b6b6b;
font-weight: 400;
}
.anchor {
position: absolute;
top:-50px;
}
.successClass {
margin: 0 auto 0 auto;
}
.explore_btn {
display: block;
font-weight:400;
font-size: 0.8em;
letter-spacing: 1px;
width: 350px;
height: 60px;
border: solid 2px #fff;
text-transform: uppercase;
line-height: 60px;
text-align: center;
color: #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s; /* Safari */
}
.explore_btn:hover { 
background-color: rgba(255,255,255,0.2);
color: #fff;
}


.muze_slide5 .explore_btn {
margin: 4em auto 0 auto;
display: block;
font-weight:400;
font-size: 0.8em;
letter-spacing: 1px;
width: 130px;
height: 50px;
border: solid 2px #fff;
text-transform: uppercase;
line-height: 50px;
text-align: center;
color: #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.explore_btn2 {
margin: 4em auto 0 auto;
display: inline-block;
font-weight:400;
font-size: 0.8em;
padding: 2em;
letter-spacing: 4px;
border: solid 2px #fff;
text-transform: uppercase;
text-align: center;
color: #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.explore_btn2:hover { 
background-color: rgba(255,255,255,0.2);
color: #fff;
}
.btns-wrapper {
width:100%;
float:left;
text-align: center;
padding: 5em 0 10em 0;
}

.btns-wrapper.grey-bkg {
background-color: #efefef;
}
.explore_btn_blk {
position:relative;
z-index: 2; 
min-width: 180px;
display: inline-block;
font-weight:400;
font-size: 0.8em;
padding: 2em;
letter-spacing: 4px;
border: solid 2px #06070a;
text-transform: uppercase;
text-align: center;
color: #06070a;
border-radius: 55px;
margin: 0 10px 0 10px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}

.explore_btn_blk:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0;
height: 100%;
z-index: -1;
transition: all 0.3s;
-webkit-transition: all 0.3s;
background-color: #06070a;
}

.explore_btn_blk:hover:before {
width: 100%;
}
.explore_btn_blk:hover {
color:#fff;
}
.explore_btn_blk.touch-fix:before,
.explore_btn_blk2.touch-fix:before {
width: 100%;   
}
.explore_btn_blk.touch-fix,
.explore_btn_blk2.touch-fix {
color:#fff !important;
}


.explore_btn_blk2 {
position:relative;
z-index: 2; 
min-width: 180px;
display: inline-block;
font-weight: 700;
border-radius: 50px;
overflow:hidden;
font-size: 12px;
padding: 1.5em 3em;
letter-spacing: 4px;
border: solid 2px #06070a;
text-transform: uppercase;
text-align: center;
color: #06070a !important;
margin: 2em 10px 0 0px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
text-decoration: none !important;
}

.explore_btn_blk2:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0;
height: 100%;
z-index: -1;
transition: all 0.3s;
-webkit-transition: all 0.3s;
background-color: #06070a;
}

.explore_btn_blk2:hover:before {
width: 100%;
}
.explore_btn_blk2:hover {
color:#fff !important;
}
.explore_btn_blk2.touch-fix:before {
width: 100%;   
}
.explore_btn_blk2.touch-fix {
color:#fff;
}




.explore_btn_white {
position:relative;
z-index: 2; 
display: block;
float:left;
font-weight: 700;
font-size: 12px;
padding: 1.5em;
letter-spacing: 4px;
border: solid 2px #fff;
text-transform: uppercase;
border-radius: 50px;
text-align: center;
color: #fff;
margin-top: 20px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.explore_btn_white:hover {
color:#fff;
}
/*.explore_btn_yellow {
position: relative;
z-index: 2;
display: inline-block;
font-weight:600;
font-size: 0.8em;
padding: 1.8em 3em;
letter-spacing: 1px;
background-color: #6058ff;
text-transform: uppercase;
text-align: center;
border-radius: 50px;
overflow: hidden;
color: #fff;
margin: 10px 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.explore_btn_yellow:hover {
-webkit-box-shadow: 10px 10px 96px -19px rgb(35 85 255);
-moz-box-shadow: 10px 10px 96px -19px rgb(35 85 255);
box-shadow: 10px 10px 96px -19px rgb(35 85 255);
color: #fff;
}*/

.explore_btn_yellow {
position: relative;
display: inline-block;
color: #000;
-webkit-transition: 0.5s all ;
-moz-transition: 0.5s all ;
-o-transition: 0.5s all ;
transition: 0.5s all ;
line-height: 1.4em;
font-size: 1.2em;
background: linear-gradient(to right, black, black), linear-gradient(to right, #6058ff, #6058ff, #6058ff);
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
}
.explore_btn_yellow:hover {
background-size: 0 0.1em, 100% 0.1em;
color: #6058ff;
}


.project_details .explore_btn_yellow {
margin:10px 0 2em 0;
}
.projects-btn {
padding:2em 0 8em 0;
width: 100%;
float: left;
clear: left;
text-align: center;
-webkit-transition: 0.5s all ;
-moz-transition: 0.5s all ;
-o-transition: 0.5s all ;
transition: 0.5s all ;
}
.projects-btn .explore_btn3 {
position:relative;
display: inline-block;
border-radius: 2px;
background-color: #fff;
color:#06070a;
padding:2em 4em 2em 4em;
border: none;
float: none;
font-size: 1em;
text-transform: uppercase;
}
.projects_btn .explore_btn3:after {
position:absolute;
z-index: 2;
top:48%;
right:2em;
content:"";
background-image: url(images/arrow-black.png);
background-size: 15px 5px;
width:15px;
height:5px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.projects_btn .explore_btn3:hover:after {
right:1.5em;
}
.project_footer{
padding:0;
width: 100%;
padding: 1em;
float: left;
clear: left;
background-color: #06070a;
-webkit-transition: 0.5s all ;
-moz-transition: 0.5s all ;
-o-transition: 0.5s all ;
transition: 0.5s all ;
}
.project_footer .contact-btn {
clear: none;
border:none;
line-height:100px;
height:60px;
line-height: 60px;
width:300px;
margin-left:auto;
margin-right:auto;
color:#FFF;
opacity:1;
display:block;
text-align:center;
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: 230px center;
text-transform:uppercase;
-webkit-transition: 0.2s all ;
transition: 0.2s all ;
}
.project_footer:hover {
background-color:#fff;
}
.project_footer:hover .contact-btn {
background-position: 270px center;
color: #06070a;	
}
.project_footer h3 {
margin-left: 40px;
color: #fff;
float: left;
text-align: center;
font-weight:300;
width:auto;
height:auto;
display:block;

}
.project_footer .explore_btn { 
margin-left: 40px;
margin-top: 20px;	
width:220px;
float: left;
clear: left;
}
.fixed_btns {
position: fixed;
width:60px;
right: -60px;
bottom: 40px;
z-index: 999;
-webkit-transition: 0.2s all ;
transition: 0.2s all ;
}

.fixed_btns .right_box {
display: block;
position: absolute;
right: 0;
top:0;
text-indent: -9999px;
width: 60px;
height: 60px;
}
.fixed_btns .left_box {
display: block;
position: absolute;
overflow: hidden;
right: 40px;
top: 0;
height: 60px;
width: 0px;
}
.fixed_btns .left_box p{
display: block;	
width: 140px;
color:#06070a;
text-align: center;
line-height: 60px;
font-family: "futura-pt",sans-serif;

}
.fixed_btns .right_box.crew_icon {
background-color: #fff;
background-image: url(images/crew.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
}
.left_box .white_cover { 
position: absolute;
z-index: 2;
background-color: #fff;
width: 15px;
height:60px;
left: 0px;
top:0;
}

.fixed_btns .all_projects {
display: block;
float:left;
position:relative;
width: 60px;
height: 60px;
margin-bottom: 1px;
background-repeat: no-repeat;
background-position: center center;
transition: opacity 0.5s ease;
-webkit- transition: opacity 0.5s ease;

}
.fixed_btns .all_projects .right_box{
background-repeat: no-repeat;
background-position: center center;    
background-color: #FBFF4A;
background-image: url(images/icon_all_projects.png);    
border-radius:50px;
overflow: hidden;
}
.fixed_btns .all_projects .left_box{
border-radius:50px;
overflow: hidden;
}
.fixed_btns .website_link {
display: block;
float:left;
position:relative;
width: 60px;
height: 60px;
margin-bottom: 1px;
background-color: #FBFF4A;
background-image: url(images/icon_website_link.png);
background-repeat: no-repeat;
background-position: center center;
transition: opacity 0.5s ease;
-webkit- transition: opacity 0.5s ease;
}
.fixed_btns .left_arrow {
display: block;
float:left;
position:relative;
width: 60px;
height: 60px;
margin-bottom: 1px;
background-color: #06070a;
background-image: url(images/icon_left_arrow.png);
background-repeat: no-repeat;
background-position: center center;
transition: opacity 0.5s ease;
-webkit- transition: opacity 0.5s ease;
}
.fixed_btns .right_arrow {
display: block;
float:left;
width: 60px;
position:relative;
height: 60px;
margin-bottom: 1px;
background-color: #06070a;
background-image: url(images/icon_right_arrow.png);
background-position: center center;
background-repeat: no-repeat;
transition: opacity 0.5s ease;
-webkit- transition: opacity 0.5s ease;
}


.title_wrap2 {   
width: 100%;
float: left;
clear: left;
text-align: center;
position: relative;
display: table;
}
.title_wrap2 .projects_title  {
width: 100%;
height: auto;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.title_wrap2 .projects_title h1 { 
text-transform: uppercase;
font-size: 4em;
line-height: 0.9em;
color: #06070a;
font-weight: 500;
height: auto;
width: 100%;
display: block;
}
.title_wrap2.content-page .projects_title h1 { 
text-align: left;
font-size: 4em;
}
.title_wrap2 .projects_title h2 { 
font-weight:400;
max-width: 680px;
margin: 20px auto 0 auto;
font-size: 1.4em;
line-height: 1.8em;
color: #fff;
font-weight: 100;
letter-spacing: 2px;
}
.title_wrap2.content-page .projects_title h2 { 
text-align: left;
}
.title_wrap {
width: 100%;
position: relative;
float: left;
clear: both;
display: table;
}
.title_wrap .huge {
text-transform: capitalize;
font-weight: 600;
line-height: 1.3em;
margin-bottom: .4em;
font-size: 3em;
max-width: 700px;
letter-spacing: -0.05em;
color: #06070a;
font-family: 'Montserrat',sans-serif;
}
.title_wrap .projects_title  {
width: 100%;
height: auto;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.title_wrap .projects_title  h1 { 
text-transform: uppercase;
font-size: 6em;
line-height: 0.9em;
color: #fff;
height: auto;
width: 100%;
display: block;
}
.title_wrap .projects_title h2 { 
font-weight:400;
max-width: 680px;
margin: 20px auto 0 auto;
font-size: 1.4em;
line-height: 1.7em;
color: #fff;
}
.title_wrap.yellow-brand-bkg {
background-color: #FBFF4A; 
}
.title_wrap.yellow-brand-bkg .big_title,
.title_wrap.yellow-brand-bkg .small_title {
color:#fff;
}
.animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay:1s;
-webkit-animation-delay:1s; 
}
.animatedFast {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
animation-delay:0.5s;
-webkit-animation-delay:0.5s; 
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.fade-in {
opacity:0;
}
.animatedFast.fade-in {
opacity:0;
}
.fadein { 
-webkit-animation-name: fadein; 
animation-name: fadein; 
}
.fadeinFast { 
-webkit-animation-name: fadein; 
animation-name: fadein; 
}

@-webkit-keyframes fadein {
0% {-webkit-transform: translateY(-20px); opacity:0;}
100% {-webkit-transform: translateY(0px); opacity:1;}
}

@keyframes fadein {
0% {-webkit-transform: translateY(-20px); opacity:0;}
100% {-webkit-transform: translateY(0px); opacity:1;}
}
@-webkit-keyframes fadeinFast {
0% {-webkit-transform: translateY(-400px); opacity:0;}
100% {-webkit-transform: translateY(0px); opacity:1;}
}

@keyframes fadeinFast {
0% {-webkit-transform: translateY(-400px); opacity:0;}
100% {-webkit-transform: translateY(0px); opacity:1;}
}
.arrow-down{
width:15px;
display:inline-block;
}
.arrow-down img {
width:100%;
float:left;
}

.home_title_wrap {
padding-top: 10em;
padding-bottom: 4em;  
width: 100%;
float: left;
}

.home_title  {
width: 100%;
float: left;
}
.home_title_wrap .home_title .part{
width:53%;
float: left;
}
.home_title_wrap .home_title .part.padding{
  width:47%;
  padding-left: 4em;
}
.home_title_wrap .home_title .part img {
width:100%;
float: left;
}
.home_title_wrap .home_title .part video {
width:100%;
float: left;
}

.home_title_wrap .home_title h2 { 
text-shadow: -1px -1px 10px rgba(0, 0, 0, 0.10);
line-height: 1.2em;
color: #06070a;
font-weight: 500;
height: auto;
width: 100%;
display: block;
margin: 0.3em 0;
font-size: 5em;
letter-spacing: -0.05em;
}
.home_title_wrap .home_title h1 { 
max-width: 660px;
font-weight: 400;
margin: 0;
font-size: 1.2em;
line-height: 1.8em;
color: #06070a;
margin-bottom: 20px;
}
.home_title_wrap .home_title h1 a.bold {
  font-weight: 400;
  color: #6058ff;
  display: inline;
}
.home_title_wrap .home_title h3 {
max-width: 400px;
font-weight: 400;
margin: 0 0 20px 0;
font-size: 14px;
letter-spacing: 1px;
line-height: 1.6em;
color: #000;
display: inline-block;
padding: 0 1em;
}

.home_title_wrap .home_title .play-btn {
width:60px;
height:60px;
border-radius: 50%;
overflow:hidden;
display:inline-block;
margin-top: 20px;
}
.home_title_wrap .home_title .play-btn img {
width:100%;
float:left;
}
.arrow_yellow {
background-image: url(images/arrow_jump_yellow.png);
}

.final_strip {
bottom: 0;
width: 100%;
float: left;
clear: left;
padding: 20px 0 20px 0; 
text-align: center;
}
.final_strip .rights_reserved {
float: left;
font-weight:400;
font-size: 12px;
color: #fff;
}
.page-wrap .inner-wrap .main .more-info {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 100%;
}
.lang_social {
width: 100%;
position: absolute;
bottom: 100px;
left: 0;
}
.lang_social ul { 
width: 100%;
float: left;
text-align: center;
}
.lang_social ul li { 
display: inline-block;
height: 28px;
}
.lang_social ul li:after { 
content: "|";
display: block;
float: left;
padding: 0 6px 0 6px;
}
.lang_social ul li:last-child:after { 
content: " ";
}
.lang_social ul li a { 
float: left;
display: block;
}
.lang_social ul li a.facebook_icon {
margin-top: 3px;	
width:20px;
height:20px;
background-image: url(images/facebook_icon.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 20px 20px;
} 
.lang_social ul li a.linkedin_icon {
margin-top: 3px;	
width:20px;
height:20px;
background-image: url(images/linkedin_icon.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 20px 20px;
} 

.middle-pic-box {
width: 100%;
height: 600px;
float: left;
position: relative;
}

.middle-pic-box .pic {
width: 100%;
height: 100%;
min-height: 200px;
float: left;
background: url(images/projects/gencell/identity-001.jpg) no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.customers_logos {
width:100%;
padding:2em 0 2em 0;
float:left;
text-align: center;
position:relative;
background-color: #efefef;
}
.customers_logos ul {
width:100%;
float:left;
}
.customers_logos ul li {
width:120px;
height:50px;
background-color: #efefef;
display:inline-block;
vertical-align: middle;
text-align: center;
}
.customers_logos ul li.reshet_logo {
background-image: url(images/clogo1.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.customers_logos ul li.adidas_logo {
background-image: url(images/clogo2.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.customers_logos ul li.flam_logo {
background-image: url(images/clogo3.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.customers_logos ul li.sip_logo {
background-image: url(images/clogo4.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.customers_logos ul li.hutchison_logo {
background-image: url(images/clogo5.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.customers_logos ul li.astera_logo {
background-image: url(images/clogo6.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.customers_logos ul li.levy_logo {
background-image: url(images/clogo7.jpg);
background-position: center center;
background-size: 100px auto;
background-repeat: no-repeat;
}
.participate {
width:100%;
float:left;
padding: 0em 0 0em 0;
background-color: #222;
}
.participate .title_wrap {
padding: 6em 0 2em 2em;
}
.participate p {
color: #e2e2e2;
font-size: 0.95em;
text-align: justify;
}
.participate .participate-box{
width: 33.333%;
float:left;
margin-bottom:1em;
padding: 0 2em 6em 2em;
}
.participate .participate-box img {
height:105px;
margin-bottom: 10px;
}

.project-page {
opacity:0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.project-page.loaded {
opacity:1;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(0%);
transform: translateX(0%);  
}

.websummit {
width:100%;
float:left;
}
.websummit img  {
width:50%;
float:left;
}
.burgWrapper.activeBurg {
right: 4em;
}
.project-section {
width:100%;
float:left;
padding: 6em 0 6em 0;
text-align: center;
background-color: #efefef;
}
.project-section.white {
background-color: #FFF;
}
.project-section.no-padding-bottom {
padding-bottom: 0;
}
.project-section.no-padding{
padding: 0em 0 0em 0;
}
.project-section h3 {
font-size: 2em;
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.project-section p {
font-size: 1.2em;
}
.two-parts {
width:100%;
float:left;
background-color: #efefef; 
}
.two-parts .inner {
width:60%;
position:relative;
margin:0 auto 0 auto;
}
.two-parts .inner .full-part{
width:100%;
float:left;
}
.two-parts .inner .full-part img {
width:100%;
float:left;
}
.two-parts .inner .full-part video {
width:100%;
float:left;
}

.terms-of-use {
width:100%;
float:left;
padding:6em 0 6em 0;
}
.terms-of-use h3 {
margin:2em 0 1em 0;
}

.basic-content {
width:100%;
float:left;
padding:10em 0 6em 0;
}
.basic-content h3 {
margin:2em 0 1em 0;
font-weight: 600;
}
.basic-content img {
width:100%;
float: left;
margin:4em 0;
}
.basic-content h1 {
font-size: 4em;
font-weight: 600;
color:#06070a;
line-height: 1.4em;
margin-bottom: .5em;
}
.basic-content h2 {
font-size: 1.5em;
font-weight: 400;
color:#06070a;
line-height: 1.8em;
}
.basic-content a {
display:block;
margin: 1em 0;
color: #45d88f;
text-decoration: underline;
}
.basic-content ul {
margin: 4em 0;
}
.basic-content p{
font-weight: 300;
font-size: 1.2em;
line-height: 1.8;
color: #000;
margin-bottom: 2em;
}  
.terms {
font-size: 12px;
margin-top: 10px;
color:#fff;
float:left;
clear:both;
}
.terms:hover {
color:#FBFF4A;
}

.garamond-font .big_title {
display: inline-block;
font-weight: 600;
line-height: 1.3em;
margin-bottom: .4em;
font-size: 2.1em;
max-width: 700px;
letter-spacing: 0em;
color: #06070a;
font-family: 'Montserrat',sans-serif;
}

.garamond-font .big_title.small {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 1.8em;
letter-spacing: -0.03em;
text-transform: none;
}

.garamond-font .big_title.home {
font-size: 1.8em;
line-height: 1.8em;
color: #06070a;
max-width: 1040px;
margin-bottom: 4em;
letter-spacing: 0;
font-weight: 400;
}

.garamond-font .big_title.home.lp{
font-size: 1.6em;
font-weight: 400;
letter-spacing: 0em;
font-family: 'Montserrat', sans-serif;
margin-top: 3em; 
}

.video_wrapper {
width:100%;
height:100%;
display:none;
background-color: #06070a;
position:fixed;
z-index: 9999;
top:0;
left:0;
bottom:0;
right:0;
}
#showreel.video_wrapper {
background-color: #fff;
}
#responsive_video {
width: 100%;
height: 100%;
position: relative;
float: left;
}
.video_wrapper .video_content {
width:100%;
height:100%;
float:left;
overflow: hidden;
padding: 3em;
}
.video_wrapper .video_content iframe{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
}

.careers-wrap {
width:100%;
min-height: 100%;
float:left;
padding: 5em 0 5em 0;
position:relative;
}
.careers-wrap ul {
width:100%;
float:left;
margin-top: 2em;
margin-bottom: 8em;
}
.careers-wrap ul li.section {
width: 100%;
float: left;
border-bottom: 1px solid #e8e8e8;
background-color: #ffffff;
margin-bottom: 15px;
border-radius: 10px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
border: 1px solid #f1f1f1;
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}
.cross.rotate {
transition: all 0.5s;
-webkit-transition: all 0.5s;
-webkit-transform: rotate(45deg) !important;
-moz-transform: rotate(45deg) !important;
-ms-transform: rotate(45deg) !important;
-o-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
}
.yellow-btn2 {
background-color: #FBFF4A;
font-weight: 600;
color:#06070a;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
padding:1em 2em 1em 2em;
border-radius: 50px;
}

.careers-wrap ul li .position {
width:100%;
float:left;
position:relative;
padding:3em;
}

.careers-wrap ul li .position p {
font-size: 1.8em;
color: #222;
font-weight: 600;
letter-spacing: -0.05em;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
font-family: 'Montserrat', sans-serif;
padding: 0 0 0.3em 0;
}
.careers-wrap ul li .position .cross {
position:absolute;
top:50%;
margin-top:-15px;
right:2em;
z-index: 2;
width:30px;
height:30px;
background-image: url(images/cross.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
-webkit-transform-origin: center center;
transform-origin: center center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.careers-wrap ul li .description {
width:100%;
max-width: 800px;
float:left;
display:none;
padding: 0 4em 4em 4em;
}
.careers-wrap ul li .description p {
margin-bottom: 2em;
color:inherit; 
font-weight: 400;
line-height: 2em;
}
.careers-wrap ul li .description p.first {
font-size: 1.35em;
line-height: 1.8em;
}
.careers-wrap ul li .description h4 {
margin-bottom: 1.2em;
font-weight: 700;
color:#222;
}
.careers-wrap ul li .bullets {
list-style-type: disc;
margin-left: 16px;
font-weight:400;
line-height: 2em;
margin-top: 0em;
margin-bottom: 2.5em;
}
.careers-wrap ul li .bullets li {
list-style-type: disc;
margin-left: 16px;
line-height: 2em;
margin-bottom: 0.3em;
font-weight: 400;
}
.careers-wrap .section-title {
font-weight: 400;
text-transform: capitalize;
font-size: 1.2em;
letter-spacing: -0.02em;
line-height: 1;
font-family: 'Montserrat', sans-serif;
margin-bottom: 20px;
text-align: center;
text-transform: capitalize;
color: #06070a;
}
.careers-wrap .excerpt {
text-align: center;
display:inline-block;
margin-bottom: 1em;
font-size: 1em;
font-weight:400;
}

.career-form h3 {
font-family: 'Montserrat', sans-serif;
text-transform: capitalize;
font-size: 1.3em;
margin-bottom: 2em;
color: #000;
text-align: left;
}

.career-form .form-success {
width: 100%;
height: 300px;
float: left;
display: none;
padding: 6em 0 0 0em;
}
.modal-box .overlay .middle .content .inner-wrap {
background-color: #efefef;
width: 100%;
min-height: 400px;
padding: 4em 2em 4em 2em;
text-align: center;
position: relative;
border-radius: 6px;
}
.career-form .closingXWrapper{
position: absolute;
cursor: pointer;
background-color: #ffffff;
right: 0em;
top: 0em;
z-index: 9997;
width: 50px;
height: 50px;
display: block;
box-sizing: content-box;
}
.career-form .closingXWrapper .closingX{ 
top:27%;
left:13px;
}
.modal-form {
display: block; 
width: 100%;
margin: 1.5em auto 0 auto;
height: auto;
}
.modal-form ul{
width: 100%;
height: auto;
margin: 0 auto 0 auto;
}
.modal-form ul li {
float: left;
clear: left;
width: 100%;
position:relative;
margin-bottom: 0.5em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.modal-form ul li input {
width: 100%;
float: left;
height: 50px;
font-size: 1em;
font-family: 'Montserrat', sans-serif;
text-transform: none;
font-weight:400;
color: #06070a;
-webkit-appearance: none;
box-shadow: none !important;
border: none;
background-color: #fff;
padding-left: 1em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.career-form .modal-form ul li input {
border-bottom: 1px solid #c6c6c6;
}
.career-form .modal-form ul li textarea {
border-bottom: 1px solid #c6c6c6;
}
.modal-box.career-form .overlay .middle .content .inner-wrap {
background-color: #ffffff;
}
.modal-box.career-form .overlay .middle .content .inner-wrap .overlay2{
position: absolute;
z-index: 11;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.modal-form ul li.cv {
padding-bottom: 60px
}
.modal-form ul li input.inputfile {
width: 100px;
height: 50px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 1;
top:0;
left:0;
cursor:pointer;
}
.modal-form ul li input.inputfile + label {
font-size: 12px;
line-height: 34px;
position: absolute;
top: 0;
left: 0;
width: 120px;
border: 1px solid #7f7f7f;
height: 34px;
font-weight: 400;
text-transform: uppercase;
color: #767676;
background-color: #ffffff;
display: inline-block;
cursor: pointer;
border-radius: 50px;
padding: 0 2em;
overflow: hidden;
}

.modal-form ul li input.inputfile:focus + label,
.modal-form ul li input.inputfile + label:hover {
background-color: #FBFF4A;
}

.modal-form ul li textarea{
width:100%;
height: 100px;
font-weight:400;
font-size: 1em;
font-family: 'Montserrat', sans-serif;
color: #06070a;
-webkit-appearance: none;
box-shadow: none !important;
border: none;
background-color: #fff;
padding: 1em 0 0 1em;
transition: all 0.3s;
-webkit- transition: all 0.3s;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}
.modal-form ul li button{
width: 100%;
height: 60px;
color: #06070a;
background-color: #FBFF4A;
border: 1px rgba(255,255,255,0.2) solid;
cursor: pointer;
font-size: 1em;
font-weight:400;
text-transform: uppercase;
transition: all 0.5s;
-webkit-transition: all 0.5s;
border-radius: 50px;
}
.opening-excerpt-wrap {
width:100%;
position:relative;
float:left;
background-attachment: fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.opening-excerpt-wrap .el-parallax1 {
position:absolute;
width:100px;
height:100px;
z-index: 1;
top:10%;
left:30%;
}
.opening-excerpt-wrap .el-parallax2 {
position:absolute;
width:100px;
height:100px;
z-index: 0;
top:70%;
right:20%;
}
.opening-excerpt-wrap img {
width:100%
}
.opening-excerpt-wrap .opening-excerpt {
width: 100%;
float: left;
position: relative;
z-index: 2;
padding: 12em 0 6em 0;
background-color: #fff;
}
.opening-excerpt h1{
font-size: 5em;
font-weight: 500 !important;
max-width: 1100px;
color: #06070a;
margin-bottom: 0.3em;
font-family: 'Montserrat', sans-serif;
line-height: 1.2em;
letter-spacing: -2px;
}
.opening-excerpt h1.bigger-font{
font-size: 5em;
}
.opening-excerpt h2 {
font-size: 1.4em;
max-width: 900px;
color: #06070a;
font-weight: 400;
letter-spacing: 0;
line-height: 1.8em;
}
.promiss {
width:100%;
float: left;
padding: 4em 0em 14em 0;
text-align: center;
}
.promiss h3{
font-size: 2.2em;
line-height: 1.6em;
font-weight: 600;
text-align: left;
}
.services {
width:100%;
position:relative;
float:left;
text-align: left; 
padding: 2em 0 6em 0;
}
.lp-ux .services {
padding: 0em 0 6em 0;
}
.services .title-wrap{
width:100%;
float:left;
padding: 2em 0 2em 0;
text-align: center;
}
.lp-ux .services .title-wrap {
padding: 4em 0 4em 0;
}
.services .title-wrap .middle-title {
display: inline-block;
text-transform: capitalize;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 1em;
font-size: 2.1em;
max-width: 700px;
letter-spacing: 0em;
color: #06070a;
font-family: 'Montserrat',sans-serif;
}
.services ul {
width:100%;
float:left; 
text-align: center;
}
.services ul li {
vertical-align: top;
width: 33%;
display: inline-block;
padding: 0 1em 0 1em;
min-height: 300px;
font-weight: 500;
font-size: 14px;
border-radius: 4px;
text-align: center;
color: #5d5a5c;
text-transform: capitalize;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
margin-bottom: 1em;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
margin-bottom: 4em;
}

.services ul li.into-view, .services ul li.already-visible {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}

.services ul li .servicebox {
background-color: #fff;  
width: 100%;
min-height: 500px;
display: inline-block;
padding: 3em 2em;
border-radius: 10px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-box-shadow: 0 6px 15px 5px rgba(148,148,148,.10);
border: 1px solid #f1f1f1;
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}
.services ul li .servicebox:hover {
-ms-transform: translateY(-2%);
-webkit-transform: translateY(-2%);
-moz-transform: translateY(-2%);
transform: translateY(-2%);
}

.services ul li .servicebox .image-wrap {
width: 150px;
height: 120px;
display: block;
position: relative;
}
.services ul li .servicebox .image-wrap .top{
top:0;
left: 0;
z-index: 2;
position: absolute;
width: 100%;
}
.services ul li .servicebox:hover .image-wrap .top{
  display: none;
}
.services ul li .servicebox .image-wrap .bottom{
top:0;
left: 0;
z-index: 1;
position: absolute;
width: 100%;
}
.services ul li .servicebox img{
width: 100px;
display: block;
}
.services .servicebox ul {
list-style-type: disc !important;
list-style-position: inside !important;
}
.services .servicebox h3 {
display:block;
text-align: left;
font-size: 1.8em;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
letter-spacing: -0.02em;
font-weight: 600;
margin-top: 1em;
margin-bottom: 10px;
}
.services .servicebox p {
font-size: 1.2em;
padding: 0;
line-height: 1.8em;
text-transform: none;
color: #141414;
text-align: left;
margin-bottom: 1em;
}
.services .servicebox li {
float: left;
display: block;
width:100%;
text-align: left;
font-size: 1em;
margin: 0.2em 0;
padding: 0;
min-height: auto;
color: #000;
display: list-item;
}


.process {
width:100%;
float:left;
position:relative;
background-color: #fff;
text-align: center;
padding:2em 0 8em 0;
}
.process .title-wrap{
width:100%;
float:left;
padding:6em 0 6em 0;
}
.process .title-wrap .middle-title {
font-size: 4em; 
font-weight: 500;
color:#06070a;
display:inline-block;
}

.about-vid-wrap {
width:100%;
float:left;
position:fixed;
z-index: -1;
overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-image: url(images/about-middle-banner.jpg);
}
.about-vid-wrap video {
min-width: 100%;
min-height: 100%;
position: absolute;
width: auto;
height: auto;
right: 0;
bottom: 0;
}

.about-vid-wrap .overlay{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(0,0,0,0.3);
z-index: 2;
}

.logo-mask {
width:100%;
float:left;
position:relative;
background:rgba(255,255,255,0);
}
.logo-mask img {
width:100%;
float:left;
}
.gap {
width:100%;
float:left;
position:relative;
}
.gap .content {
width:100%;
height:100%;
position:absolute;
display:table;
text-align: center;
z-index: 3;
top:0;
left:0;
}
.gap .content .inner{
vertical-align: middle;
display:table-cell;
}
.gap .content .inner h3 {
font-size: 15em;
font-weight: 700;
display: inline-block;
color: #fff;
}
.icons-wrap {
width:100%;
float:left;
}
.icons-wrap ul {
width:100%;
float:left;
}
.icons-wrap ul li {
width:33.33333333333%;
float:left;
text-align: center;
}
.icons-wrap ul li span{
display:inline-block;
color:#06070a;
font-size: 1.5em;
font-weight: 500;
text-transform: capitalize;
}
.icons-wrap ul li img {
width:100%;
float:left;
}


.banner-bottom-wrap {
width:100%;
float:left;
position:relative;
}
.banner-bottom-wrap img {
width:100%;
float:left;
}
.banner-bottom-wrap {

}

.banner-bottom-wrap .play-btn-about {
width:60px;
height:60px;
position:absolute;
z-index: 3;
border-radius: 50%;
top:50%;
left:50%;
margin-left:-30px;
margin-top:-30px;
overflow:hidden;
display:inline-block;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.banner-bottom-wrap .play-btn-about img {
width:100%;
float:left;
}

.vibe-wrap{
width:100%;
height:80%;
float:left;
position:relative;
overflow:hidden;
background: url(images/vibe/vibe-banner.jpg) no-repeat;
background-position: center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.vibe-wrap video {
min-width: 100%;
min-height: 100%;
position: absolute;
z-index: 1;
width: auto;
height: 100%;
right: 0;
top: 0;
}

.vibe-wrap .vibe-title {
position: absolute;
top:30%;
width: 100%;
z-index: 5;
text-align: center;
}
.vibe-wrap .vibe-title .inner {
position:relative;
width: 100%;
float: left;   
}
.vibe-wrap .vibe-title .inner h1 {
font-size: 20em;
color:#fff;
text-transform: none;
font-weight: 700;
position:absolute;
white-space: nowrap;
-moz-transform:translateX(0);
-webkit-transform:translateX(0);    
transform:translateX(0);
-moz-animation: slideshow 15s linear infinite;
-webkit-animation: slideshow 15s linear infinite;
animation: slideshow 60s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes slideshow {
0%   { -moz-transform: translateX(0%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes slideshow {
0%   { -webkit-transform: translateX(0%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes slideshow {
0%   { 
-moz-transform: translateX(0%); /* Firefox bug fix */
-webkit-transform: translateX(0%); /* Firefox bug fix */
transform: translateX(0%);       
}
100% { 
-moz-transform: translateX(-100%); /* Firefox bug fix */
-webkit-transform: translateX(-100%); /* Firefox bug fix */
transform: translateX(-100%); 
}
}

.pinboard-wrap {
width:100%;
float:left;
}
.pinboard-wrap .pinboard {
width:100%;
float:left;
position:relative;
margin-top: -100px;
text-align: center;
z-index: 4;
padding-bottom: 8em;
}
.pinboard-wrap .pinboard .grid {
width:100%;
float:left;
position:relative;
}
.pinboard-wrap .pinboard .grid-sizer,
.pinboard-wrap .pinboard .grid .grid-item {
width: 25%;
overflow:hidden;
position:relative;
}
.pinboard-wrap .pinboard .grid .grid-item video{
min-width: 100%;
min-height: 100%;
position: absolute;
z-index: 1;
width: 100%;
height: auto;
right: 0;
top: 0;
}
.pinboard-wrap .pinboard .grid-item img {
width:100%;
float:left;
}
.pinboard-wrap .pinboard .grid-item.widthX1 {
width:25%;
}
.pinboard-wrap .pinboard .grid-item.widthX2 {
width:50%;
}
.pinboard-wrap .pinboard .grid-item.widthX1.video{
min-height: 300px;
}
.pinboard-wrap .pinboard .grid-item.widthX1.video.model-bkg{
background-image: url(images/vibe/studio10X2.jpg);
background-position: center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.pinboard-wrap .pinboard .grid-item.widthX2 img {
}
.pinboard-wrap .pinboard .grid .grid-item.text {
background-color: #fff;
padding-bottom: 3em;
}
.pinboard-wrap .pinboard .grid .grid-item .text-wrap {
padding:3em 2em 2em 2em;
}
.pinboard-wrap .pinboard .grid .grid-item .text-wrap h3 {
font-size: 1.3em;
margin-top: 1em;
line-height: 1.7em;
font-weight: 600;
letter-spacing: 0em;
color: #333;
text-align: left;
font-family: 'Montserrat', sans-serif;
}
.pinboard-wrap .pinboard .grid .grid-item .text-wrap .uppertitle {
color: #06070a;
display: block;
font-size: 14px;
text-align: left;
text-transform: capitalize;
}
.video-vibe-wrap {
width:100%;
float:left;
padding:4em 0 8em 0;
}
.video-vibe-wrap h3 {
margin: 1em 0 2em 0;
font-size: 1.8em;
letter-spacing: 1px;
color: #06070a;
font-weight: 500;
text-align: left;
letter-spacing: -1px;
}
.video-vibe-wrap .inner {
float:left;
width: 50%;
padding:0 1em 0 1em; 
}
.video-vibe-wrap .video-vibe {
height: 0;
float:left;
width: 100%;
padding: 25px 1em 60% 1em;
position: relative;
overflow: hidden;
}
.video-vibe-wrap .video-vibe iframe{
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}  

.quote_strip {
width: 100%;
float: left;
clear: left;
padding: 8em 0 8em 0; 
text-align: center;
background-color: #002a5b;
}
.quote_strip blockquote {

line-height: 1em;
font-size: 4em;
font-weight:400;
quotes: "\201C""\201D""\2018""\2019";
color: #fff;
}
.quote_strip blockquote:before {
color: #fff;

content: open-quote;
font-size: 2em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.quote_strip blockquote:after {
color: #fff;
content: close-quote;
font-size: 2em;
line-height: 0.1em;
margin-left: 0.25em;
vertical-align: -0.4em;
}
.project-vid.fringefy .wrapper_1400, .project-vid.teysha .wrapper_1400 {
max-width: 1230px;
}
.project-vid.blink {
padding-bottom: 4em;
}
.invertex-vid {
width:100%;
float:left;
background-color: #efefef;
padding:6em 0 6em 0;
}
.invertex-vid .video{
width:100%;
float:left;
background-image: url(images/projects/invertex/video-poster.jpg);
background-position: center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.viamaris-vid {
width:100%;
float:left;
background-color: #e0e0e0;
padding:6em 0 6em 0;
}
.viamaris-vid .video{
width:100%;
max-width: 1040px;
float:left;
background-image: url(images/projects/viamaris/video-poster.jpg);
background-position: center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fringefy-vid {
width:100%;
float:left;
background-color: #10bbd7;
padding:2em 0 10em 0;
text-align: center;
}
.fringefy-vid h3 {
color:#fff;
display:inline-block;
font-size: 2em;
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
margin-bottom: 2em;
}
.fringefy-vid .video{
width:100%;
float:left;
background-image: url(images/projects/fringefy/video-poster.jpg);
background-position: center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.awwwards-honors {
width:60px;
height:135px;
position:absolute;
z-index: 9980;
left:0;
top:100px; 
}
.awwwards-honors img{
width:100%;
float:left;
}
.css-kudos {
width:60px;
height:135px;
position:absolute;
z-index: 9980;
left:0;
top:170px; 
}
.css-kudos img{
width:100%;
float:left;
}

.scroll-btn-down {
z-index: 9999;
display: block;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: 40px;
text-align: center;
}
.scroll-btn-down.arrow {
background-image: url(images/arrow-down.png);
background-size: contain;
background-repeat: no-repeat;
height: 60px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
cursor: pointer;
position: absolute;
left: 50%;
bottom: 0px;
color: #FFF;
text-align: center;
font-size: 70px;
z-index: 100;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
animation:         ca3_fade_move_down 2s ease-in-out infinite;
}

@-webkit-keyframes ca3_fade_move_down {
0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
50%  { opacity: 1;  }
100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
50%  { opacity: 1;  }
100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
0%   { transform:translate(0,-20px); opacity: 0;  }
50%  { opacity: 1;  }
100% { transform:translate(0,20px); opacity: 0; }
}

.video-controls {
position:absolute;
z-index: 3;
right:1em;
bottom:4em;
width:40px;
height:40px;
background-image: url(images/pause-play.svg);
background-position: 0 0;
background-size: 80px 40px;
}
.video-controls.active {
background-position: -40px 0;
}
.page-wrap.thanks-page {
background-image: url(images/404.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
background-position: center center;
}
.page-wrap.thanks-page h3 {
color:#FBFF4A;
}
.thanks-content {
width:100%;
float:left;
display:table;
padding:8em 0 8em 0;
}
.thanks-content .inner {
display:table-cell; 
vertical-align: middle;
text-align: center;
}
.thanks-content .inner a img {
width:100%;
float:left;
}
.thanks-content .inner h3 {
font-size: 4em;
text-transform: capitalize;
font-weight: 600;
color:#000;
font-family: 'Montserrat', sans-serif;
margin-bottom: 20px;
}
.thanks-content .inner h4 {
font-size: 1.4em;   
color:#000;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 1em;
font-family: 'Montserrat', sans-serif;
}
.fb_iframe_widget span {
width:200px !important;   
}


/* new project page */

#main-container, #main {
width:100%;
float:left;
}
.npw {
width:100%;
float:left;
}
.npw.dark{
background-color: #222222;
}
.npw.dark .project-vid .video-wrap {
border: solid 1px #262626;
}
.project-vid.xfloat .video-wrap {
  border:none;
  width:140%;
  margin-left:-20%;
}
.project-vid.xfloat {
  padding: 0;
}

.project-vid.haps {
padding: 2em 0;
}
.npw .top-banner {
width:100%;
display:table;
float:left;
position: relative;
}
.npw .top-banner .video-wrap{
position: absolute;
z-index: -1;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.npw .top-banner .video-wrap video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-banner.why-muze-top-bkg {
  padding-top: 10em;
  padding-bottom: 4em;
}
.top-banner.why-muze-top-bkg h1,
.top-banner.why-muze-top-bkg h2 {
color:#000 !important;
}
.npw .davidson-top-bkg{
background-color: #4F5BC6;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
background:none;
}

.npw .spatz-top-bkg{
background: url(images/projects/spatz/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .mirato-top-bkg{
background: url(images/projects/mirato/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .sppareme-top-bkg{
background: url(images/projects/sppare-me/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .xfloat-top-bkg{
background: url(images/projects/xfloat/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .biworks-top-bkg{
background: url(images/projects/biworks/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .lr-top-bkg{
background: url(images/projects/lr-group/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .waves-top-bkg{
background: url(images/projects/waves/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .routines-top-bkg{

}
.npw .windward-top-bkg{
background: url(images/projects/routines/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .legit-top-bkg{
background: url(images/projects/legit/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .gan-hamada-top-bkg{
background: url(images/projects/gan-hamada/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}

.npw .windward-top-bkg{
background: url(images/projects/windward/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .onestep-top-bkg{
background: url(images/projects/one-step/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .cielo-top-bkg{
background: url(images/projects/cielo/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .blink-top-bkg{
background: url(images/projects/blink/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .bold-top-bkg{
background: url(images/projects/bold-films/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .lnf-top-bkg{
background: url(images/projects/lnf/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .elasticm-top-bkg{
background: url(images/projects/elastic-media/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .arco-top-bkg{
background: url(images/projects/arco/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .reshet-top-bkg{
background: url(images/projects/reshet/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .hapsburg-top-bkg{
background: url(images/projects/hapsburg/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .invertex-top-bkg{
background: url(images/projects/invertex/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .paz-group-top-bkg{
background: url(images/projects/paz-group/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .teysha-top-bkg{
background: url(images/projects/teysha/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .viamaris-top-bkg{
background: url(images/projects/viamaris/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .visitacity-top-bkg{
background: url(images/projects/visitacity/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .ondas-top-bkg{
background: url(images/projects/ondas/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .aviva-top-bkg {
background: url(images/projects/aviva/top-bkg.jpg) center 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .voicespin-top-bkg {
background: url(images/projects/voicespin/top-bkg.jpg) center 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.npw .localcoinswap-top-bkg {
background: url(images/projects/localcoinswap/top-bkg.jpg) center 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;   
}
.npw .adidas-top-bkg{
background: url(images/projects/adidas/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .flam-top-bkg{
background: url(images/projects/flam/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .gencell-top-bkg{
background: url(images/projects/gencell/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .tashdal-top-bkg{
background: url(images/projects/tashdal/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .touring-top-bkg{
background: url(images/projects/touring-israel/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .shoppimon-top-bkg{
background: url(images/projects/shoppimon/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .deadsea-top-bkg{
background: url(images/projects/deadsea/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .xtr-top-bkg{
background: url(images/projects/xtr/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .dare-top-bkg{
background: url(images/projects/dare/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .eyesight-top-bkg{
background: url(images/projects/eyesight/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .feezback-top-bkg{
background: url(images/projects/feezback/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .iot-top-bkg{
background: url(images/projects/iot-platform/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .tarya-top-bkg{
background: url(images/projects/tarya/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .aimbetter-top-bkg{
background: url(images/projects/aimbetter/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .fringefy-top-bkg{
background: url(images/projects/fringefy/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .franchi-top-bkg{
background: url(images/projects/franchi/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .mapping-works-top-bkg{
background: url(images/projects/mapping-works/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat; 
}
.npw .gimmonix-top-bkg{
background: url(images/projects/gimmonix/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .aimbetter-top-bkg{
background: url(images/projects/aimbetter/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .tipigo-top-bkg{
background: url(images/projects/tipigo/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .anzu-top-bkg{
background: url(images/projects/anzu/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}

.npw .spotify-top-bkg{
background: url(images/projects/spotify/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .optimove-top-bkg{
background: url(images/projects/optimove/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .concertio-top-bkg{
background: url(images/projects/concertio/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .aspecto-top-bkg{
background: url(images/projects/aspecto/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .wing-top-bkg{
background: url(images/projects/wing/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .ahalevi-top-bkg{
background: url(images/projects/ahalevi/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .mindsec-top-bkg{
background: url(images/projects/mindsec/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .biot-top-bkg{
background: url(images/projects/biot/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .lidwave-top-bkg{
background: url(images/projects/lidwave/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .treedis-top-bkg{
background: url(images/projects/treedis/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .axilion-top-bkg{
background: url(images/projects/axilion/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .votiro-top-bkg{
background: url(images/projects/votiro/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .dataloop-top-bkg{
background: url(images/projects/dataloop/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
/*.npw .finaloop-top-bkg{
background: url(images/projects/finaloop/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}*/
.npw .papaya-global-top-bkg{
background: url(images/projects/papaya-global/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .imc-top-bkg{
background: url(images/projects/imc/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .magic-top-bkg{
background: url(images/projects/magic-software/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.npw .tajoomii-top-bkg{
background: url(images/projects/tajoomii/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
/*.npw .gadi-top-bkg{
background: url(images/projects/gadifraiman/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}*/
.npw .memphis-top-bkg{
background: url(images/projects/memphis/top-bkg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}
.fixBkgFix .npw .lr-top-bkg,
.fixBkgFix .npw .waves-top-bkg,
.fixBkgFix .npw .routines-top-bkg,
.fixBkgFix .npw .windward-top-bkg,
.fixBkgFix .npw .legit-top-bkg,
.fixBkgFix .npw .gan-hamada-top-bkg,
.fixBkgFix .npw .windward-top-bkg,
.fixBkgFix .npw .arco-top-bkg,
.fixBkgFix .npw .reshet-top-bkg,
.fixBkgFix .npw .hapsburg-top-bkg,
.fixBkgFix .npw .invertex-top-bkg,
.fixBkgFix .npw .adidas-top-bkg,
.fixBkgFix .npw .flam-top-bkg,
.fixBkgFix .npw .gencell-top-bkg,
.fixBkgFix .npw .tashdal-top-bkg,
.fixBkgFix .npw .touring-top-bkg,
.fixBkgFix .npw .shoppimon-top-bkg,
.fixBkgFix .npw .deadsea-top-bkg,
.fixBkgFix .npw .xtr-top-bkg,
.fixBkgFix .npw .dare-top-bkg,
.fixBkgFix .npw .eyesight-top-bkg,
.fixBkgFix .npw .iot-top-bkg,
.fixBkgFix .npw .tarya-top-bkg,
.fixBkgFix .npw .aimbetter-top-bkg,
.fixBkgFix .npw .franchi-top-bkg,
.fixBkgFix .npw .gimmonix-top-bkg,
.fixBkgFix .npw .mapping-works-top-bkg,
.fixBkgFix .npw .tipigo-top-bkg,
.fixBkgFix .npw .anzu-top-bkg,
.fixBkgFix .npw .viamaris-top-bkg,
.fixBkgFix .npw .aviva-top-bkg,
.fixBkgFix .npw .visitacity-top-bkg,
.fixBkgFix .npw .ondas-top-bkg,
.fixBkgFix .npw .localcoinswap-top-bkg,
.fixBkgFix .npw .paz-group-top-bkg,
.fixBkgFix .section2 .muze_slide1,
.fixBkgFix .npw .lnf-top-bkg,
.fixBkgFix .npw .elasticm-top-bkg,
.fixBkgFix .npw .magic-top-bkg,
.fixBkgFix .npw .bold-top-bkg,
.fixBkgFix .npw .voicespin-top-bkg,
.fixBkgFix .npw .blink-top-bkg,
.fixBkgFix .npw .why-muze-top-bkg,
.fixBkgFix .npw .optimove-top-bkg,
.fixBkgFix .npw .concertio-top-bkg,
.fixBkgFix .npw .aspecto-top-bkg,
.fixBkgFix .npw .wing-top-bkg,
.fixBkgFix .npw .ahalevi-top-bkg,
.fixBkgFix .npw .mindsec-top-bkg,
.fixBkgFix .npw .dataloop-top-bkg,
.fixBkgFix .npw .finaloop-top-bkg,
.fixBkgFix .npw .papaya-global-top-bkg,
.fixBkgFix .npw .imc-top-bkg,
.fixBkgFix .npw .tajoomii-top-bkg,
.fixBkgFix .npw .cielo-top-bkg,
.fixBkgFix .npw .biworks-top-bkg,
.fixBkgFix .npw .sppareme-top-bkg,
.fixBkgFix .npw .spatz-top-bkg,
.fixBkgFix .npw .mirato-top-bkg,
.fixBkgFix .npw .xfloat-top-bkg,
.fixBkgFix .npw .gadi-top-bkg,
.fixBkgFix .npw .onestep-top-bkg,
.fixBkgFix .npw .biot-top-bkg,
.fixBkgFix .npw .lidwave-top-bkg,
.fixBkgFix .npw .treedis-top-bkg,
.fixBkgFix .npw .axilion-top-bkg,
.fixBkgFix .npw .votiro-top-bkg,
.fixBkgFix .npw .memphis-top-bkg{
background-attachment: scroll;
}

body.fixBkgFix.home-bkg {
background-image: none;
background-color: #222;
}

.npw .top-banner .inner {
display:table-cell;
vertical-align: middle;
text-align: center;
}
.npw .top-banner .inner .info-wrap {
width:100%;
float:left;
text-align: center;
}
.npw .top-banner .inner .info-wrap .mask {
width:100%;
overflow:hidden;
display:inline-block;
}
.npw .top-banner .inner .info-wrap h1{
font-size: 4em;
font-weight: 500;
max-width: 950px;
margin-bottom: 0.3em;
font-family: 'Montserrat', sans-serif;
line-height: 1.2em;
color: #fff;
margin-bottom: 20px;
text-align: left;
letter-spacing: -2px;
}
.npw .top-banner .inner .info-wrap h2{
text-transform: uppercase;
font-weight: 600;
font-size: 1em;
line-height: 1.8;
color: #FBFF4A;
letter-spacing: 8px;
text-align: left;
}
.npw .top-banner .inner .info-wrap h2.white{
color: #fff;
}
.npw .top-banner.visitacity-top-bkg .inner .info-wrap h1,
.npw .top-banner.visitacity-top-bkg .inner .info-wrap h2,
.npw .top-banner.optimove-top-bkg .inner .info-wrap h1,
.npw .top-banner.optimove-top-bkg .inner .info-wrap h2,
.npw .top-banner.mindsec-top-bkg .inner .info-wrap h1,
.npw .top-banner.mindsec-top-bkg .inner .info-wrap h2,
.npw .top-banner.concertio-top-bkg .inner .info-wrap h1,
.npw .top-banner.concertio-top-bkg .inner .info-wrap h2,
.npw .top-banner.aspecto-top-bkg .inner .info-wrap h1,
.npw .top-banner.aspecto-top-bkg .inner .info-wrap h2,
.npw .top-banner.wing-top-bkg .inner .info-wrap h1,
.npw .top-banner.wing-top-bkg .inner .info-wrap h2,
.npw .top-banner.imc-top-bkg .inner .info-wrap h1,
.npw .top-banner.imc-top-bkg .inner .info-wrap h2,
.npw .top-banner.tajoomii-top-bkg .inner .info-wrap h1,
.npw .top-banner.tajoomii-top-bkg .inner .info-wrap h2,
.npw .top-banner.finaloop-top-bkg .inner .info-wrap h1,
.npw .top-banner.finaloop-top-bkg .inner .info-wrap h2,
.npw .top-banner.sppareme-top-bkg .inner .info-wrap h1,
.npw .top-banner.sppareme-top-bkg .inner .info-wrap h2,
.npw .top-banner.spatz-top-bkg .inner .info-wrap h1,
.npw .top-banner.spatz-top-bkg .inner .info-wrap h2,
.npw .top-banner.xfloat-top-bkg .inner .info-wrap h1,
.npw .top-banner.xfloat-top-bkg .inner .info-wrap h2,
.npw .top-banner.votiro-top-bkg .inner .info-wrap h1,
.npw .top-banner.votiro-top-bkg .inner .info-wrap h2,
.npw .top-banner.onestep-top-bkg .inner .info-wrap h1,
.npw .top-banner.onestep-top-bkg .inner .info-wrap h2,
.npw .top-banner.axilion-top-bkg .inner .info-wrap h1,
.npw .top-banner.axilion-top-bkg .inner .info-wrap h2,
.npw .top-banner.memphis-top-bkg .inner .info-wrap h1,
.npw .top-banner.memphis-top-bkg .inner .info-wrap h2,
.npw .top-banner.cipia .inner .info-wrap h1,
.npw .top-banner.cipia .inner .info-wrap h2{
color:#06070a;
}

.npw .top-info {
width:100%;
position:relative;
float:left;
padding: 8em 0 8em 0;
background-color: #222;
}

.npw .top-info.greyish {
background-color: #fbfbfb;
}
.npw .top-info.white {
background-color: #efefef;
}
.npw .top-info.whiter {
background-color: #fff;
}
.npw .top-info.tarya {
background-color: #fbfbfb;
}
.npw .top-info.aimbetter {
background-color: #eaf2fb;
}
.npw .top-info.feezback-bkg {
background-color: #eef2f5;
}
.npw .top-info.grey {
background-color: #c1c1c1;
}
.npw .top-info.greyer {
background-color: #d4d5d9;   
}
.npw .top-info.anzu-bkg {
background-color: #195c9e;
}
.npw .top-info.purple {
background-color: #373272;
}
.npw .top-info .challenge{
width:60%;
float:left;
}
.npw .top-info .challenge h3 {
font-family: 'Montserrat', sans-serif;
text-transform: capitalize;
margin-bottom: 20px;
font-size: 2em;
font-weight: 600;
color:#fff;
}
.npw .top-info.white .challenge h3,
.npw .top-info.whiter .challenge h3,
.npw .top-info.grey .challenge h3,
.npw .top-info.tarya .challenge h3,
.npw .top-info.aimbetter .challenge h3,
.npw .top-info.greyer .challenge h3,
.npw .top-info.greyish .challenge h3   {
color:#06070a !important;
}

.npw .top-info .challenge p {
color:#fff;
font-weight:400;
font-size: 1.2em;
line-height: 1.8;
float: left;
}

.npw .top-info.white .challenge p,
.npw .top-info.whiter .challenge p,
.npw .top-info.grey .challenge p,
.npw .top-info.tarya .challenge p,
.npw .top-info.aimbetter .challenge p,
.npw .top-info.greyer .challenge p,
.npw .top-info.greyish .challenge p  {
color:#06070a;
}

.npw .top-info .deliverables{
width:40%;
float:left;
padding-top: 2em;
font-family: 'Montserrat', sans-serif;
}
.npw .top-info .deliverables .inner {
float:right;
}
.npw .top-info .deliverables .inner h3 {
color:#06070a;
text-transform: capitalize;
letter-spacing: 2px;
margin-bottom: 10px;
font-weight: 600;
}
.npw .top-info.anzu-bkg .deliverables .inner h3{
color:#fff;
}
.npw .top-info.purple .deliverables .inner h3 {
color:#fff;
}
.npw .top-info.greyer .deliverables .inner h3 {
color:#06070a;
}
.npw .top-info .deliverables .inner ul {
margin-bottom: 20px
}
.npw .top-info .deliverables .inner ul li {
color:#fff;
width:100%;
clear:both;
float:left;
text-transform: capitalize;
line-height: 1.8em;
font-size: 12px;
}
.npw .top-info.white .deliverables .inner ul li,
.npw .top-info.whiter .deliverables .inner ul li,
.npw .top-info.grey .deliverables .inner ul li,
.npw .top-info.tarya .deliverables .inner ul li,
.npw .top-info.aimbetter .deliverables .inner ul li,
.npw .top-info.greyer .deliverables .inner ul li,
.npw .top-info.greyish .deliverables .inner ul li{
color:#06070a;
}
.npw .section-image-wrap {
width:100%;
float:left;
line-height: 0;
}
.npw .section-image-wrap.responsive {
display: none;
}
.npw .section-image-wrap img {
width:100%;
float:left;
}
.npw .middle-info {
width:100%;
position:relative;
float:left;
padding: 8em 0 8em 0;
background-color: #222;
margin-top: -2px;
}
.npw .middle-info.greyish {
background-color: #fbfbfb;
}
.npw .middle-info.white {
background-color: #efefef;
}
.npw .middle-info.whiter {
background-color: #fff;
}
.npw .middle-info.tarya {
background-color: #fbfbfb;
}
.npw .middle-info.feezback-bkg {
background-color: #eef2f5;
}
.npw .middle-info.anzu-bkg {
background-color: #195c9e;
}
.npw .middle-info.whiter.grey {
background-color: #f3f3f3;
padding: 8em 0 4em 0;
}
.npw .middle-info.greyer {
background-color: #d4d5d9;
}
.npw .middle-info.purple {
background-color: #2f2c66;
}

.npw .middle-info .concept{
width:100%;
max-width: 700px;
float:left;
}
.npw .middle-info .concept h3 {
font-family: 'Montserrat', sans-serif;
text-transform: capitalize;
margin-bottom: 20px;
font-size: 2em;
font-weight: 600;
color:#fff;
}
.npw .middle-info.aimbetter-bkg {
background-color: #eaf2fb;
}
.npw .middle-info.aimbetter-bkg h3,
.npw .middle-info.aimbetter-bkg p  {
color: #06070a !important;
}
.npw .middle-info.white .concept h3,
.npw .middle-info.whiter .concept h3,
.npw .middle-info.tarya .concept h3,
.npw .middle-info.aimbetter .concept h3,
.npw .middle-info.grey .concept h3,
.npw .middle-info.greyer .concept h3,
.npw .middle-info.greyish .concept h3  {
color:#06070a;
}

.npw .middle-info .concept p {
color:#fff;
font-weight:300;
font-size: 1.2em;
line-height: 1.8;
}
.npw .middle-info.white .concept p,
.npw .middle-info.whiter .concept p,
.npw .middle-info.tarya .concept p,
.npw .middle-info.aimbetter .concept p,
.npw .middle-info.greyer .concept p,
.npw .middle-info.greyish .concept p {
color:#06070a;
}


.already-visible.animate,
.into-view.animate {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay:1.2s;
-webkit-animation-delay:1.2s; 
}
.already-visible.animate-fast,
.into-view.animate-fast {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay:1.2s;
-webkit-animation-delay:1.2s; 
}
.already-visible.slide-up,
.into-view.slide-up{ 
-webkit-animation-name: slide-up; 
animation-name: slide-up; 
}

@-webkit-keyframes slide-up {
0% {
opacity:0;
-webkit-transform: translateY(100%); 
transform: translateY(100%);
}
100% {
opacity:1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}

@keyframes slide-up {
0% {
opacity:0;
transform: translateY(100%);
-ms-transform: translateY(100%);
}
100% {
opacity:1;
transform: translateY(0px);
-ms-transform: translateY(0px);
}
}
@-moz-keyframes slide-up {
0% {
opacity:0;
-moz-transform: translateY(100%);
}
100% {
opacity:1;
-moz-transform: translateY(0px);
}
}

.proj-vid-wrap {
width:100%;
float:left;
min-height: 500px;
}
.proj-vid-wrap video{
width:100%;
float:left;
}

.wrapper_tiles {
width: 100%;
margin:0 auto;
height: auto;
position: relative;
padding: 0;
}
#solutions-slider1, #solutions-slider2 {
position: absolute;
left: 0;
top: 0px;
right: 0;
bottom: 0px;
height: auto;
width: auto;
transition: all 0.5s;
-webkit-transition: all 0.5s;
opacity: 1;
min-height: 100%;
}

.projects-slider {
position: absolute;
left: 0;
top: 0px;
right: 0;
padding: 0 3em;
bottom: 0px;
height: auto;
width: auto;
transition: all 0.5s;
-webkit-transition: all 0.5s;
opacity: 1;
}

#solutions-slider1:hover, #solutions-slider2:hover {
opacity: 1;
}
#solutions-slider1 .slider_title_wrap, #solutions-slider2 .slider_title_wrap {
width: 100%;
height: 100%;
position: absolute;
padding-left: 0;
z-index: 2;
left: 0;
top:0;
}
#solutions-slider1 .slider_title_wrap .slider_title, #solutions-slider2 .slider_title_wrap .slider_title {
float: left;
position: absolute;
width: 100%;
top: 50%;
left: 0%;
z-index: 3;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 26%;
}
.slide-a {
width: 100%;
float: left;
display: block;
}
.slider_wrap {
width: 100%;
height: 100%;
float: left;
}
#solutions-slider1 .slider_title_wrap .slider_title h3, #solutions-slider2 .slider_title_wrap .slider_title h3 {
width: 100%;
height: auto;
float: left;
display: block;
color: #636363;
text-align: center;
line-height: 0.9em;
font-weight: 400;
padding: 0;
letter-spacing: -0.02em;
text-align: center;
font-size: 0.5em;
line-height: 1.1em;
text-transform: capitalize;
}

/*-------------------------------------- Projects Page changes --------------------------------------*/
.title_wrap2 .projects_title h1 {
text-transform: initial;
font-size: 3em;
line-height: 1.4em;
color: #06070a;
font-weight: 500;
letter-spacing: -0.03em;
height: auto;
width: 100%;
display: inline-block;
}

.title_wrap2 .projects_title .line_yellow {
height: 4px;
background-color: #FBFF4A;
width: 100px;
margin: 1em auto 0 auto;
clear: both;
}

.title_wrap2 .projects_title h2 {
font-size: 1.4em;
line-height: 1.8em;
color: #06070a;
max-width: 950px;
margin-bottom: 1.5em;
letter-spacing: 0;
font-weight:400;
}

.projects_bkg {
background:none;
}

.title_wrap2 .projects_title {
width: 100%;
height: auto;
text-align: center;
display: table-cell;
vertical-align: middle;
padding: 12em 0 4em 0;
}

.main-feature {
width:100%;
float:left;
padding:8em 0 0em 0;
background-color: #efefef;
text-align: center;
}
.main-feature h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 2.6em;
line-height: 1.2em;
margin-bottom: 1em;
}

.home-wrap {
float: left;
width:100%;
padding: 0 0em 0em 0em !important;
}
.home-vid {
width:100%;
padding: 0 4em 46% 4em;
float: left;
overflow: hidden;
position: relative;
}

.home-vid video{
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
position: absolute;
z-index: 0;
height: 100%;
top: 0px;
width: 100%;
left: 50%;
object-fit: cover;
}

.product-movie-wrap {
float: left;
width:100%;
padding: 0 4em 6em 4em;
}
.product-movie-vid {
width:100%;
padding: 0 4em 46% 4em;
float: left;
overflow: hidden;
position: relative;
}

.product-movie-vid video{
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
position: absolute;
z-index: 0;
height: 100%;
top: 0px;
width: 100%;
left: 50%;
object-fit: cover;
}


.project-vid {
width:100%;
float: left;
padding: 8em 0 8em 0;
}
.project-vid.no-padding {
padding: 0em 0 0em 0;
}
.project-vid.fringefy {
background-color: #f3f3f3;
padding: 4em 0 12em 0;
}
.project-vid.teysha {
background-color: #efefef;
padding: 4em 0 4em 0;
}
.project-vid .video-wrap {
padding-top: 0;
width: 100%;
float: left;
position: relative;
border: solid 1px #e8e8e8;
border-radius: 4px;
overflow: hidden;
-webkit-box-shadow: 0px 0px 41px -10px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 41px -10px rgba(0,0,0,0.34);
box-shadow: 0px 0px 41px -10px rgba(0,0,0,0.34);
}
.project-vid.xfloat .video-wrap {
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.iot-platfom .project-vid .video-wrap {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.project-vid .video-wrap img {
width:100%;
float: left;
}
.project-vid video{
width: 102%;
margin-left: -1%;
z-index: 2;
position: static;
float: left;
top: 0;
left: 0;
bottom: 0;
}
.project-vid.cielo {
    padding:0; 
}
.home_title_wrap .home_title h1.lp {
line-height: 1.4em;
letter-spacing: 4px;
font-size: 4em;
text-shadow: -1px -1px 20px rgba(0, 0, 0, 0);
}
.home_title_wrap .home_title h2.lp {
color: #fff;
font-size: 16px;
font-weight: 100;
}
.footer-start{
width: 100%;
float: left;
padding: 4em 0 4em 0;
}
.footer-start h3 {
color: inherit;
font-size: 5em;
line-height: 1.2;
letter-spacing: -2px;
margin-bottom: 20px;
max-width: 1040px;
font-weight: 500;  
}
.footer-start p {
font-size: 1.5em;
margin-bottom: 20px;
color: #000;
}

/*.footer-start a {
position: relative;
z-index: 2;
display: inline-block;
font-weight: 600;
font-size: 0.8em;
padding: 1.8em 3em;
letter-spacing: 1px;
background-color: #6058ff;
text-transform: uppercase;
text-align: center;
border-radius: 50px;
overflow: hidden;
color: #fff;
margin: 10px 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}

.footer-start a:hover {
    -webkit-box-shadow: 10px 10px 96px -19px rgb(35 85 255);
    -moz-box-shadow: 10px 10px 96px -19px rgb(35 85 255);
    box-shadow: 10px 10px 96px -19px rgb(35 85 255);
}*/


.footer-start a{
position: relative;
display: inline-block;
color: #000;
margin-top: 0.5em;
font-size: 25px;
-webkit-transition: 0.5s all ;
-moz-transition: 0.5s all ;
-o-transition: 0.5s all ;
transition: 0.5s all ;
background: linear-gradient(to right, black, black), linear-gradient(to right, #6058ff, #6058ff, #6058ff);
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
line-height: 1.4em;

}
.footer-start a:hover {
background-size: 0 0.1em, 100% 0.1em;
color: #6058ff;
}
.footer {
float:left;
position:relative;
width:100%;
padding:0em 0 0em 0;

}
.footer .main-nav {
width:100%;
float:left;
border-top: 1px solid #0000001c;
padding-top: 4em;
}
.footer .main-nav .nav{
width:25%;
float:left;
}
.footer .main-nav .nav h3 {
color: #06070a;
margin-bottom: 1em;
text-transform: capitalize;
letter-spacing: 1px;
font-size: 1em;
font-weight: 600;
}
.footer .main-nav .nav ul {
width:100%;
float:left;
margin-bottom: 1em;
}
.footer .main-nav .nav ul li {
width:100%;
float:left;
color:#06070a;
font-size: 14px;
margin-bottom: 8px;
}
.footer .main-nav .nav ul li.nested-nav a {
color:#06070a;
font-size: 14px;
font-weight: 400;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.footer .main-nav .nav ul li.nested-nav a:hover {
}
.footer .main-nav .nav .subscribe-title {
color:#909090;
text-transform: capitalize;
font-size: 14px;
display:block;
margin-bottom: 1em; 
}

.footer .main-nav .nav .social {
width:100%;
float: left;
}
.footer .main-nav .nav .social li {
width:20px;
margin: 10px 10px 0 0;
display:inline-block;
}
.footer .main-nav .nav .social li a {
width:20px;
height:20px;
display:block;
background-size: 20px 20px;
background-repeat: no-repeat;
}
.footer .main-nav .nav .social li a.face {
background-image: url(images/facebook-icon.png);
}
.footer .main-nav .nav .social li a.insta {
background-image: url(images/instagram-icon.png);
}
.footer .main-nav .nav .social li a.twitter{
background-image: url(images/twitter-icon.png);
}

.footer .mittle-title {
width:100%;
float:left;
text-align: center;
padding-top: 2em;
padding-bottom: 6em;
}
.footer .mittle-title h3 {
color:#c5c5c5;
font-size: 1.2em;
margin-bottom: 1em;
}
.footer .border {
width:100%;
height:1px;
background-color: #ffffff;
float:left;
margin:1em 0;
}
.footer-end {
width:100%;
float:left;
padding: 4em 0 3em 0;
}
.footer-end p {
font-size: 12px;
color:#06070a;
font-weight: 400;
}
.footer .footer-end a {
color: #06070a;
font-size: 14px;
font-weight: 400;
}
.footer-end .left {
  width: 80%;
  float: left;
}
.footer-end .right {
width: 20%;
float: right;
position: relative;
}
.footer-end .right h3 {
font-weight: 600;
text-align: right;
}
.footer-end .right p {
text-align: right;
}
.footer-end .bottom-footer {
float: left;
}

.footer-end .bottom-footer .love img {
width:15px;
margin: 2px 4px 0 4px;
}

.footer-end .right ul{
width: 85%;
float: right;
display: flex;
}
.footer-end .right ul li {
width: 50%;
flex: 1;
padding-left: 2em;
}

.footer-end .footer-logo {
  width:50px;
  float: left;
  padding-right: 10px;
}
.footer-end .footer-logo img{
width:100%;
float: left;
}
.footer-end .design-rush{
float: left;
width:100px;
margin-left: 20px;
margin-top: -25px;
}
.footer-end .design-rush img{
width:100%;
float: left;
}

.footer-end .good-firms{
float: left;
width:100px;
margin-left: 20px;
}
.footer-end .good-firms img{
width:100%;
float: left;
}

.bottom-cta.tarya-bkg {
background-color: #fbfbfb;
}
.bottom-cta.aimbetter-bkg {
background-color: #eaf2fb;
}
.bottom-cta.dark-bkg {
background-color: #222222;
}
.bottom-cta.whiter-bkg {
background-color: #fff;
}
.bottom-cta.dare {
background-color: #302d66;
}
.bottom-cta .inner-wrap{
display: table;
min-height: 400px;
text-align: center;
padding: 6em 0 2em 0;
}
.bottom-cta .inner-wrap .inner {
display:table-cell;
vertical-align: middle;
}
.bottom-cta .inner-wrap .inner a {
background-color:#FBFF4A;
padding: 1.5em 3em;
border-radius: 55px;
color:#06070a;
display:inline-block;
font-weight: 700;
font-size: 14px;
text-transform:uppercase;
letter-spacing: 1px; 
}
.bottom-cta .inner-wrap .inner h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.4em;
line-height: 1.4;
color: #06070a;
margin-bottom: 1em;
}
.bottom-cta.white-bkg .inner-wrap .inner h3,
.bottom-cta.tarya-bkg .inner-wrap .inner h3,
.bottom-cta.aimbetter-bkg .inner-wrap .inner h3,
.bottom-cta.whiter-bkg .inner-wrap .inner h3 {
color:#06070a;
}
.testimonials-wrap {
width:100%;
float:left;
direction: ltr;
padding: 0em 0 12em 0;
}

.testimonials-wrap.careers {
width:100%;
float:left;
direction: ltr;
padding: 0em 0 0em 0;
background-color: #f8f8f8;
position:relative;
}
.careers-wrap .testimonials-wrap.careers ul {
width: 100%;
float: none;
margin:auto;
}
.careers-wrap .testimonials-wrap.careers .slick-dots {
bottom:-50px;
}
.testimonials-wrap.careers .slick-dots li button:before {
color: #333;
}
.testimonials-wrap.careers .slick-dots li.slick-active button:before {
color: #06070a !important;	
}
.testimonials-wrap.careers .testimonials-slider .slide .quote p {
color: #06070a;
font-family: 'Montserrat', sans-serif;
font-size: 2.5em;
font-weight: 800;
line-height: 1.4em;
letter-spacing: -1px;
}
.testimonials-wrap .testimonials-slider {
width:100%;
float:left;
margin-bottom: 4em;
}
.testimonials-wrap .testimonials-slider .slide{
width:100%;
float:left;
}
.testimonials-wrap .testimonials-slider .slide .image-wrap {
width:100px;
height:100px;
margin:0 auto;
}
.testimonials-wrap .testimonials-slider .slide .image-wrap img {
width:100%;
float:left;
}
.testimonials-wrap .testimonials-slider .slide .info {
width:100%;
float:left;
text-align: center;
margin-bottom: 10px;
margin-top: 20px;
}
.testimonials-wrap .testimonials-slider .slide .info h3.name {
font-weight: 700;
font-size: 16px;
color:inherit;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
}
.testimonials-wrap .testimonials-slider .slide .info h3.job {
font-weight: 400;
font-size: 14px;
color:inherit;
font-family: 'Montserrat', sans-serif;
margin-top: 10px;
}
.testimonials-wrap .testimonials-slider .slide .quote{
width:100%;
float:left;
text-align: center
}
.testimonials-wrap .testimonials-slider .slide .quote p { 
color:inherit;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
letter-spacing: 1px;
}
.testimonials-wrap .slick-dots li.slick-active button:before {
opacity: .75;
color: #06070a !important;
}
.testimonials-wrap .slick-dots li button:before {
font-size: 10px !important;
color:#333;
}
.testimonials-wrap .slick-arrow {
display:none !important;
}
.testimonials-wrap .slick-dots {
bottom: -45px;
}
.clients-logos {
width:100%;
float:left;
padding: 4em 0;
}
.clients-logos li {
width:16.66666666666%;
display:inline-block;
}
.clients-logos li .image-wrap{
width:100%;
float:left;
}
.clients-logos li .image-wrap img {
width:100%;
}
.news-wrap {
width:100%;
float:left;
padding:8em 0 4em 0;
z-index: 2;
position:relative;
color:#000;
}
.news-wrap .title-wrap{
width:100%;
float:left;
text-align: center;
color: inherit;
}
.news-wrap .title-wrap h3 {
color: inherit;
font-size: 1.6em;
font-weight: 500;
line-height: 1.6em;
font-family: 'Montserrat', sans-serif;
margin-bottom: 2em;
color: inherit;
}
.news-wrap .title-wrap .news-title{
text-align: left;
text-transform: capitalize;
font-weight: 500;
line-height: 1.3em;
margin-bottom: .4em;
font-size: 3em;
max-width: 700px;
letter-spacing: -2px;
color: inherit;
font-family: 'Montserrat',sans-serif;
}
.news-wrap ul {
width: 100%;
float: left;
margin-top: 1.5em;
color: inherit;
}
.news-wrap li{
float:left;
width:33.33333333333%;
padding:1em;
color: inherit;
}
.news-wrap li .inner {
width: 100%;
float: left;
min-height: 250px;
padding: 2em 2em 2em 0em;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
color: inherit;
}
.news-wrap li .inner .title{
font-size: 1em;
color:inherit;
font-weight:400;
}
.news-wrap li .inner .title .bold { 
color:inherit;
font-weight: 400;
}
.news-wrap li .inner .image-wrap{
width:100%;
float: left;
margin-bottom: 10px;
}
.news-wrap li .inner .image-wrap img {
height:50px;
float: left;
}
.news-wrap li .inner .image-wrap svg {
color:#fff;
}
.news-wrap li .inner p {
font-size: 14px;
color:#fff;
font-weight:400;
}
.news-wrap li .inner a {
    color: #45d88f;
    text-decoration: underline;
}
.subscribe-wrapper {
width:100%;
max-width: 400px;
display:inline-block;
padding:0 1em;
}
.subscribe-wrapper .anim-letter {
width:120px;
margin-bottom: 15px;
}
.subscribe-wrapper .thankyou {
color:#fbc20f;
font-size: 14px;
display: none;
line-height: 1.4em;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px;
font-weight: 100;
}
.subscribe-wrapper .subscribe{
width: 100%;
float: right;
border-bottom:1px solid #d4d4d4;
margin-bottom: 1em;
}
.bottom-footer.grey .subscribe-wrapper .subscribe,
.bottom-footer.white .subscribe-wrapper .subscribe{
border-bottom: 1px solid #06070a; 
}
.subscribe-wrapper .subscribe ul{
width: 100%;
float: left;
padding: 12px;
}
.subscribe-wrapper .subscribe ul li:first-child{
width: 70%;
float: left;
}
.subscribe-wrapper .subscribe ul li input{
width: 100%;
float: left;
color: #06070a !important;
font-size: 14px;
line-height: 2.5em;
padding: 0 0 0 1em;
text-align: left;
text-transform: none;
}
.bottom-footer.grey .subscribe-wrapper .subscribe ul li input,
.bottom-footer.white .subscribe-wrapper .subscribe ul li input{
color:#06070a !important;
}
.subscribe-wrapper .subscribe ul li input:-webkit-autofill, 
.subscribe-wrapper .subscribe ul li input:-webkit-autofill:hover, 
.subscribe-wrapper .subscribe ul li input:-webkit-autofill:focus, 
.subscribe-wrapper .subscribe ul li input:-webkit-autofill:active {
color: #06070a !important; 
-webkit-text-fill-color: #06070a !important;
-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.subscribe-wrapper .subscribe ul li input:focus {
background: none;
}
.subscribe-wrapper .subscribe ul li input:active {
background: none;
}
.subscribe-wrapper .subscribe ul li:nth-child(2){
width: 30%;
float: right;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
overflow: hidden;
}

.subscribe-wrapper .subscribe ul li button{
width: 100%;
float: left;
color: #06070a;
font-size: 11px;
cursor: pointer;
text-transform: uppercase;
background-color: #FBFF4A;
padding: 10px 20px;
font-weight: 600;
}

.subscribe-wrapper .subscribe ::-webkit-input-placeholder  { /* WebKit browsers */
color:#06070a;
font-weight:400;
font-size: 1em;
letter-spacing: 2px;
}
.subscribe-wrapper .subscribe ::-moz-input-placeholder { /* Mozilla Firefox 4 to 18 */
color:#06070a;
font-size: 1em;
letter-spacing: 2px;
}
.subscribe-wrapper .subscribe ::-ms-input-placeholder { /* Internet Explorer 10+ */
color:#06070a;
font-size: 1em;
letter-spacing: 2px;
}

.bottom-footer.grey .subscribe-wrapper .subscribe ::-webkit-input-placeholder,
.bottom-footer.white .subscribe-wrapper .subscribe ::-webkit-input-placeholder  { /* WebKit browsers */
color:#222;
}
.bottom-footer.grey .subscribe-wrapper .subscribe ::-moz-input-placeholder,
.bottom-footer.white .subscribe-wrapper .subscribe ::-moz-input-placeholder { /* Mozilla Firefox 4 to 18 */
color:#222;
}
.bottom-footer.grey .subscribe-wrapper .subscribe ::-ms-input-placeholder,
.bottom-footer.white .subscribe-wrapper .subscribe ::-ms-input-placeholder { /* Internet Explorer 10+ */
color:#222;
}

.subscribe-wrapper .title-wrap {
width:100%;
float:left;
}
.subscribe-wrapper .title-wrap h3{
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
color: #06070a;
font-family: 'Montserrat', sans-serif;
}

.bottom-footer.grey p {
color:#06070a !important;
font-weight: 400;
}
.bottom-footer.black p {
font-weight: 400;
}
.more-projects {
width:100%;
float:left;
text-align: center;
padding: 6em 0 4em 0;
color: #000;
}

.more-projects.purple-bkg  ul li a {
-webkit-box-shadow: 0px 60px 96px -19px rgba(48,45,102,1);
-moz-box-shadow: 0px 60px 96px -19px rgba(48,45,102,1);
box-shadow: 0px 60px 96px -19px rgba(48,45,102,1);
}
.more-projects.purple-bkg h3.title {
color:inherit;
}
.more-projects ul {
width:100%;
float:left;
padding: 2em 2em 8em 2em;
color: inherit;
}
.more-projects ul li {
width:25%;
float:left;
padding:0 20px; 
color: inherit; 
}
.more-projects .title {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
letter-spacing: 2px;
margin-bottom: 20px;
font-weight:600;
color:inherit;
}
.more-projects.dark-bkg .title {
color:inherit;
}
.more-projects ul li a {
width:100%;
float: left;
cursor: pointer;
color: inherit;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
/*-webkit-box-shadow: 0px 60px 96px -19px rgba(194,194,194,1);
-moz-box-shadow: 0px 60px 96px -19px rgba(194,194,194,1);
box-shadow: 0px 60px 96px -19px rgba(194,194,194,1);*/

}
.more-projects ul li a:hover{
-ms-transform:translateY(-5%);
-webkit-transform:translateY(-5%);
-moz-transform:translateY(-5%);
transform:translateY(-5%);
}

.more-projects ul li a .image-wrap{
width:100%;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
position: relative;
overflow: hidden;

margin-bottom: 10px;
-webkit-box-shadow: 0px 0px 21px -5px rgb(148 148 148 / 64%);
-moz-box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
box-shadow: 0px 0px 21px -5px rgb(148 148 148 / 64%);

}
.more-projects ul li a .image-wrap img {
width:100%;
float: left;
}
.more-projects ul li a .image-wrap video {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.more-projects ul li a h3 {
text-transform: capitalize;
color: inherit;
}
.case-studies {
width:100%;
float:left;
background-color: #fff;
}
.case-studies .title-wrap {
width: 100%;
float: left;
padding: 6em 0 6em 0;	
text-align: center;
}
.case-studies .title-wrap .middle-title {
font-family: 'Montserrat', sans-serif;
font-size: 4em;
font-weight: 700;
display: inline-block;	
}


.strips_container {
width:100%;
float:left;
padding:0em 0 0em 0;
transition: all .2s ease;
-webkit-transition: all .2s ease;
color: #000;
}

.strips_container h3, .strips_container p {
color:inherit !important;
}
.strips_container .title-wrap{
width: 100%;
float: left;
text-align: center;
padding: 0em 0 1em 0;
}
.strips_container .title-wrap .featured-title{
display: inline-block;
font-weight: 500;
line-height: 1.3em;
margin-bottom: .4em;
font-size: 3em;
max-width: 700px;
letter-spacing: -1px;
color: #06070a;
font-family: 'Montserrat', sans-serif;
}

.services-content {
width:100%;
float:left;
padding: 12em 0 0em 0;
text-align: center;
}
.services-content .inner h1 {
font-size: 3em;
font-weight: 600;
color: #06070a;
margin-bottom: 30px;
line-height: 1.4em;
}
.services-content .inner h2 {
font-size: 1.4em;
font-weight:400;
color: #06070a;
margin-bottom: 30px;	
line-height: 1.8em;
}
.services-content .main-service{
width:100%;
float: left;
padding-top: 6em;
}
.services-content .main-service img{
width:100%;
float: left;
}
.services-main {
width:100%;
float:left;
padding: 0em 0 6em 0;
color: #000;
}
.services-main .slide{
width:100%;
float:left;
padding: 6em 0;
}
.services-main .slide .part {
width:55%;
padding:0;
}
.services-main .slide .part.left {
float:left;
text-align: left !important;
}
.services-main .slide .part.right {
float:right;
text-align: left !important;
}
.services-main .slide .part img {
width:100%;
float:left;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
transition: all 0.7s ease;
-webkit- transition: all 0.7s ease;
}
.services-main .slide .part img.into-view, .services-main .slide .part img.already-visible {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
.services-main .slide .part h3 {
font-size: 3em;
line-height: 1.2;
font-weight: 500;
color: inherit;
margin-bottom: 20px;
letter-spacing: -2px;
}
.services-main .slide .part ul{
margin-bottom: 2em;
}
.services-main .slide .part li {
list-style-type: circle;
list-style-position: inside;
color: inherit;
}
.services-main .slide .part p {
font-size: 1.2em;
font-weight:400;
color: inherit;
line-height: 1.8em;
margin-bottom: 1em;
color: inherit;
}
.services-main .slide .part p.top-title {
font-size: 1.5em;
margin-bottom: 20px;
color: inherit;
}
.services-main .slide .part.text.left {
padding: 5em 6em 0 0;
width:45%;
}
.services-main .slide .part.text.right {
padding: 5em 0em 0 6em;
width:45%;
}
.whyvid {
  width: 100%;
  float: left;
}
.whyvid .slide{
  width: 100%;
  float: left;
  margin-bottom: 15em;
  margin-top: 3em;
}
.whyvid .slide .part.left{
width: 50%;
float: left;
}
.whyvid .slide .part.right{
 width: 50%;
float: right; 
}
.whyvid .slide .part.text-left {
  padding: 0 4em 0 0 ;
  padding: 5em 4em 0 0;
}
.whyvid .slide .part.text-right{
padding: 0em 0 0 4em;
}
.whyvid .slide .part h3 {
font-size: 3em;
max-width: 600px;
line-height: 1.4;
font-weight: 500;
color: inherit;
margin-bottom: 20px;
letter-spacing: -1.5px;
}
.whyvid .slide .part p {
font-size: 1.2em;
font-weight:400;
color: inherit;
line-height: 1.8em;
margin-bottom: 1em;
color: #000;
max-width: 650px;
}
.whyvid .slide .part .video-wrap {
width: 100%;
float: left;
}
.whyvid .slide .part .video-wrap video{
width: 100%;
float: left;
}
.about-main {
width:100%;
float:left;
margin-bottom: 8em;
}
.about-main .col-left{
width:50%;
float:left;
background-color: #fff;
}
.about-main .col-right{
width:50%;
float:left;
background-color: #000;
}

.about-main .image-wrap {
width:100%;
float:left;
}
.about-main img {
width:100%;
float:left;
}
.about-main .text-wrap {
width:100%;
float:left;
position:relative;
}
.about-main .text-wrap.purple {
 background:linear-gradient(90deg, rgba(241,241,254,1) 0%, rgba(255,226,228,1) 100%); 

}
.about-main .text-wrap.purple .inner p{
 color:#000 !important; 
}

.about-main .text-wrap .inner {
width:100%;
float:left;
padding:8em;
}
.about-main .col-left .text-wrap .inner h3{
color: #06070a;
font-size: 2em;
margin-bottom: 10px;
letter-spacing: 0;
line-height: 1.4em;
font-weight:600;
}

.about-main .col-left .text-wrap .inner p{
color: #06070a;
font-size: 1.8em;
text-align: left;
letter-spacing: -1px;
}
.about-main .col-right .text-wrap .inner h3{
color: #fff;
font-size: 2em;
margin-bottom: 10px;
letter-spacing: 0;
line-height: 1.4em;
font-weight:600;
}
.about-main .col-right .text-wrap .inner p{
color: #fff;
font-size: 1.8em;
text-align: left;
letter-spacing: -1px;
}
.service-nav {
width:100%;
float: left;
padding-bottom: 2em;
}

.service-nav .inner {
width:100%;
float: :left;
}
.service-nav .inner ul {
float: left;
}
.service-nav .inner li {
display: inline-block;
text-align: left;
margin: 0em 0.5em 1em 0;
}
.service-nav .inner li:first-child {
 margin: 0 1em 0 0;   
}
.service-nav .inner li a{
background-color: #fff;
padding: 8px 35px;
border-radius: 50px;
font-size: 34px;
line-height: 1.2em;
display: block;
text-align: center;
color:#000;
border:1px solid #000;
}
.service-nav .inner li a.purple:hover {
background-color:#e987f7;
}
.service-nav .inner li a.blue:hover {
background-color:#9561ff;
}
.service-nav .inner li a.yellow:hover {
background-color:#fb8058;
}
.service-nav .inner li a.red:hover {
background-color:#14be95;
}
.service-nav .inner li a.velvet:hover {
background-color:#FF33CB;
}
.service-nav .inner li a.active {
background-color: #FBFF4A;
color:#000;
}
.covid19{
width:100%;
float: left;
padding: 6em 0 0 0;
}
.embed-container { 
position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.video-youtube {
width:100%;
float: left;
padding: 6em 0
}
.video-youtube.spotify {
width:140%;
margin-left: -20%;  
padding-top: 0em;
padding-bottom: 0em;
border:1px solid #d4d4d4;
}
.sprint-gallery{
width:100%;
float: left;
padding: 6em 0 10em 0;
}
.sprint-gallery .part {
width:100%;
float: left;
}
.sprint-gallery .part .wrap50{
width:50%;
height: 300px;
float:left;
}
.sprint-gallery .part .wrap50 .box {
width:50%;
height: 300px;
float: left
}
.sprint-gallery .part .wrap50 .box.colored {
background-color: #FBFF4A;
}
.sprint-gallery .part .wrap50 .box .inner {
width:100%;
float: left;
padding: 4em 2em;
}
.sprint-gallery .part .wrap50 .box .inner h3 {
font-size:20px;
margin-bottom: 1em;
font-weight: 700;
}
.sprint-gallery .part .wrap50 .box .inner p {
font-size: 17px;
font-weight: 400;
color:#06070a;
}

.sprint-gallery .part .s-bkg1{ 
background-image: url(images/sprint-product/design-sprint1.jpg);
background-position: bottom center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.sprint-gallery .part .s-bkg2{
background-image: url(images/sprint-product/design-sprint2.jpg);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.sprint-gallery .part .s-bkg3{
background-image: url(images/sprint-product/design-sprint3.jpg);
background-position: bottom center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.sprint-gallery .part .s-bkg4{
background-image: url(images/sprint-product/design-sprint4.jpg);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.sprint-gallery .part .s-bkg5{
background-image: url(images/sprint-product/design-sprint5.jpg);
background-position: left center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.sprint-gallery .part .s-bkg6{
background-image: url(images/sprint-product/design-sprint6.jpg);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.packages {
width:100%;
float:left;
text-align: center;;
}
.packages li {
width:49%;
max-width: 550px;
display:inline-block;
padding: 0 2em;
vertical-align: top;
}
.packages .package {
width: 100%;
float: left;
margin-bottom: 4em;
border-radius: 10px;
border: solid 1px #cacaca;
-webkit-box-shadow: 0 6px 15px 5px rgba(148,148,148,.10);
border: 1px solid #e6e6e6;
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}
.packages .package .inner {
width:100%;
float: left;
padding: 2em;
text-align: center;
}
.packages .package .inner h3{
font-size: 1.6em;
font-weight: 600;
margin-bottom: 2em;
display: inline-block;
}
.packages .package .inner .info {
width:100%;
float: left;
margin-bottom: 2em;
min-height: 480px
}
.packages .package .inner .info h4 {
font-size: 1em;
font-weight: 700;
display: block;
width:100%;
float: left;
margin-bottom: 5px;
text-align: left;
text-transform: capitalize;
}
.packages .package .inner .info ul {
list-style:disc;
list-style-type: disc;
font-size: 14px;
}
.packages .package .inner .info li{
display: list-item;
text-align: left;  
width:auto;  
clear: both;
color:#06070a;
list-style-position: inside;
padding: 0;
font-size:14px;
}
.packages .package .inner .info li p {
margin-top: .5em;
margin-bottom: .5em;
display: inline-block;
white-space: pre-wrap;
word-wrap: break-word;
text-align: left;
}
.packages .package .inner .info li:last-child{
margin-bottom: 1.5em;
}

.packages .package .inner .explore_btn_yellow {
display: block;
padding: 1em 3em;
letter-spacing: 0;
}
.second-cta.packages .package .inner .info {
min-height: 150px;
}

.boost-wrap {
width:100%;
float: left;
margin:6em 0em;
}
.boost-wrap.branding {
 margin:2em 0 6em 0em;   
}
.boost-wrap .boost-banner {
background-color: #6058ff;
position: relative;  
border-radius: 10px;  
width:100%;
padding: 3em 2em;
float: left;
text-align: center;
-webkit-box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
-moz-box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
}
.boost-wrap .boost-banner .bulb{
position: absolute;
width:60px;
height: 70px;
right: -20px;
bottom: -20px;
}
.boost-wrap .boost-banner .bulb img{
width:100%;
float: left;
}
.boost-wrap .boost-banner .inner {
width:100%;
float: left;

}
.boost-wrap .boost-banner h3 {
font-weight: 600;
font-size:1.8em;
margin-bottom: 10px;
line-height: 1.5em;
color:#fff;
}
.boost-wrap .boost-banner p {
font-size: 1.1em;  
margin-bottom: 40px;
line-height: 2;
color: #fff;
}
.boost-wrap .boost-banner .explore_btn_yellow {
margin: 0;
}

.proj-2019 {
width:100%;
float: left
}
.proj-2019 img {
padding: 6em 0;
}

.featured-wrap {
width:100%;
float: left;
margin:0em 0 6em 0em;
}
.featured-wrap .featured{
position: relative;  
border-radius: 10px;  
width:100%;
padding: 2em 2em;
float: left;
text-align: center;
-webkit-box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
-moz-box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
box-shadow: 0px 0px 21px -5px rgba(148,148,148,0.64);
}
.featured-wrap .featured img {
width:200px;
margin-bottom:1em;
}
.featured-wrap .featured h3{
line-height: 1.8em;
}

.npw .authur {
width:100%;
float: left;
margin-bottom: 2em;

padding: 2em;
border-radius: 5px;
}
.npw .authur.bkg-grey {
background-color: #f8f8f8;
}
.npw .authur .info {
float: left;
width:calc(100% - 100px);
padding: 1em;
}
.npw .authur .info h3{
font-size: 16px;
margin-bottom: 10px;
line-height: 1.4em;
}
.npw .authur .info p{
font-size: 16px; 
}
.npw .authur .info h3.title {
color: #000 !important;
margin-bottom: 2em;

}
.npw .authur .image-wrap{
float: left;  
width:100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
}
.npw .authur .image-wrap img {
    width: 100%;
    height: auto;
}


.npw .deliverables{
width:100%;
float:left;
padding-top: 4em;
font-family: 'Montserrat', sans-serif;
}
.npw .deliverables .inner {
float:left;
}
.npw .deliverables .inner h3 {
color:#000;
text-transform: capitalize;
letter-spacing: 2px;
margin-bottom: 10px;
font-weight: 600;
}

.npw .deliverables .inner ul {
margin-bottom: 20px
}
.npw .deliverables .inner ul li {
color:#000;
width:100%;
clear:both;
float:left;
line-height: 1.8em;
font-size: 14px;
font-weight: 300;
}
.case-study {
width:100%;
float: left;
padding: 8em 0;
}
.case-study.strategy {
padding-top:0; 
}
.case-study.sigma {
padding-top:0; 
}

.case-study.reg-project {
padding-top: 4em;
}
.case-study.why-muze {
  padding-top: 4em;
  padding-bottom:0;

}
.case-study.why-muze .why-part{
width:100%;
float: left;
margin-bottom: 4em;
text-align: center;
}
.case-study.why-muze .why-part .project-vid {
  padding-top: 4em;
}
.case-study.why-muze .why-part .project-vid .video-wrap {
  float: none;
  display: inline-block;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
border: none;
}

.case-study.why-muze .why-part h3,
.case-study.why-muze .why-part h2{
font-size: 2em;
font-weight: 800;
line-height: 1.4em;
color: #000;
text-align: center;
}

.case-study .case-inner{
width:100%;
float: left;
padding-top: 4em 1em 0 1em;
}
.case-study.strategy .case-inner{
padding-top: 0;
}
.case-study.sigma .case-inner{
  padding-top: 0;
}
.case-study .case-inner .middle-title{
text-align: center;
}
.case-study .case-inner .middle-title h3{
font-size: 2.4em;
}
.case-study.reg-project .case-inner{
padding: 8em 0;
}
.case-study.reg-project .case-inner.finaloop{
padding: 8em 0 0 0;
}
.case-study.reg-project .case-inner .middle-logo-wrap {
  text-align: center;
}
.case-study.reg-project .case-inner .middle-logo {
  display: inline-block;
  width: 100%;
  max-width: 900px;
}
.no-padding {
  padding: 0px !important;
}
.case-study .case-inner ul li{
font-size: 100%;
}
.case-study .case-inner p {
font-weight: 300;
font-size: 1.2em;
line-height: 1.8;
color: #000;
margin-bottom: 2em;
}
.case-study .case-inner p.excerpt {
font-size: 24px;
}
.case-study .case-inner h3{
font-size: 1.2em;  
color: #000;
letter-spacing: 2px;
margin-bottom: 10px;
font-weight: 700;
line-height: 1.4em;
letter-spacing: -0.02em;
}
.case-study .case-inner h3.big{
font-size: 2em;  
color: #000;
letter-spacing: 2px;
margin-bottom: 10px;
font-weight: 600;
line-height: 1.4em;
letter-spacing: -0.02em;
}

.case-study .case-inner h3.title {
font-size: 3em;
color: #000;
text-transform: capitalize;
letter-spacing: 2px;
margin-bottom: 10px;
font-weight: 600;
line-height: 1.4em;
}
.case-study h4{
color: #000;
margin-bottom: 10px;
font-weight: 600;
}
.case-study .case-inner  ul {
margin-bottom: 2em;
padding-left: 1em;
list-style-type: disc;

padding-inline-start: 20px;
}
.case-study .case-inner  ul li {
font-weight: 300;
margin-bottom: 20px;
line-height: 1.8;
color: #000;
list-style-type: disc;
list-style-position: inside;
display: list-item;
text-align: -webkit-match-parent;
list-style-position: outside;
}
.case-study .case-inner a {
position: relative;
display: inline-block;
color: #000;
-webkit-transition: 0.5s all ;
-moz-transition: 0.5s all ;
-o-transition: 0.5s all ;
transition: 0.5s all ;
line-height: 1.4em;
background: linear-gradient(to right, black, black), linear-gradient(to right, #6058ff, #6058ff, #6058ff);
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
}
.case-study .case-inner a:hover {
background-size: 0 0.1em, 100% 0.1em;
color: #6058ff;
}

.case-study .case-inner a.blk_bkg{
color: #6058ff;
font-size: 1.2em;
font-weight: 300;
}
.case-study .case-inner a:hover {
background-size: 0 0.1em, 100% 0.1em;
color: #6058ff;
}


.case-study .case-inner blockquote {
font-size: 2em;
font-style: italic;
font-weight: 400;
padding-left: 1em;
display: block;
line-height: 1.4em; 
color: #888;
}

.case-study .case-inner img {
width: 180%;
margin: 2em 0 2em -40%;
}
.case-study .case-inner img.full-width-adjust {
width: 100%;
margin: 2em 0 2em 0; 
}
.case-study .case-inner .half.left{
width: 50%;
float: left;
padding: 3em 3em 3em 0;
}
.case-study .case-inner .half.right{
width: 50%;
float: left;
padding: 3em 0em 3em 3em;
}
.case-study .case-inner .half img{
width: 100%;
margin: 0;
border-radius: 8px;
overflow: hidden;
}

.case-study.reg-project .case-inner .new-video-wrap {
display:block;
width: 180%;
margin: 2em 0 2em -40%;
}

.case-study .case-inner .video-wrap {
float: none;
width:360px;
margin: 0 auto;
padding: 2em 0;
}
.case-study .case-inner video {
width:100%;
border-radius:15px;
overflow: hidden;
}
.case-study .case-inner video.marg {
margin: 8em 0;
}
.wrapper_1200.splited .inner {
width: 100%;
float: left;
}
.wrapper_1200.splited .inner video {
width: 50%;
float: left;
border-radius: 0;
}
.wrapper_2000_video.space {
margin-top: 6em;
}
.case-study.sigma .case-inner h3,
.case-study.sigma .case-inner h4,
.case-study.sigma .case-inner p,
.case-study.sigma .case-inner blockquote{
text-align: center;
}

.case-study .case-inner h3 {
  line-height: 1.8em;
}
.case-study .case-inner .youtube-wrap {
  width:130%;
  margin-left: -15%;
  display: inline-block;
}
.case-study .case-inner .youtube-wrap .testimonial{
width:50%;
float: left;
padding:1em;
}
.case-study .case-inner .youtube-wrap .testimonial iframe{
width:100%;
height: 200px;
}
.testi-banner {
width:100%;
float: right;
margin-bottom: 10em;
color: #000;
}
.testi-banner .text-part{
width:50%;
padding:4em 4em 2em 0em; 
float: right;
}
.testi-banner .text-part p{
font-size: 1.8em;
color: inherit;
margin-bottom: 2em;
letter-spacing: -1px;
font-weight: 300;
}
.testi-banner .text-part h3{
font-weight: 600;
font-size: 4em;
color: inherit;
font-style: italic;
}
.testi-banner .text-part h4{
font-weight: 500;
line-height: 1.5em;
color: inherit;
}
.testi-banner .text-part .logo{
max-width: 100px;
margin-top: 20px;
}
.testi-banner .profile-part{
width:50%;
float: right;
padding: 4em 8em 4em 8em;
}
.testi-banner .profile-part img {
width:100%;
float: left;
border-radius: 50%;
}

.home-promis {
  width:100%;
  float: left;
  padding:8em 0 4em 0;
  color: #000;
}
.home-promis h3{
  font-size: 5em;
  margin-bottom: 0em;
  line-height: 1.4;
  letter-spacing: -4px;
  color:inherit;
  font-weight: 500;
  max-width: 1400px;
}
.promis-blob {
  width: 100%;
  float: left;
  padding: 0;
}

.services-main .slide .part.left.padding-box {
  padding:0 6em 0em 0em;
}
.services-main .slide .part.right.padding-box {
  padding:0 0em 0em 0em;
}
.services-banner{
width:100%;
float: left;
}
.services-banner img{
width:90%;
margin-left: 5%;
margin-bottom: 60px;
float: left;
}
.services-banner video{
width: 100%;
float: left;
}

.awards {
text-align: center;
width:100%;
padding:0;
float:left;
position:relative;
}
.awards h3 {
font-size: 2em;
font-weight: 500;
line-height: 1.2em;
letter-spacing: -1px;
}
.awards p {
font-size: 1.4em;
line-height: 1.8em;
color:#06070a;
}
.awards ul{
width: 100%;
float: left;
margin-bottom: 2em;
}

.awards ul li{
border-radius: 8px;
width: 200px;
padding:2.5em;
margin: 20px;
display: inline-block;
background-color: #F4EFF9;
}

.awards ul li img{
width: 100%;
float: left;
}

.awards .title-wrap {
padding: 4em 0 4em 0; 
}

.founders-wrap {
width:100%;
float: left;
padding: 6em 0 25em 0;
position: relative;
}
.founders-wrap img {
position: absolute;
z-index: -1;
top: 0;
width: 40%;
right: 6em;
border-radius: 20px;
    overflow: hidden;
}
.founders-wrap h3 {
letter-spacing: -0.03em;
font-size: 5em;
font-weight: 500;
max-width: 800px;
color: #06070a;
margin-bottom: 0.3em;
font-family: 'Montserrat', sans-serif;
line-height: 1.2em;
padding-top: 1em;
}
.founders-wrap p {
font-size: 1.2em;
line-height: 1.8em;
max-width: 700px;
color: #000;
}

.team-wrap {
width:100%;
float: left;
padding: 4em 0 4em 0;
text-align: center;
}
.team-wrap .title {
font-size: 3em;
margin-bottom: 1.4em;
font-weight: 500;
text-transform: capitalize;
letter-spacing: -2px;

}
.team-wrap ul{
  width:100%;
  float: left;
  flex-wrap: wrap;
}
.team-wrap ul li .inner{
width:100%;
float: left;
padding: 0 3em 0 0;
margin-bottom: 4em;
}
.team-wrap li {
-webkit-box-flex:0;
-webkit-flex:0 0 25%;
-ms-flex:0 0 25%;
flex: 0 0 25%;
width:25%;
max-width: 25%;
display: inline-block;
}
.team-wrap li .image-wrap{
width:100%;
float: left;
border-radius: 20px;
overflow: hidden;
}
.team-wrap li .image-wrap img {
width:100%;
float: left;
}
.team-wrap li .info {
width:100%;
float: left;
padding: 1em 1em 1em 0; 
}
.team-wrap li .info h3{
font-size: 1.5em;
margin-bottom: 10px;
font-weight: 600;
color: #000;
text-transform: capitalize;
}
.team-wrap li .info h4{
font-weight: 600;
color: #000;
text-transform: capitalize;
}

.benefits {
width:100%;
float: left;
padding: 8em 0 0em 0;
}
.benefits .title{
font-size: 5em;
font-weight: 500;
max-width: 950px;
color: #000;
font-family: 'Montserrat', sans-serif;
line-height: 1.2em;
letter-spacing: -3px;
}
.benefits .section {
  width:100%;
  float: left;
  margin-bottom: 3em;
}
.benefits .section h3{
font-size: 2.5em;
font-weight: 800;
margin-bottom: 1em;
}
.benefits .section .part{
  width:100%;
  float: left;
  margin-bottom: 20px;
}
.benefits .section .part h4{
font-size: 1em;
font-weight: 800;
color: #000;
margin-bottom: 10px;
}
.benefits .section .part p{
color: #000;
}

.positions{
  width:100%;
  float: left;
}
.positions h3 {
font-size: 1em;
font-weight: 500;
}

.home-video {
width:100%;
float: right;
padding: 8em 0 8em 0;
}
.home-video .video-wrap {
width:100%;
float: left;
position: relative;
padding: 0 4em 50% 4em;
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
border-radius: 20px;
overflow: hidden;
}
.home-video .video-wrap video{
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
position: absolute;
z-index: 0;
height: 100%;
top: 0px;
width: 100%;
left: 50%;
object-fit: cover;
}

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

.home-video .video-text {
  width: 30%;
  float: left;
  padding: 0em 4em 0 0;
  max-width: 700px;
}
.home-video .video-text h3 {
text-align: left;
font-size: 2em;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px;
line-height: 1.2em;
color: #000;
letter-spacing: -1px;
padding: 2em 0 0.5em 0;
font-weight: 300;
}
.home-video .video-text p {
color: #000;
font-size: 1em;
line-height: 1.8em;
color: #000;
margin-bottom: 2em;
}


.in-numbers {
width: 100%;
float: left;
color: #000;
padding: 4em 0 8em 0;
position: relative;
transition: all 0.5s ease;
-webkit- transition: all 0.5s ease;
}

.in-numbers .title {
color: inherit;
font-size: 5em;
line-height: 1.4;
letter-spacing: -4px;
margin-bottom: 2em;
font-weight: 500;
}


/*Vertical Sliding*/
.slidingVertical {
display: inline;
text-indent: 12px;
}
.slidingVertical span{
animation: topToBottom 9s linear infinite 0s;
-ms-animation: topToBottom 9s linear infinite 0s;
-webkit-animation: topToBottom 9s linear infinite 0s;
color: #06070a;
opacity: 0;
overflow: hidden;
position: absolute;
font-weight: 600 !important;
}
.slidingVertical span:nth-child(1){
animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}

.slidingVertical span:nth-child(2){
animation-delay: 3s;
-ms-animation-delay: 3s;
-webkit-animation-delay: 3s;
}
.slidingVertical span:nth-child(3){
animation-delay: 6s;
-ms-animation-delay: 6s;
-webkit-animation-delay: 6s;
}


/*topToBottom Animation*/
@-moz-keyframes topToBottom{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: translateY(-30px); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: translateY(-30px); }
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: translateY(-30px); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}


.anim-text-wrap{
overflow: hidden;
}
.anim-text-wrap span{
display: inline-block;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;

transform-origin: left;
-webkit-transform-origin: left;
-ms-transform-origin: left;

clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
-ms-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);

transform: translate(0%, 20%);
-webkit-transform: translate(0%, 20%);
-ms-transform: translate(0%, 20%);

}

.into-view.anim-text-wrap span, .already-visible.anim-text-wrap span{
animation: reveal 2s cubic-bezier(.23, 1, .32, 1) forwards;
animation-delay: calc(60ms * var(--word-index));
-webkit-animation: reveal 2s cubic-bezier(.23, 1, .32, 1) forwards;
-webkit-animation-delay: calc(60ms * var(--word-index));
-ms-animation: reveal 2s cubic-bezier(.23, 1, .32, 1) forwards;
-ms-animation-delay: calc(60ms * var(--word-index));
padding-right:4px;
}

@keyframes reveal {
  0% {
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%); 
  }
  100% {
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%); 
  }
}

@-webkit-keyframes reveal {
  0% {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: left;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -webkit-transform: translate(0%, 20%); 
  }
  100% {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: left;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%); 
  }
}

@-moz-keyframes reveal {
  0% {
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: left;
    -moz-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -moz-transform: translate(0%, 20%);
    -moz-transform: translate(0%, 20%); 
  }
  100% {
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: left;
    -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -moz-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%); 
  }
}

@-ms-keyframes reveal {
  0% {
    -ms-transform-style: preserve-3d;
    -ms-transform-origin: left;
    -ms-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -ms-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%); 
  }
  100% {
    -ms-transform-style: preserve-3d;
    -ms-transform-origin: left;
    -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -ms-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%); 
  }
}


.in-numbers ul{
box-sizing: border-box;
color: inherit;
}
.in-numbers li{
width: 25%;
display: inline-block;
vertical-align: top;
padding: 1em;
box-sizing: border-box;
color: inherit;
margin-bottom: 4em;
}
.in-numbers li h3{
color: inherit;
font-size: 4em;
margin-bottom: 40px;
font-weight: 500;
}
.in-numbers li p{
color: inherit;
font-size: 18px;
max-width: 88%;
}
.bkg-overall {
width: 100%;
height: 100vh;
position: fixed;
z-index: -11;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(90deg, rgba(241,241,254,1) 0%, rgba(255,226,228,1) 100%);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
/*-webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);*/
}

.project-vid-2022 {
width: 100%;
float: left;
}
.project-vid-2022 video{
width: 100%;
float: left;
margin-bottom: 6em;
}
.manifest{
width: 90%;
margin-left: 5%;
float: left;
background-color: #F1F1FE;
padding: 8em 2em;
}
.manifest h3 {
text-align: left;
font-size: 5em;
line-height: 1.5;
letter-spacing: -4px;
color: inherit;
font-weight: 500;
margin-bottom: 40px;
}
.manifest-page {
  width: 100%;
  float: left;
  padding-bottom: 8em;
}
.manifest-page p {
font-size: 3em;
letter-spacing: -2px;
max-width: 1450px;
line-height: 1.5;
color: inherit;
font-weight: 500;
margin: 1em 0;
max-width: 1000px;
}

.manifest-page h3 {
font-size: 4em;
line-height: 1.4;
color: inherit;
font-weight: 500;
margin-bottom: 1em;

}
.manifest-page p.author-menifest{
font-weight: 600;
font-size: 1em;
color: #5d5a5c;
letter-spacing: 0;
}
.marker {
font-weight: 600;
background-color: #E6D4FF;
border-radius: 20px;
padding: 0 0.2em;
border: 1px solid #000;
}
.marker2 {
font-weight: 600;
background-color: #F1F1FE;
border-radius: 9px;
padding: 0 0.2em;
border: 1px solid #000;
}
.manifest-page .bold-clean {
  font-weight: 400;
background-color: #F1F1FE;
border-radius: 9px;
padding: 0 0.2em;
color:#000;
}
.menifestpage .opening-excerpt-wrap .opening-excerpt {
  padding-bottom: 0;
}




.filter-wrap{
padding: 1em;
background-color: #fff;
height: 50px;
width: 100%;
max-width: 150px;
position: fixed;
bottom: 20px;
left: 50%;
z-index: 12;
border-radius: 10px;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
transition: all .2s ease;
-webkit-transition: all .2s ease;
-webkit-backface-visibility: hidden;
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
border: 1px solid #f1f1f1;
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}

.filter-wrap.clicked:hover{
width: 100%;
max-width: 250px;
height: 330px;
}

.filter-wrap .service-nav {
display: none;
opacity: 0;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-webkit-backface-visibility: hidden;
}

.filter-wrap .service-nav.show{
opacity: 1;
display: block;
}
.filter-wrap .service-nav .inner li:first-child{
  margin: 0;
}

.filter-wrap .service-nav .inner li{
  display: inline-block;
  width: 100%;
  margin: 0;
}
.filter-wrap .service-nav .inner li a {
  max-width: none !important;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

.filter-wrap .filter {
background-color: #e7e9ff;
height: 50px;
display: block;
width: 150px;
position: absolute;
bottom: 0px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
transition: all .5s ease;
-webkit-transition: all .5s ease;
-webkit-backface-visibility: hidden;
border-radius: 10px;
}
.filter-wrap.clicked .filter{
bottom: 10px;
background-color: #fff;
}


.filter-wrap .filter .inner-wrap{
width: 100%;
height: 100%;
display: table;
text-align: center;
}
.filter-wrap .filter .inner-wrap .button {
display: table-cell;
vertical-align: middle;
color: #1e2bb8;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}

.project-vid-old {
width:100%;
float: left;
border-radius: 20px;
overflow: hidden;
margin-bottom: 8em;
}
.project-vid-old video{
-webkit-box-shadow: 0 6px 15px 5px rgb(148 148 148 / 10%);
-moz-box-shadow: 0 0 21px -5px rgba(148,148,148,.64);
box-shadow: 0 0 -21px -5px rgba(148,148,148,.64);
}

.time-factor {
width:100%;
float: left;
padding-bottom: 8em;
}
.time-factor img{
width:100%;
float: left;
}

.qna-section {
width:100%;
float: left;
padding: 8em 0 8em 0;
margin-bottom: 8em;
}
.qna-section .title-wrap{
width:100%;
float: left
}

.qna-section .title-wrap h3{
display: inline-block;
font-weight: 500;
line-height: 1.3em;
margin-bottom: 1em;
font-size: 2em;
max-width: 700px;
letter-spacing: 0em;
color: #000;
font-family: 'Montserrat',sans-serif;
}
.qna-section .qna-wrapper{
width:100%;
float: left;
border-bottom:solid 1px #000;
}
.qna-section .qna-wrapper.last-border{
border-bottom:solid 1px #000;
}
.qna-section .qna-wrapper .question{
width:100%;
float: left;
padding: 35px 0px; 
position: relative;
display: block;
}
.qna-section .qna-wrapper .question .cross{
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url(images/cross.png);
    background-position: center center;
    background-size: 20px 20px;
    z-index: 2;
}
.qna-section .qna-wrapper .question .cross.active{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.qna-section .qna-wrapper .question h3{
display: inline-block;
font-weight: 500;
line-height: 1.3em;
font-size: 1.4em;
letter-spacing: -0.5px;
line-height: 1.8em;
color: #06070a;
font-family: 'Montserrat', sans-serif;
max-width: 700px;
color: #000;
}
.qna-section .qna-wrapper .answer{
  width:100%;
  float: left;
  display: none;
  padding: 0px 0px 35px 0px;
  max-width: 1000px;

}
.qna-section .qna-wrapper .answer p {
  color: #000;
  font-size: 18px;
  line-height: 1.8em;
  max-width: 800px;
  margin-bottom: 60px;
}
.qna-section .qna-wrapper .answer.show{
display: block;
}


.black-bkg .case-study{
background-color: #000;
}
.black-bkg .case-study h3,.black-bkg .case-study p, .black-bkg .case-study ul li {
color: #fff;
}
.black-bkg .npw {
background-color: #000;	
}
.black-bkg .npw.remove-black-background {
  background: none !important; 
}

.black-bkg .npw .deliverables h4, .black-bkg .npw .deliverables li{
  color: #fff !important;
}



.home-contact {
background-color: #6058ff;
padding: 20px;
border-radius: 2px;
border-radius: 10px;
color: #fff;
font-weight: 600;
display: inline-block;
transition: all .2s ease;
-webkit-transition: all .2s ease;
}
.home-contact:hover {
  color: #fff;
-webkit-box-shadow: 10px 10px 30px -19px rgb(35 85 255);
-moz-box-shadow: 10px 10px 30px -19px rgb(35 85 255);
box-shadow: 10px 10px 30px -19px rgb(35 85 255);
}

.my-muze {
  width:100%;
  float:left;
  text-align: center;
}
.my-muze .muze-wrap{
height: 0;
    float: left;
    width: 100%;
    padding: 25px 1em 60% 1em;
    position: relative;
    overflow: hidden;
}
.my-muze .muze-wrap iframe{
top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}


.banner-2025 {
  width: 100%;
  float: left;
  margin-bottom: 12em;
}
.banner-2025 img{
width: 100%;
float: left;
}




.terms-wrapper {
  width: 100%;
  float: left;
  background-color: #E3D6FC;
  padding: 20px 0;
}
.terms-wrapper a {
margin-right: 1em;
font-size: 12px;
}
.terms2 {
  margin-bottom: 4em;
}

.terms2 h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 100%;
    color: #06070a;
    font-weight: normal;
    font-size: 18px;
margin-bottom: 16px;
}

.form-disclaimer {
  font-size: 12px;
  color: #666;
  margin-top: 20px;
  text-align: left;
}

.form-disclaimer a {
  color: #000;
  text-decoration: underline;
}

.acquired-banner {
width: 100%;
float: left;
margin-bottom: 6em;
}
.acquired-banner img {
width: 100%;
float: left;
}

.acquired-banner .video-container {
position: relative;
  width: 100%;
  height: auto;   /* container adjusts naturally */
  overflow: hidden
}

.acquired-banner .video-wrapper {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.acquired-banner .video-wrapper .video {
display: block;
  width: 100%;
  height: auto;   /* keeps correct aspect ratio */
  object-fit: cover; /* will crop horizontally if needed */
  margin: 0 auto; /* centers horizontally */
}



/* Desktop poster */
@media (min-width: 568px) {
  .video-wrapper {
    background-image: url('images/okta-axiom/okta-axiom-desktop.jpg');
  }
}

/* Mobile poster */
@media (max-width: 567px) {
  .video-wrapper {
    background-image: url('images/okta-axiom/okta-axiom-mobile.jpg');
  }
}


.team-banner {
width:100%;
float: left;
margin-bottom: 6em;

}
.team-banner video{
width:100%;
float: left;
border-radius: 20px;
overflow: hidden;
}






/*------ table ------*/



:root{
  --bg: #ffffff;
  --panel: #fff;
  --panel-2: #F9E3EA;
  --border: #000;
  --text: #0b0b0b;
  --muted: #555555;
  --shadow: 0 12px 30px rgba(0,0,0,.08);
  --radius: 16px;
  --max: 1100px;
  --pad: 24px;
}

*{ box-sizing:border-box; }

.compare-wrapper{
width: 100%;
float: left;
margin-bottom: 10em;
}
.compare{
font-family: 'Montserrat', sans-serif;
text-align: left;
}

.compare__header{
  margin-bottom: 18px;
}

.compare__title{
     display: inline-block;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 1em;
    font-size: 2em;
    max-width: 700px;
    letter-spacing: 0em;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.qna-section .qna-wrapper .answer.show .compare__title{
     display: inline-block;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 2em;
    font-size: 1em;
    max-width: 700px;
    letter-spacing: 0em;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.compare__subtitle{
  margin: 0;
  color: var(--muted);
  max-width: 70ch;
  line-height: 1.5;
}

/* table wrapper */
.table-wrap{
  margin-top: 18px;
  background: #ffffff00;
  overflow: hidden;
}

.compare-table{
  width:100%;
  border-collapse: collapse;
}
.compare-table .highlight{
  background:#FBFF4A;
  }

/* header */
.compare-table thead th{
  text-align:left;
  padding: 16px var(--pad);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #d4d4d4;
}

/* body cells */
.compare-table tbody th,
.compare-table tbody td{
  padding: 16px var(--pad);
  vertical-align: top;
  border-bottom: 1px solid #d4d4d4;
  line-height: 1.45;
  padding-bottom: 40px;
}

.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td{
  border-bottom: none;
}

/* category column */
.compare-table tbody th{
  width: 26%;
  font-weight: 600;
  color: #111;
  background: #fafafa;
}

/* content cells */
.compare-table tbody td{
  color: #222;
}

/* column widths */
.col-muze{ width: 37%; }
.col-market{ width: 37%; }

/* subtle emphasis on Muze */
.compare-table tbody td:nth-child(2){
background: #ffffff00;
}

/* footer line */
.compare__footer{
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) - 6px);
  background: #f7f7f7;
}

.compare__line{
  margin:0;
  line-height: 1.5;
  color: #111;
}

/* RESPONSIVE — cards on mobile */
@media (max-width: 860px){
  .table-wrap{
    background: transparent;
    border: none;
    box-shadow: none;
  }

  .compare-table,
  .compare-table thead,
  .compare-table tbody,
  .compare-table th,
  .compare-table td,
  .compare-table tr{
    display:block;
    width:100%;
  }

  .compare-table thead{
    display:none;
  }

  .compare-table tr{
  border: 1px solid #d4d4d4;
    border-radius: var(--radius);
    margin-bottom: 2em;
    overflow: hidden;
  }

  .compare-table tbody th{
    width:auto;
    padding: 14px 16px;
    font-size: 16px;
    background: #f9e3ea;
  border-bottom: 1px solid #d4d4d4;
  }

  .compare-table tbody td{
    padding: 14px 16px;
    border-bottom: none;
  }

  .compare-table tbody td:nth-child(2){
    background: transparent;
  }

  .compare-table tbody td::before{
    content: attr(data-label);
    display:block;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 6px;
  }
}


/*------ table ------*/





/*-----------------------------------------------------------------------------RESPONSIVE -----------------------------------------------------------------------------------*/


@media (max-width: 1400px) and (max-height: 750px) {
.opening-excerpt h1 {
font-size: 3em;
max-width:800px;
}
.title_wrap2 .projects_title h1 {
font-size: 3em;
}
.services-content .inner h1 {
font-size: 3em;
max-width:800px;
}
}
@media screen and (max-height: 750px) { 
.navigation .inside-wrap .navlist li a {
font-size: 2em;
}
}

@media screen and (max-width: 2000px) { 

}

@media screen and (max-width: 1800px) { 
.work_strip .container-right .inner,
.work_strip .container-left .inner {
max-width: 800px;
}

.wrapper_1450 {
padding: 0 4em 0 4em;
}
.work_strip .project_details {
width: 500px;
top: 20%;
}
}

@media screen and (max-width: 1700px) { 

.services-banner img{
width:100%;
margin-left:0;
margin-bottom: 60px;
float: left;
}
.manifest h3 {
font-size: 4em;
}
}

@media screen and (max-width: 1600px) { 

.opening-excerpt h1 {
font-size: 4em;
}
.founders-wrap h3 {
font-size: 4em;
max-width: 800px;
}
.founders-wrap p {
max-width: 600px;
}
.wrapper_1700 {
padding-right: 2em;
padding-left: 3em;
}
.work_strip {
height: 750px;
}
.title_wrap .huge {
font-size: 2.6em;
max-width: 600px;
}
.project-vid.fringefy .wrapper_1400 {
max-width: 1140px;
}
.project-vid.teysha .wrapper_1400 {
max-width: 1200px;
}

.header_strip .contact-now {
line-height: 42px;
font-size: 0.75em;
}
.navigation .inside-wrap .navlist {
padding: 4em 0 2em 0;
}
.main_title .logoNav_wrap .muze_logo {
width: 90px;
margin-left:50px;
}
.about_text {
margin-top:560px;
}
.opening-excerpt h2 {
font-size: 1.4em;
padding-right: 5em;
}
.opening-excerpt .wrapper_1400 {
padding: 0 8em;
}
.work_strip .project_details.right {
right:5%;
}
.work_strip .project_details{
left:5%;
}
.project-vid .wrapper_1400 {
max-width: 1200px;
}
}




@media screen and (max-width: 1500px) { 

.work_strip .container-right .inner.into-view{
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.work_strip .container-left .inner.into-view {
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.about-vid-wrap {
height:700px;
}

.small_title_white {
font-size: 2.2em;
}
.about-main .col-right .text-wrap .inner p {
font-size: 1.4em;
}
.about-main .col-left .text-wrap .inner p {
font-size: 1.4em;
}
.section2 .muze_slide4 .text_wrap {
    padding: 20% 0 20% 0;
}
.projects-wrap ul li {
min-height: 750px;
}
}

@media screen and (max-width: 1400px) { 

.founders-wrap h3 {
font-size: 3em;
max-width: 600px;
}
.clients li img {
max-height: 40px;
}
.projects-wrap ul li .cont .image-wrap .vid-wrap {
top: 2em;
left: 2em;
right: 2em;
bottom: 2em;
}
.opening-excerpt h1.bigger-font {
font-size: 5em;
max-width: 900px;
}
.contact-page .contact_form_wrap h3 {
font-size: 2.5em;
}
.contact-left .big_title {
font-size: 2.5em;
}
.home_title_wrap .home_title .part.padding{
padding-left: 0;
}
.vibe-wrap .vibe-title .inner h1 {
font-size: 15em;
}
.projects_wrap .projects li {
width: 33.333%;
}
.work_strip {
height:700px;
}
.vibe-wrap .vibe-title h1 {
font-size: 20em;
}
.work_strip .container-right .inner,
.work_strip .container-left .inner{
max-width: 650px;
}
.work_strip .container-right .inner.into-view{
-ms-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
transform: translateX(-10%);
}
.work_strip .container-left .inner.into-view {
-ms-transform: translateX(10%);
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
transform: translateX(10%);
}
.inner-wrap .title_wrap.home {
padding: 9em 0 2em 0 !important;
}

.testi-banner .text-part p{
font-size: 1.2em;
}

.services-main .slide .part h3 {
font-size: 1.8em;
}
.services-main .slide .part p {
font-size: 1.1em;
}
.services-main .slide .part.text.left {
padding: 3em 5em 0 0;
}
.services-main .slide .part.text.right {
padding: 3em 0em 0 5em;
}
.services-main .slide .part p.top-title {
font-size: 1.2em;
}
.about-main .col-left .text-wrap .inner p,
.about-main .col-right .text-wrap .inner p{
font-size: 1.2em;
}
}

@media screen and (max-width: 1300px) { 

.home_title_wrap .home_title h2 { 
font-size: 3em;
}

.founders-wrap h3 {
font-size: 3em;
max-width: 500px;
}
.news-wrap li .inner {
min-height: 280px;
}
.founders-wrap p {
max-width: 500px;
}
.projects-wrap ul li .cont .image-wrap .vid-wrap {
top: 1.5em;
left: 1.5em;
right: 1.5em;
bottom: 1.5em;
}

.opening-excerpt h1 {
    font-size: 3.5em;
}
.team-wrap li {
-webkit-box-flex:0;
-webkit-flex:0 0 33.33333333333%;
-ms-flex:0 0 33.33333333333%;
flex: 0 0 33.33333333333%;
width:33.333333333%;
max-width: 33%;
}
.team-wrap li .info h3{
  font-size: 1.2em;
  margin-bottom: 10px;
}
.team-wrap li .info h4{
  font-size: 14px;
}
.work_strip .project_details, .work_strip .project_details.right {
width: 350px;
}

.opening-excerpt .wrapper_1400 {
padding: 0 6em;
}
.inner-wrap .title_wrap.home {
padding: 7em 0 2em 0 !important;
}
.opening-excerpt h2 {
font-size: 1.2em;
padding-right: 3em;
}

.title_wrap2 .projects_title h1 {
font-size: 2.5em;
}

.lp-ux .small_title_white {
font-size: 1.8em;
}
.lp-ux .section2 .muze_slide5 .text_wrap {
padding: 16% 0 16% 0;
}
.services-page .wrapper_1450 {
padding: 0 6em 0 6em;
}

.services-content .inner h1 {
font-size: 2.5em;
}
.work_strip .project_details.right {
right:5%;
}
.work_strip .project_details {
left:5%;
}
.home-vid {
padding: 0 4em 60% 4em;
}

.projects-wrap ul li {
  min-height: 700px;
}
.about-main .text-wrap .inner {
    padding: 6em;
}
}

@media screen and (max-width: 1200px) { 




.team-wrap {
  padding-top: 4em; 
}
.projects-wrap ul li {
min-height: 600px;
}
.projects-wrap ul li .cont .image-wrap .vid-wrap {
  top:1.5em;
  left: 1.5em;
  right: 1.5em;
  bottom: 1.5em;
}
.testi-banner .profile-part{
padding: 4em;
}
.news-wrap .title-wrap .news-title{
font-size: 2em;
}

.home-video .video-text h3  {
font-size: 1.8em;
}
.home-video .video-text p {
  font-size: 1em;
}

.footer-start p {
  font-size: 1em;
}

.in-numbers .title, .in-numbers li h3,.home-promis h3,.footer-start h3,.manifest h3  {
  font-size: 3em;
  letter-spacing: -1px;
}
.manifest-page .author {
  font-size: 1em;
}
.manifest-page p {
font-size: 1.2em;
margin-bottom: 2em;
letter-spacing: 0;
}
.manifest-page h3 {
font-size: 2em;
}
.manifest {
  padding: 4em 0;
}

.case-study.reg-project img {
    width: 140%;
    margin: 2em 0 2em -20%;
}

.case-study.reg-project .case-inner .new-video-wrap {
display:block;
width: 140%;
margin: 2em 0 2em -20%;
}

.title_wrap .huge {
font-size: 2.3em;
max-width: 520px;
}
.strips_container .title-wrap .featured-title, .projects-wrap .top-title  {
font-size: 2em;
}
.services .title-wrap .middle-title {
font-size: 1.8em;
max-width: 520px;
}
.part .article.right {
margin-left: 3em;
}
.npw .top-banner .inner .info-wrap h1 {
font-size: 2em;
}
.wrapper_1700 {
padding-right: 1.5em;
padding-left: 2em;
}
.about_text {
margin-top: 450px;
}

.pinboard-wrap .pinboard .grid-item.widthX1 {
width:50%;
}
.pinboard-wrap .pinboard .grid-item.widthX2{
width:50%;
}
.opening-excerpt .wrapper_1400 {
padding: 0 5em;
}

.home_title_wrap .home_title h1.lp {
font-size: 3.6em;
}
.garamond-font .big_title.home.lp {
font-size: 1.3em;
}
.more-projects ul li {
width:50%;
padding:15px;
height:auto;
margin-bottom: 4em;
}
.work_strip .container-right .inner, .work_strip .container-left .inner {
max-width: 600px;
margin-top: 1em;
}
.work_strip .container-right .inner {
right: -3%;
}
.work_strip .container-left .inner {
left: -3%;
}

.home_title_wrap .home_title h1 {
font-size: 1.2em;
}
.news-wrap li {
width: 50%;
min-height: 0;
padding: 1em 0;
}
.news-wrap li .inner {
min-height: 250px;
padding: 2.5em 5em 2em 0em;
}
.section2 .muze_slide5 a {
margin-top: 4em;
}
.home_title_wrap .home_title h1 {
max-width: 380px;
}
.projects-wrap ul li .cont .post-header .post-title {
font-size: 1.2em;
margin-bottom: 10px;
}
.projects-wrap ul li .cont .post-header p {
line-height: 1.4em;
} 

.work_strip {
height:auto;
}
.work_strip .project_details{
z-index: 1;
padding:6em 0 6em 0;
float:left;
width:100%;
position: static;
}
.work_strip .project_details.right{
z-index: 1;
padding:6em 0 6em 0;
float:left;
width:100%;
position: static;
float:left;
}
.work_strip .container-right .inner {
margin-top:6em;
text-align: center;
position:static;
max-width: 1000px;
width:100%;
float:left;
}
.work_strip .container-right .inner.into-view,
.work_strip .container-right .inner.already-visible {
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.work_strip .container-right .inner img {
width:100%;
float:none;
display:inline-block;
}

.work_strip .container-left .inner {
margin-top:6em;
text-align: center;
position:static;
display: block;
max-width: 100%;
width:100%;
}
.work_strip .container-left .inner.into-view,
.work_strip .container-left .inner.already-visible {
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.work_strip .container-left .inner img {
width:90%;
float:none;
display:inline-block;
}
.about-main .col-left .text-wrap .inner h3,
.about-main .col-right .text-wrap .inner h3{
font-size: 1.5em;
line-height: 1.4em;
}

.work_strip .project_details, .work_strip .project_details.right {
width: 450px;
}
.founders-wrap {
  padding: 8em 0;
}
.founders-wrap h3 {
font-size: 2.2em;
max-width: 100%;
}
.founders-wrap p {
max-width: 100%;
}
.opening-excerpt h1{
letter-spacing: -3px;
}
.founders-wrap img {
position: static;
margin-bottom: 4em;
width: 50%;
}
.opening-excerpt h1.bigger-font {
font-size: 4em;
max-width: 700px;
}
}

@media screen and (max-width: 1100px) {
.home_title_wrap .home_title h2 {
font-size: 3em;
}
.contact-page .contact_form_wrap h3 {
font-size: 2em;
}
.contact-left .big_title {
font-size: 2em;
}
.home_title_wrap .home_title h1 {
  max-width: 600px;
}
.home_title_wrap .home_title .part{
  width:100%;
}
.home_title_wrap .home_title .part.padding{
padding-top: 6em;
width:100%;
}
.opening-excerpt h1 {
font-size: 3em;
max-width: 100%;
font-weight: 300;
}
.about-main .text-wrap .inner {
padding: 6em 5em;
}
.testi-banner .text-part p{
font-size: 1em;
}
.testi-banner .text-part h4{
font-size: 12px;
}
 
.services-content .inner {
padding-left: 0;
}
.work_strip .project_details .wrapper_600 {
max-width: 800px;
}
.work_strip .project_details h3 {
max-width: 600px;
}
.awwwards-honors {
display:none;
}
.css-kudos {
display:none;
}
.work_strip .project_details p {
max-width: 600px;
}
.wrapper_1450 {
padding: 0 4em 0 4em;
}	

.services-page .wrapper_1450 {
padding: 0 5em 0 5em;
}

.footer .main-nav .nav h3 {
font-size: 0.85em;
}

.lp-ux .projects-wrap ul li {
width: 33.333%;
}
.logoNav_wrap { 
display: none;
}
.header_strip {
top: 0;
}	 
.spacer {
height: 0px;
}
.projects-wrap ul li  {
width:50%;
}
.participate .wrapper_1400 {
padding-right: 3em;
padding-left: 3em;
}
.video-youtube.spotify {
width:100%;
margin-left: 0;  
padding-top: 1em;
padding-bottom: 2em;
}
.services ul li {
width: 100%;
min-height: 0px;
margin-bottom: 1.5em;
padding: 0;
}
}

@media screen and (max-width: 1040px) {
.case-study .case-inner video.marg {
margin: 2em 0;
}
.clients li {
width:33%;
margin-bottom: 4em;
}

.awards ul li{
width: 24%;
}
#timeline {
  display: none;
}
.service-nav.desktop {
display: none;
}

.announcement-page .header_strip.nav-down,
.announcement-page .header_strip.nav-up {
top: 55px;
}

.home-video {
padding: 0em 0 8em 0;
}

.whyvid .slide .part.left{
width: 100%;
float: left;
}
.whyvid .slide .part.right{
width: 100%;
float: left;
}
.whyvid .slide .part.text-left {
  padding: 0 0em 0 0 ;
}
.whyvid .slide .part.text-right{
  padding: 0 0 0 0em ;
}

.whyvid .slide .part h3 {
  font-size: 2em;
}
.whyvid .slide .part p {
  font-size: 1.2em;
}
.wrapper_1700_proj {
  padding: 0 2em;
}
.services-main .slide {
  margin-bottom: 6em;
}

.services-main .slide .part.left.padding-box {
  padding: 0;
}
.home-video .video-text {
  width: 100%;
  padding: 0;
}
.home-video .video-wrap {
  width: 100%;
  padding: 0 4em 60% 4em;
}

.home-video .video-text h3 {
  margin-bottom: 10px;
}

.in-numbers li{
width: 50%;
}
.team-wrap li {
-webkit-box-flex:0;
-webkit-flex:0 0 50%;
-ms-flex:0 0 50%;
flex: 0 0 50%;
width:50%;
max-width: 50%;
}

  .case-study.why-muze .why-part .project-vid .video-wrap {
    width:100%;
  }
.makeHeaderWhite .header_strip,.header_strip.white-bkg {
  background:none !important;
}  
.header_strip {
  padding: 1em 0;
}

.header_strip.shadow{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none; 
}
.about-main .col-left,
.about-main .col-right {
width:100%;
}
.about-main .text-wrap .inner {
padding:10em 6em;
}
.explore_btn_yellow.touch-fix {
background-color: #fff;
}
.work_strip .project_details.black .explore_btn_yellow.touch-fix{
background-color: #06070a;
}
.navigation .inside-wrap .navlist li a {
font-size: 3em;
}
.services-main {
padding-top: 0;
}
.wrapper_1700 {
padding-right: 2em;
padding-left: 2em;
}
.services-main .slide .part.text.left {
width: 100%;
}
.services-main .slide .part.text.right {
width: 100%;
}
.services-main .slide .part.right {
float: left;
}
.services-main .slide .part p {
max-width: initial;
}
.services-main .slide {
padding-bottom: 0;
}
.services-main .slide .part {
width:100%;
padding-bottom: 6em;
}

.services-main .slide .part.text.left,
.services-main .slide .part.text.right  {
padding: 2em  0 2em 1em;	
}

.npw .section-image-wrap.responsive {
display: block;
}
.forceWhiteLogo .muze_logo_white {
background-position: -110px 0;
}

.makeHeaderWhite .header_strip{
background: rgba(255,255,255,.9);
}
.footer .main-nav .nav .social li {
margin: 5px 15px 0 0;
}
.footer .main-nav .nav ul li.nested-nav a {
font-size: 12px;
}
.footer .main-nav .nav ul li {
    font-size: 12px;
}
.footer .main-nav .nav .social li {
margin: 5px 10px 0 0;
}
.video-controls {
display:none;
}
.careers-wrap ul li .position {
padding:2em 2em 2em 1em;
}
.careers-wrap ul li .position p {
font-size: 16px;
}
.part .article .big_title_white {
font-size: 2.3em;
}
.careers-wrap ul li .description {
padding:2em 2em 2em 1em;
}

.careers-wrap ul li .description p {
font-size: 14px;
}
.noscroll {
padding-right: 0px;
}

.two-parts .inner {
width:100%;
}
.proj-vid-wrap {
display:none;
}
.npw .lr-top-bkg,
.npw .waves-top-bkg,
.npw .routines-top-bkg,
.npw .windward-top-bkg,
.npw .legit-top-bkg,
.npw .gan-hamada-top-bkg,
.npw .windward-top-bkg,
.npw .arco-top-bkg,
.npw .reshet-top-bkg,
.npw .hapsburg-top-bkg,
.npw .invertex-top-bkg,
.npw .adidas-top-bkg,
.npw .flam-top-bkg,
.npw .gencell-top-bkg,
.npw .tashdal-top-bkg,
.npw .touring-top-bkg,
.npw .shoppimon-top-bkg,
.npw .xtr-top-bkg,
.npw .deadsea-top-bkg,
.npw .dare-top-bkg,
.npw .eyesight-top-bkg,
.npw .iot-top-bkg,
.npw .tarya-top-bkg,
.npw .franchi-top-bkg,
.npw .gimmonix-top-bkg,
.npw .mapping-works-top-bkg,
.npw .tipigo-top-bkg,
.npw .anzu-top-bkg,
.npw .fringefy-top-bkg,
.npw .teysha-top-bkg,
.npw .viamaris-top-bkg,
.npw .aviva-top-bkg,
.npw .visitacity-top-bkg,
.npw .ondas-top-bkg,
.npw .aimbetter-top-bkg,
.npw .localcoinswap-top-bkg,
.section2 .muze_slide1,
.npw .paz-group-top-bkg,
.npw .lnf-top-bkg,
.npw .elasticm-top-bkg,
.npw .magic-top-bkg,
.npw .feezback-top-bkg,
.npw .bold-top-bkg,
.npw .voicespin-top-bkg,
.npw .blink-top-bkg,
.npw .spotify-top-bkg,
.npw .why-muze-top-bkg,
.npw .optimove-top-bkg,
.npw .concertio-top-bkg,
.npw .aspecto-top-bkg,
.npw .wing-top-bkg,
.npw .ahalevi-top-bkg,
.npw .mindsec-top-bkg,
.npw .biot-top-bkg,
.npw .lidwave-top-bkg,
.npw .treedis-top-bkg,
.npw .axilion-top-bkg,
.npw .dataloop-top-bkg,
.npw .finaloop-top-bkg,
.npw .papay-global-top-bkg,
.npw .imc-top-bkg,
.npw .tajoomii-top-bkg,
.npw .cielo-top-bkg,
.npw .biworks-top-bkg,
.npw .sppareme-top-bkg,
.npw .spatz-top-bkg,
.npw .mirato-top-bkg,
.npw .xfloat-top-bkg,
.npw .gadi-top-bkg,
.npw .onestep-top-bkg,
.npw .votiro-top-bkg,
.npw .memphis-top-bkg {
background-attachment: scroll;
}

}

@media screen and (max-width: 1024px) { 
.basic-content h1 {
font-size: 2em;
color:#06070a;
}
.main .project_banner video {
display:none;
}

.main .mockups .full_width .the_img {
display: block;
}
.main .mockups .full_width .video {
display: none;
}
.banner_wrap .bkg_overlay {
display:block;
background:rgba(0,0,0,0.4);
}
.banner_wrap .muze_banner {
display: block;
}
.footer-inner .contact_us p {
font-size: 1.5em;
}
.big_title_white {
font-size: 3em;
}
.section2 .muze_slide1 {
background: url(images/muze_banner0_1024.jpg) no-repeat center top fixed;
}
.section2 .muze_slide4 {
background: url(images/muze_banner4.jpg) no-repeat center top fixed;
}
.section2 .muze_slide5 {
background: url(images/muze-team.jpg) no-repeat center top fixed;
}
.section2 .muze_slide6 {
background: none;
background-color:#222;
}
.title_wrap.no-padding-bottom {
padding-bottom: 6em;
}
.title_wrap .wrapper-for-float {
position: static;
z-index: auto;
}

.garamond-font .big_title {
font-size: 3em;
}
.project-vid  {
padding: 2em 0;
}
.remove-on-mobile {
opacity: 0 !important;
display:none !important;
}
.iot-platfom .project-vid {
opacity:1;
display:block;
}
.fixed_btns {
display: none;
}

.footer-end .right ul {
width: 100%;
}
.projects-wrap ul li  {
width:100%;
min-height: auto;
}

.service-nav .inner li {
display: block;
margin: 1em 1em;
white-space: pre-line;
}
.service-nav .inner li:first-child {
 margin: 0 1em; 
}
}

@media screen and (max-width: 960px) {


.case-study .case-inner .half.left, .case-study .case-inner .half.right{
width: 100%;
float: left;
padding: 0;
margin-bottom: 2em;
}

.contact-page .contact_form_wrap h3,.contact-left .big_title{
  font-size: 2em;
}
.news-wrap li {
width: 100%;
  padding: 0;
}
.about-main .text-wrap .inner {
padding:13em 6em;
}
.wrapper_1200 .small_title_white {
padding: 1em 3em;
font-size: 1.5em;
letter-spacing: -1px;
}
.footer-end .bottom-footer {
  margin-bottom: 20px;
}
.footer-end .right ul, .footer-end .left ul {
  display: block;
}
.wrapper_960 {
    padding-right: 2em;
    padding-left: 2em;
}
.benefits .title {
    font-size: 3em;
    max-width: 600px;
}
.footer-end .right, .footer-end .left {
  width: 100%;
  float: left;
}
.footer-end .right ul li, .footer-end .left ul li{
  padding: 0;
  width: 100%;
  flex: none;
  margin-bottom: 20px;
}
.footer-end .right ul li h3, .footer-end .left ul li h3,
.footer-end .right ul li p, .footer-end .left ul li p{
  text-align: left;
}
.case-study.reg-project img {
width: 100%;
margin: 2em 0 2em 0;
}

.case-study.reg-project .case-inner .new-video-wrap {
width: 100%;
margin: 2em 0 2em 0;
}

.projects-wrap .wrapper_1500 {
    padding: 0 2em;
}
.testi-banner .text-part p {
letter-spacing: 0;
line-height: 2em;
}
.testi-banner .profile-part{
width:100%;
float: left;
padding: 0 4em;
}
.testi-banner .text-part{
width:100%;
float: left;
padding: 0em 0em 2em 0em;
}
.case-study.why-muze .why-part .project-vid .video-wrap {
padding: 0;
}
.promiss h3{
font-size: 2em;
}

.home_title_wrap .home_title h1 {
max-width: 700px;
}
.packages li {
width:100%; 
}  
.packages li {
padding: 0;
}
.sprint-gallery .part .wrap50{
width:100%;
}
.work_strip .project_details {
padding: 3em 0 6em 0;
width:100%;
}
.work_strip .project_details .wrapper_600 {
	padding: 0;
}
.title_wrap .huge {
font-size: 2em;
max-width: 460px;
line-height: 1.4em;
}
.work_strip .project_details.right {
padding: 3em 0 6em 0;
width:100%;
}

.footer .main-nav .nav {
width: 50%;
min-height: 300px;
padding: 0; 
}
.awwwards-honors {
display:none;
}

.lp-ux .projects-wrap ul li {
width: 50%;
}
.small_title {
font-size: 1.15em;
}
.css-kudos {
display:none;
}
.lp-ux .projects-wrap ul li:nth-child(2) {
display: none;
}
.muze_logo_white {
left: 2.2em;
top: 3.5em;
}

.customers_logos {
display: none;
}
.about_text {
margin-top:500px;
}
.about_text {
padding-top: 2em;
}
.title_wrap .projects_title h1 {
font-size: 5em;
}
.title_wrap .projects_title h2 {
font-size: 1em;
}

.section2 .muze_slide5 .text_wrap {
padding: 15% 0 15% 0;
}
.section2 .muze_slide6 .text_wrap {
padding: 15% 0 15% 0;
}
.explore_btn {
width: 280px;
height: 60px;
line-height: 60px;
}
.projects_btn .explore_btn {
font-size: 1.1em;
}
.wrapper_1350 .project_mockup.marg-left {
margin-left:0px;
}
.wrapper_1350 .project_mockup.marg-right {
margin-right:0px;
}

.mobile_project_nav {
display:block;
} 
.about_text .main {
width: 100%;
padding-right: 0;
}
.about_text .quote  {
padding-left: 0;
width: 100%;
}
.about_text {
top: 50%;
}
.main .mockups .full_width {
width: 100%;
margin: 1em 0 1em 0;
padding: 0em;
}
.main .mockups .half_width {
width: 100%;
margin: 6em 0 1em 0;
padding: 0em;
text-align: center;
}
.main .mockups .half_width img {
width: 68%;
float:none;
}
.main .mockups .half_width.mobile {
width:100%;
}
.main .mockups .half_width.mobile img{
width:40%;
}
.main.accadia-page .mockups .half_width {
margin: 0;
padding: 6em 0 0em 0;
}
.main.accadia-page .mockups .half_width img {
width:100%;
}
.main.accadia-page .mockups .half_width.white-bkg {
background-color: #fff;
padding-top: 0;
}
.main .mockups .half_width .floating-text {
max-width: 100%;
padding:10em;
}	
.main .mockups .half_width.mobile img {
width: 40%;
float:none;
}
.main .project_banner {
padding-bottom: 20%;
padding-top: 20%;
}
.projects_wrap .projects li {
width: 50%;
}
.big_title_white {
font-size: 2em;
}
.wrapper_1200 .big_title {
font-size: 2em;
}
.projects_title_wrap .projects_title h1 { 
margin: 30px auto 0 auto;
}
.wrapper_1200 .small_title_white {
        padding: 0 1.5em;
}
.big_title_white {
font-size: 3em;
}
.page-wrap .inner-wrap .main .more-info {
display: none;
}
.main .mockups .info_section .content .left_side,
.main .mockups .info_section .content .right_side  {
width:100%;
}
.wheelchair {
display:none;
}
.project_footer {
display: none;
}
.careers-wrap ul li .position .cross {
display:none;
}
.modal-box .overlay .middle .content {
padding:0;
}

.icons-wrap ul li span {
font-size: 1em;
}
.scroll-btn-down {
display:none;
}

p {
font-size: 1.1em;
}
.wrapper_1200 .big_title {
font-size: 2.6em;
}
.footer-inner .contact_us p {
font-size: 1.1em;
}
.video_wrapper .video_content {
padding: 2em;
}
}

@media screen and (max-width: 900px) {	

.opening-excerpt h1 {
    font-size: 2.8em;
}

.opening-excerpt-wrap .opening-excerpt {
    padding: 9em 0 6em 0;
}
.service-nav {
padding-bottom: 0   
}
.home_title_wrap .home_title a {
display: none;
}
.home-page .section .blob{
display: none;
}  
.news-wrap li .inner {
min-height: 230px;
}
.about_text {
margin-top: 450px;
}
.gap .content .inner h3 {
font-size: 5em;
}
.quote_strip blockquote {
font-size: 2em;
}
.home-vid {
padding: 0 4em 80% 4em;
}
.work_strip .project_details .wrapper_600 {
max-width: 700px;
}
.section4 .muze_slide2 {
padding: 10% 0 12% 0;
}

p {
font-size: 1.05em;
}
.footer-inner .contact_us p {
font-size: 1em;
}
.section2 .muze_slide4 .text_wrap {
padding: 20% 0 20% 0;
}

.title_wrap2.content-page .projects_title h1 { 
text-align: left;
font-size: 2em;
}
}

@media screen and (max-width: 850px) {

.wrapper_1200.splited video {
width: 100%;
}

.contact-page .contact-left {
width:100%;
height: auto;
padding: 2em 2em;
}
.contact-page .contact-left .big_title,
.contact-page .contact_form_wrap h3 {
font-size: 1.5em;
}
.contact-page .contact_form_wrap {
width:100%;
padding: 2em 2em 2em 2em;
}
.contact-page .contact-left .inner {
    padding: 2em 0 6em 0;
}
.contact_form_wrap .wrapper_1300 {
  padding: 0;
}

.clients li:last-child {
display: none;
}
.testimonials-wrap.careers .testimonials-slider .slide .quote p{
font-size: 2em;
}
.team-wrap ul li .inner {
    padding: 0 2em 0 0;
}
.founders-wrap p {
font-size: 1em;
}
}


@media screen and (max-width: 800px) {
.footer-end .design-rush {
  clear:both;
  margin-top: 0;
}
.footer-end .good-firms {
  margin-top: 20px;
}
.case-study .case-inner h3 {
  font-size: 1em;
}
.case-study .case-inner h3.big {
font-size: 1.2em;
font-weight: 600;
margin-bottom: 10px;
}
.projects-wrap ul li .cont .post-header h3{
  font-size: 1.4em;
}
    .testi-banner .text-part {
        padding: 0em 1.5em 2em 1.5em;
    }
.npw .davidson-top-bkg{
background-color: #4F5BC6;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}

.npw .spatz-top-bkg{
background: url(images/projects/spatz/top-bkg.jpg);
background: none;
background-color: #BCC1FF;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 0; 
background-attachment: fixed;
background-repeat: no-repeat;
}

.home-promis {
padding-bottom: 4em;
}

.opening-excerpt h1 {
letter-spacing: -2px;
}

.founders-wrap img {
width: 100%;
}

.case-study .case-inner p {
font-size: 1em;
}
.case-study.why-muze .why-part h3,
.case-study.why-muze .why-part h2{
font-size: 1.6em;
}
.case-study .case-inner .middle-title h3 {
  font-size: 1.6em;
  margin-bottom: 3em;
}
.proj-2019 img {
padding: 2em 0;
}
.boost-wrap .boost-banner h3 {
font-size: 1.2em;
}
.services-content {
padding-top: 8em;
}
.services-content .inner h1 {
margin-bottom: 20px;
margin-top: 20px;
}

.services-main .slide .part p {
font-size: 1.2em;
}
.services-main .slide .part.text.right {
width: 100%;
}

.services-main .slide .part.text.left {
width: 90%;
}
.clients-logos {
padding: 0 0em 0em 0em;
}
.opening-excerpt .wrapper_1400 {
padding: 0 4em;
}
.testimonials {
display: none;
}
.lp-ux .testimonials {
display: block;
}
.lp-ux .small_title_white {
font-size: 1.6em;
}
.section4 .muze_slide2 {
padding: 7% 0 7% 0;
}
.home_title_wrap .home_title h1.lp {
font-size: 3.4em;
}
.lp-ux .wrapper_1200 .small_title {
max-width: 600px;
font-size: 1.1em;
padding: 0;
}
.projects-wrap ul li .cont .post-header .description {
font-size: 0.7em;
}
.lp-ux .contact_form_wrap {
margin-top: 0;
}
.testimonials .contentSlider .customer_testimonial {
padding: 12em 3em 0 3em;
}
.lp-ux .wrapper_1200 .small_title_white {
max-width: 500px;
}
.main .project_banner {
padding-top: 30%;
padding-bottom: 30%;
}
.main .adidas {
background: url(images/projects/adidas/banner_800.jpg) no-repeat center;
}
.main .sip {
background: url(images/projects/sip/banner_800.jpg) no-repeat center;
}
.main .astera {
background: url(images/projects/astera/banner_800.jpg) no-repeat center;
}
.main .hapsburg {
background: url(images/projects/hapsburg/banner_800.jpg) no-repeat center;
}
.main .flam {
background: url(images/projects/flam/banner_800.jpg) no-repeat center;
}
.main .haimafriat {
background: url(images/projects/haimafriat/banner_800.jpg) no-repeat center;
}
.main .gencell {
background: url(images/projects/gencell/banner_800.jpg) no-repeat center;
}
.main .lr-group {
background: url(images/projects/lr-group/banner_800.jpg) no-repeat center;
}
.main .tashdal {
background: url(images/projects/tashdal/banner_800.jpg) no-repeat center;
}
.main .hutchison {
background: url(images/projects/hutchison/banner_800.jpg) no-repeat center;
}
.main .rimokh {
background: url(images/projects/rimokh/banner_800.jpg) no-repeat center;
}
.main .arco {
background: url(images/projects/arco/banner_800.jpg) no-repeat center;
}
.main .mangosalute {
background: url(images/projects/mangosalute/banner_800.jpg) no-repeat center;
}
.main .reshet {
background: url(images/projects/reshet/banner_800.jpg) no-repeat center;
}
.main .invertex {
background: url(images/projects/invertex/banner_800.jpg) no-repeat center;
}
.case-study .case-inner .video-wrap {
width: 320px;
}
.wrapper_1200 .small_title {
max-width: 490px;
font-size: 1.3em;
line-height: 1.8em;
}
.spacer {
width: 100%;
height: 150px;
float: left;
}
.projects_title_wrap .projects_title h3 {
font-size: 1.5em;
}
.about_text {
margin-top: 400px;
padding: 0 2em 3.5em 2em;
}
.projects_title_wrap.grey .projects_title {
padding: 15% 0 0% 0;
}
.participate .participate-box{
width:100%;
}
.participate {
padding: 0em 0 0em 0;
}
.projects_title_wrap .projects_title h1 {
font-size: 2.4em;
}
.projects_title_wrap .projects_title h2 {
font-size: 1.1em;
}
.main .mockups .half_width .floating-text {
padding: 10em 8em 0em 8em;
}
.main .mockups .half_width .floating-text h3 {
font-size: 2.5em;
}
.work_strip .project_details h3 {
font-size: 1.5em;
}
.work_strip .project_details p {
font-size: 1em;
}
.vibe-wrap .vibe-title h1 {
font-size: 10em;
}
.vibe-wrap .vibe-title {
bottom: 200px;
}
.project-section p {
text-align: left;
}
.npw .top-info .challenge,.npw .top-info .deliverables{
width:100%;
}
.npw .top-info .deliverables .inner {
float:left;
}
.npw .top-info .challenge h3,.npw .middle-info .concept h3 {
font-size: 1.6em;
}
.npw .top-info .challenge .authur {
margin-bottom: 0;
}
.section4.first {
padding-top: 2em;
}
#contact_form {
width: 80%;
}

.opening-excerpt-wrap .el-parallax1,
.opening-excerpt-wrap .el-parallax2{
display:none !important;
}
.bottom-cta .inner-wrap .inner h3 {
font-size: 1.9em;
padding: 0 2em;
}
.work_strip .project_details .wrapper_600 {
max-width: 600px;
}

.case-study .case-inner p.excerpt {
font-size:1.2em;
}

.project-vid.sppareme {
display: none
}
.thanks-content .inner h3 {
font-size: 2em;
}
.thanks-content .inner h4{
  font-size: 1em;
}

.wrapper_1600_video, .wrapper_2000_video {
  padding: 0 1em;
}
}


@media screen and (max-width: 700px) {
.qna-section .qna-wrapper .question h3{
font-size: 1.2em;
max-width: 320px;
}
.qna-section .qna-wrapper .question .cross{
	right:10px;
}
.services-banner {
width: 200%;
float: left;
margin-left: -50%;
margin-bottom: 4em;
}
.whyvid .slide .part h3 {
font-size: 1.7em;
letter-spacing: -1.5px;
}
.whyvid .slide .part p {
font-size: 1em;
}
.qna-section .qna-wrapper .answer p {
    max-width: 90%;
}
.in-numbers li{
width: 100%;
margin-bottom: 2em;
}

.vid-section .four-parts{
width:100%;
padding:1em;
display: none;
}
.vid-section .third-parts{
width:100%;
padding:1em;
display: block;
}

.case-study .case-inner .youtube-wrap {
width:100%;
margin-left: 0;
}
.case-study .case-inner .youtube-wrap .testimonial{
width:100%;
}

.promiss {
padding: 0em 0 8em 0;
}
.promiss h3{
font-size: 1.3em;
line-height: 1.6em;
}
.home-vid, .product-movie-vid {
padding: 0 4em 140% 4em;
}  
.about {
padding: 2em
}
.home-wrap,.product-movie-wrap {
float: left;
width:100%;
padding: 0 2em 4em 2em;
}
.about-main .text-wrap .inner {
padding:6em 2em;
}
.inner-wrap .title_wrap.home {
padding: 5em 0 0em 0 !important;
}


.garamond-font .big_title {
font-size: 2.2em;
}
.wrapper_1700 {
padding:0 2em; 
}
.work_strip .container-left{
height:auto;
}
.bottom-cta .inner-wrap .inner h3 {
font-size: 1.8em;
padding: 0 1em;
}
.work_strip .container-right .inner, .work_strip .container-left .inner {
padding: 0;
}
.npw .middle-info .concept p {
font-size: 0.9em;
}
.services-page .wrapper_1450 {
padding: 0 4em 0 4em;
}

.services-main .slide .part.text.left {
width: 100%;
}
.services-main .slide .part.text.right {
width: 100%;
}
.services-main .slide .part.padding-box {
  padding:0em;
}
.services-main .slide .part p {
font-size: 1em;
}
.services-main .slide .part.text.left, .services-main .slide .part.text.right {
padding: 2em 0 4em 0.5em;
}
.wrapper_1700 {
padding-right: 1.5em;
padding-left: 1.5em;
}
.header_strip .contact-now {
line-height: 40px;
font-size: 0.7em;
margin: 3.5em 2em 0 0;
}
.npw .top-info {
padding: 6em 0 6em 0;
}
.npw .top-info .challenge p {
font-size: 0.9em;
}
.navigation .inside-wrap .navlist {
padding: 4em 0 1em 0;
}
.projects-wrap ul li .cont .post-header {
padding: 0.5em 1em 1em 1.5em;
height: auto;
}
.projects-wrap ul li .description {
  margin-left: 1.5em;
}
.projects-wrap ul li {
padding: 0.6em;
}
.participate .participate-box {
padding: 0 1em;
margin-bottom: 4em;
}
.work_strip .container-right{
height:auto;
}
.home_title_wrap .home_title span {
margin: 0px auto 0px auto;
}

.muze_logo_white {
left: 2em;
top: 3em;
}
.burgWrapper.activeBurg {
right: 2em;   
}
.about_text {
margin-top: 350px;
}
.title_wrap .projects_title h1 { 
font-size:4.5em;
}
.section4 .muze_slide2 {
padding: 8% 0 10% 0;
}
.services-page .wrapper_1450 {
padding: 0 3em 0 3em;
}
.explore_btn {
font-size: 0.8em;
width: 220px;
height: 60px;
line-height: 60px;
}
.projects_btn .explore_btn {
font-size: 1em;
padding-top: 15%;
padding-bottom: 15%;
}
.clients {
padding: 4em 0em 0em 0em;
}

.projects_wrap .projects li {
width: 100%;
}

.footer-inner .contact_us_wrap {
width: 100%;
height: 400px;
position: static;
float: left;
clear: left; 
}
.footer-inner .contact_us {
font-size: 70%;
}
.contact_form_wrap #contact_form {
width: 100%;
}
.contact_form_wrap #contact_form ul li button {
height: 60px;
}
.title_wrap.no-padding-bottom {
padding-bottom: 0;
padding-top: 0;
}
.wrapper_1200 .small_title_white {
padding: 0 0.5em;
font-size: 1.4em;
letter-spacing: -1px;
}
.section2 .muze_slide4 .text_wrap {
width: 100%;
height: auto;
text-align: center;
padding: 27% 0 27% 0;
}
.section2 .muze_slide1 .text_wrap {
width: 100%;
height: auto;
text-align: center;
padding: 27% 0 27% 0;
}	 
.section2 .muze_slide5 .text_wrap {
padding: 20% 0 20% 0;
}
.section2 .muze_slide6 .text_wrap {
padding: 20% 0 20% 0;
}
.projects_wrap .projects li a .project_info {
height: auto;
padding: 20px 20px 20px 20px;
}
.title_wrap .projects_title h2 {
max-width: 500px;
}

.home_title_wrap {
top: 0px;
}
.about_text .quote blockquote {
font-size: 1.5em;
}
.projects_bkg {
background-position: right center;
}
.main .mockups .half_width .floating-text {
padding: 10em 6em 0em 6em;
}
.careers-wrap .wrapper_1200 {
padding:1em;
}

.projects-wrap ul li .cont .border-bottom {
display:none;
}
.projects-wrap ul {
padding-top: 1em;
}

.home_title_wrap .home_title h1.lp {
font-size: 3em;
padding-top: 15px;
padding-bottom: 15px;
}
.opening-excerpt .wrapper_1400 {
padding: 0 3em;
}
.testimonials .contentSlider .customer_testimonial {
padding: 12em 0em 0 0em;
}
.lp-ux .section2 .muze_slide5 .text_wrap {
padding: 20% 0 20% 0;
}
.lp-ux .small_title_white {
font-size: 1.4em;
}

.el-wrap {
display:none;
}
.vibe-wrap .vibe-title .inner h1 {
font-size: 8em;
}
.featured-wrap .featured img {
margin-bottom: 1.5em;
}
.wrapper_1450 {
padding:1.5em;
}
.news-wrap .title-wrap {
padding: 0;
}
.garamond-font .big_title.home {
font-size: 1.2em;
}
.featured-wrap .featured h3,.featured-wrap .featured img{
float:left;
text-align: left;
}
.npw .wrapper_700,.wrapper_1040 {
padding: 0 1.5em;
}

.services ul li {
padding: 0;
}
.more-projects .title {
letter-spacing: 0.02em;
}
.more-projects ul {
padding: 2em 0;
}
.featured-wrap .featured {
padding: 2.5em 1.5em;
}
.title_wrap2 .projects_title h1,.title_wrap2 .projects_title h2{
  text-align:left !important;
}
.npw .top-banner .inner .info-wrap h1,.npw .top-banner .inner .info-wrap h2{
 text-align:left !important; 
}
.npw .top-banner .inner .info-wrap h1 {
font-size: 1.8em !important;
line-height: 1.4 !important; 
letter-spacing: 0 !important; 
}
.npw .top-info .challenge h3, .npw .middle-info .concept h3{
 font-size: 1.4em !important; 
}
.case-study.why-muze .why-part h3,
.case-study.why-muze .why-part h2 {
  text-align: left;
}
.title_wrap2 .projects_title h2 {
  font-size: 1.2em !important;
}
.vid-section .third-parts {
  margin-bottom: 4em;
}
.project-vid-2022 video {
  margin-bottom: 2em;
}
.opening-excerpt h1.bigger-font {
font-size: 3em;
}
.wrapper_1450 {
padding: 0 1.5em;
}
.opening-excerpt h1 {
font-size: 2.4em;
}
.footer-end {
padding: 2em 0 1em 0;
}
.clients li img {
max-height: 35px;
}
}

@media screen and (max-width: 600px) {
.manifest {
margin-bottom: 5em;
}
.in-numbers .title, .in-numbers li h3, .home-promis h3, .footer-start h3, .manifest h3 {
font-size: 2em;
}
.news-wrap li {
width: 100%;
padding: 2em 0 2em 0;
}
.menifestpage .opening-excerpt-wrap .opening-excerpt {
	padding-bottom:0; 
}
.team-wrap ul li .inner {
padding: 0;
}
.awards {
    padding: 0;
}
.awards ul li{
width: 25%;
padding: 20px;
margin:0 10px;
}
.services ul li .servicebox {
min-height: 400px;
}
.founders-wrap {
padding: 0em 0 8em 0;
}
.founders-wrap img {
margin-bottom: 2em;
}
.home-video .video-text h3 {
margin-bottom: 10px;
font-size: 2em;
letter-spacing: -1px;
padding: 2em 0 0.5em 0;
}

.awards h3 {
font-size: 2em;
}
.team-wrap .title {
font-size: 1.8em;
}
.founders-wrap h3 {
font-size: 1.8em;
padding-bottom: 0.5em;
}
.team-wrap li {
-webkit-box-flex:0;
-webkit-flex:0 0 100%;
-ms-flex:0 0 100%;
flex: 0 0 100%;
width:100%;
max-width: 100%;
}

.home-wrap{
display: none;
}

.case-study .case-inner blockquote {
font-size: 1.4em;
}
.featured-wrap .featured h3 {
font-size: 0.85em;
}
.more-projects ul li {
width:100%;
height: auto;
margin-bottom: 2em;
}
.news-wrap li .inner {
min-height: 130px;
padding: 0;
}
.news-wrap li .inner .title {
font-size: 0.9em;
}
.sprint-gallery .part .wrap50 .box {
width: 100%;
height: auto;
}


.clients li:last-child {
display: block;
}

.services-main .slide .part h3 {
font-size: 1.6em;
letter-spacing: 0px;
}
.services-page .wrapper_1450 {
padding: 0 2em 0 2em;
}
.bottom-cta .inner-wrap .inner h3 {
font-size: 1.5em;
margin-bottom: 1em;
padding: 0 0 1em 0;
}
.footer .main-nav .nav{
width:50%;
padding: 0em;
}
.part.android.text {
padding-left: 0;
}
.participate .participate-box {
padding: 0 0em;
}
.participate p {
font-size: 1em;
}
.part.android .article {
padding: 0 6em 0 2em;
}
.participate .participate-box img {
height: 90px;
}
.header_strip {
border-bottom:none;
}
.header_strip .contact-now {
line-height: 38px;
margin: 3.5em 2em 0 0;
padding: 0 2em;
}
.projects_icon {
display:none;
}
.project_footer.display {
display: block;
}
.projects_title_wrap .projects_title h1 {
font-size: 2em;	
line-height: 1.2em;
}
.projects_title_wrap .projects_title h2 {
font-size: 1em;
}
.section2 .muze_slide1 {
background: url(images/muze_banner0_600.jpg) no-repeat center top fixed;
}
.section2 .muze_slide4 {
background: url(images/muze_banner4.jpg) no-repeat center top fixed;
}
.section2 .muze_slide5 {
background: url(images/muze-team.jpg) no-repeat center top fixed;
}
.section2 .muze_slide6 {
background-color:#222;
}
.section {
font-size: 80%;
}
.section2 .muze_slide5 .text_wrap {
padding: 26% 0 25% 0;
}
.section2 .muze_slide6 .text_wrap {
padding: 26% 0 25% 0;
}
.big_title_white {
font-size: 2.2em;
}
.wrapper_1200 .big_title  {
font-size: 1.8em;
}
.wrapper_1200 .small_title  {
font-size: 1.2em;
}
.mobile_project_nav  {
display: block;
}
.mobile_width {
left: 0% !important;
}
.contact_form_wrap #contact_form ul{
width: 100%;
}
.main .mockups .half_width .floating-text {
padding: 6em 3em 0em 3em;
}
.main .mockups .half_width .floating-text h3 {
font-size: 2em;
}
.section-cta .inner h3 {
font-size: 1.5em;
}
.pinboard-wrap .pinboard .grid-item.widthX1,
.pinboard-wrap .pinboard .grid-item.widthX2{
width:100%;
}
.main .mockups .ui-wrap .typo ul {
text-align: center;
}
.main .mockups .ui-wrap .typo ul li {
width:250px;
float:none;
display:inline-block;
}
.main .mockups .ui-wrap .colors ul li {
padding: 1em;
}
.main .mockups .ui-wrap .icons ul li {
padding:1em;
}
.main.accadia-page .mockups .pages-mock .image-wrap{
width:100%;
padding:0;
}
.video-vibe-wrap .inner {
width:100%;
margin-bottom: 0em;
padding: 0 0em 2em 0em;
}
.opening-excerpt {
padding: 12em 0 6em 0;
}
.garamond-font .big_title.home {
padding: 0;
}
.opening-excerpt {
padding: 10em 0 6em 0;
}
.opening-excerpt h2 {
padding-right: 0;
font-size: 1em;
}
.projects-wrap .wrapper_1200 {
padding-right: 0.5em;
padding-left: 0.5em;
}
.title_wrap2 .projects_title {
padding: 9em 0.5em 4em 0.5em;
}

#showreel .closingXWrapper {
right: 1.5em;
top: 1.5em;
}
.video_wrapper .video_content {
padding: 1.5em;
}
.header_strip .wrapper_2000, .wrapper_2000, .wrapper_1400 {
padding: 0 1em;
}
.navigation .inside-wrap {
padding: 4em 0 0em 2.5em;
}
.explore_btn_blk {
font-size: 0.7em;
padding: 1.8em 2em;
}
.news-wrap {
padding: 2em 0 8em 0;
}
.news-wrap .title-wrap h3 {
font-size: 1.2em;
}
.opening-excerpt-wrap .opening-excerpt {
padding-top: 6em;
padding-bottom: 2em;
}
.about-main .col-left .text-wrap .inner p, .about-main .col-right .text-wrap .inner p {
margin-top: 20px;
}
.title_wrap2 {
display: block;
}
.title_wrap2 .projects_title {
display: block;
}
.npw .top-banner .inner .info-wrap h1{
  letter-spacing: 2px;
  font-size: 1.2em;
  line-height: 1.4;
}
.npw .top-banner .inner .info-wrap h2 {
  letter-spacing: 2px;
  font-size: 14px;
}
.benefits {
    padding: 2em 0 0em 0;
}
.careers-wrap {
    padding: 5em 0 0em 0;
}
.manifest h3 {
font-size: 1.6em;
letter-spacing: 0;
line-height: 1.8;
margin-bottom: 20px;
}
.filter-wrap{
  bottom: 30px;
}
.opening-excerpt h1 bigger-font{
font-size: 3em;
}
.opening-excerpt h1{
font-size: 2em;
line-height: 1.3em;
margin-bottom: 20px;
}
.work_strip .project_details {
padding: 1.5em 0 6em 0;
}
.work_strip .project_details.right {
padding: 1.5em 0 6em 0;
}
}

@media screen and (max-width: 550px) { 

.in-numbers {
  padding: 4em 0 4em 0;
}
.services {
  padding: 2em 0 4em 0;
}

.home-video {
      padding: 0em 0 4em 0;
}
.home-video .video-wrap {
width:100%;
float: right;
position: relative;
padding: 0;
border-radius: 10px !important;
overflow: hidden !important;
isolation: isolate;
margin-bottom: 0;
}

.in-numbers li h3 {
margin-bottom: 20px;
}
.home-video .video-wrap video{
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
display: block;
position: static;
height: auto;
width: 100%;
}

.main .mockups .half_width img {
padding:0 !important;
width:100%;
}
.case-study .case-inner img {
width: 108%;
margin: 1em 0 1em -4%;
}
.main .mockups .half_width.mobile img {
padding:0 !important;
width:100%;
}
.navigation .inside-wrap{
width:100%;
height:100%;
padding:2em 0 0em 2em;
}
.navigation .inside-wrap .navlist li a {
font-size: 2em;
}
.btns-wrapper {
white-space: pre-line;
padding: 1em 0 8em 0;
}
.btns-wrapper .explore_btn_blk{
margin-bottom: 1em;
}
.clients-logos li{
width:33.3333333333%;
}
.testimonials-wrap {
padding: 0em 0 0em 0;
}
.testimonials-wrap .testimonials-slider .slide .wrapper_800 {
padding-right: 1em;
padding-left: 1em;
}
.testimonials-wrap .testimonials-slider .slide .quote p {
font-size: 14px;
line-height: 1.9em;
letter-spacing: 0.01em;
margin-top: 20px;
padding: 0 10px;
}
.testimonials-wrap .testimonials-slider .slide .info h3.name {
font-size: 17px;
}
.testimonials-wrap .testimonials-slider .slide .info h3.job {
font-size: 13px;
}
.home_title_wrap .home_title h1 {
font-weight: 500;
letter-spacing: 0px;
font-size: 1.4em;
margin-top: 1.5em;
}
.contact_form_wrap .big_title {
font-size: 1.5em;
}
.home_title {
padding: 0 0.5em;
}
.qna-section {
padding: 2em 0 0em 0;
}
.home-wrap, .product-movie-wrap {
padding: 0 1em 2em 1em;
height: 480px;
overflow: hidden;
}
.home-vid, .product-movie-vid {
padding: 0em 4em 115% 4em;
}
.strips_container .title-wrap {
padding: 0em 0 1em 0;
}
.work_strip .project_details h3 {
font-size: 1.4em;
line-height: 1.6em;
}
.strips_container .title-wrap .featured-title {
font-size: 2em;
}
.work_strip .container-left .inner {
margin-top: 3em;
}
.work_strip .container-right .inner {
margin-top: 3em;
}
.project_details .explore_btn_yellow {
margin: 1em 0 2em 0;
font-size: 1em;
}
.about {
padding: 1em;
}
.section2 .muze_slide5 a {
margin-top: 3em;
}
.services .title-wrap .middle-title {
font-size: 1.6em;
}
.news-wrap .title-wrap .news-title {
font-size: 1.6em;
}
.clients li:nth-child(16),
.clients li:nth-child(17),
.clients li:nth-child(18),
.clients li:nth-child(19),
.clients li:nth-child(20),
.clients li:nth-child(21) {
display: none;	
}
.case-study.reg-project .case-inner{
padding-bottom: 0;
}
.footer .main-nav .nav ul li {
margin-bottom: 4px;
}

.clients li img {
max-height: 25px;
}
}

@media screen and (max-width: 500px) {
.careers-wrap {
padding: 2em 0;
}
.clients {
padding: 2em 0em 4em 0em;
}
.video-vibe-wrap h3 {
font-size: 1.2em;
padding: 0;
}
.home_title_wrap .home_title h1 {
font-size: 1.25em;
}


.home_title_wrap {
padding-bottom: 2em;
}
.services-content .main-service {
padding-top: 3em;
}

.services-main .slide {
padding: 2em 0;
}
.footer .main-nav .nav {
width: 100%;
min-height: 1px;
margin-bottom: 1.8em;
}
.services-content .inner h1 {
font-size: 1.8em;
}
.services-content .inner h2 {
font-size: 1em;	
}
.project_footer .contact-btn {
width: 250px;
font-size: 0.8em;
}
.services-main .slide .part.text.left, .services-main .slide .part.text.right {
padding: 0em 0 3em 0em;
}
.burgWrapper.activeBurg {
right: 0em;
}
.header_strip .contact-now {
line-height: 36px;
font-size: 0.65em;
margin: 3.6em 2em 0 0;
padding: 0 2em;
}
.muze_logo_white {
left: 1.6em;
top: 2.8em;
}
.title_wrap2 .projects_title h2 {
padding: 0;
margin: 15px auto 25px auto;
text-align: center;  
font-size: 1em;	
}
.title_wrap2 .projects_title h1 {
line-height: 1.3em;
text-align: center;
font-size: 1.8em;
letter-spacing: -0.04em;
}
.services-content .inner h1,
.services-content .inner h2 {
text-align: left;  
}

.burgWrapper.activeBurg {
right: 1.6em;  
}
.spacer2 {
height: 45px;
}
.projects_title_wrap .projects_title h3 {
font-size: 1.2em;
}
.wrapper_1200 .small_title {
max-width: 350px;
}
.explore_btn {
font-size: 0.8em;
width: 160px;
height: 50px;
line-height: 50px;
}
.projects_btn .explore_btn {
font-size: 0.9em;
padding-top: 20%;
padding-bottom: 20%;
}
.news-wrap li .inner {
min-height: 0px;
}
.section .muze_slide3 {
padding:0 0 10% 0 ;
}
.section .muze_slide2 {
padding:0 0 10% 0 ;
}

.inner-wrap .title_wrap.home {
padding: 4em 0 0em 0 !important;
}
.inner-wrap2 .title_wrap {
padding: 4em 0 4em 0;
}
.section2 .muze_slide4 .text_wrap {
width: 100%;
height: auto;
text-align: center;
padding: 33% 0 33% 0;
}
.section2 .muze_slide1 .text_wrap {
width: 100%;
height: auto;
text-align: center;
padding: 33% 0 33% 0;
}
.wrapper_1200 {
width: 100%;
height: auto;
max-width: 1200px;
position: relative;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0;
padding-left: 2em;
}
.spacer {
height: 100px;
}
.icons-wrap ul li {
width:100%;
}

.opening-excerpt .wrapper_1400 {
padding: 0 2em;
}
.whyvid .slide {
  margin-bottom: 8em;
}
.opening-excerpt h2 {
font-size: 1em;
margin-top: 20px;
line-height: 1.8em;
}
.footer-inner .contact_us p {
font-size: 18px;
}
.footer-inner .contact_us .telephone {
font-size: 15px;
}
.footer-inner .contact_us a.street {
font-size: 15px;
}
.footer-inner .contact_us_wrap {
height: 430px;
}
.testimonials-wrap.careers .testimonials-slider .slide .quote p{
font-size: 1.5em;
}
.home_title_wrap .home_title .part.padding {
padding-top: 1em;
}
.home_title_wrap {
padding-top: 8em;
}
.wrapper_1450 {
padding: 0 1.5em;
}
.projects-wrap ul li .cont .image-wrap .vid-wrap {
top: 1em;
left: 1em;
right: 1em;
bottom: 1em;
}
.footer-start a {
font-size: 20px;
}
.footer .main-nav {
border-top: 0px solid #000;
}
}

@media screen and (max-width: 450px) { 		   
.about_text {
margin-top: 330px;
}

.opening-excerpt {
padding: 9em 0 6em 0;
}
.muze_logo_white {
left: 1.4em;
top: 2.6em;
}
.lp-ux .projects-wrap ul li {
width: 100%;
}

.burgWrapper.activeBurg {
right: 1.4em; 
}
.spacer {
height: 80px;
}
.about_text {
top: 50%;
}
.testimonials .contentSlider {
width: 100%;
}
.lp-ux .contact_form_wrap .wrapper_1200 {
padding-right: 0em;
padding-left: 0em;
}

.section2 .muze_slide5 .text_wrap {
padding: 28% 0 28% 0;
}
.section2 .muze_slide6 .text_wrap {
padding: 28% 0 28% 0;
}

.projects-wrap ul li {
padding: 0;
}
}

@media screen and (max-width: 400px) { 
.title_wrap .projects_title h1 	{
font-size: 3.3em;
}
.title_wrap .projects_title h2 	{
font-size: 1em;
}

.testimonials .contentSlider .customer_testimonial p {
font-size: 0.9em;
}
.about_text {
top: 40%;
}
p {
font-size: 0.9em;
}
.wrapper_1200,.wrapper_1300,.wrapper_1040  {
padding-right: 1.5em;
padding-left: 1.5em;
}
.main {
margin-top: 0;
}	
.main .adidas {
background: url(images/projects/adidas/banner_400.jpg) no-repeat center;
}
.main .sip {
background: url(images/projects/sip/banner_400.jpg) no-repeat center;
}
.main .astera {
background: url(images/projects/astera/banner_400.jpg) no-repeat center;
}
.main .hapsburg {
background: url(images/projects/hapsburg/banner_400.jpg) no-repeat center;
}
.main .flam {
background: url(images/projects/flam/banner_400.jpg) no-repeat center;
}
.main .gencell {
background: url(images/projects/gencell/banner_400.jpg) no-repeat center;
}
.main .lr-group {
background: url(images/projects/lr-group/banner_400.jpg) no-repeat center;
}
.main .tashdal {
background: url(images/projects/tashdal/banner_400.jpg) no-repeat center;
}
.main .hutchison {
background: url(images/projects/hutchison/banner_400.jpg) no-repeat center;
}
.main .rimokh {
background: url(images/projects/rimokh/banner_400.jpg) no-repeat center;
}
.main .arco {
background: url(images/projects/arco/banner_400.jpg) no-repeat center;
}
.main .mangosalute {
background: url(images/projects/mangosalute/banner_400.jpg) no-repeat center;
}
.main .reshet {
background: url(images/projects/reshet/banner_400.jpg) no-repeat center;
}
.main .invertex {
background: url(images/projects/invertex/banner_400.jpg) no-repeat center;
}
.main .mockups .half_width.mobile img {
width: 100%;
}
.main .mockups .half_width img {
width: 100%;
padding-right: 5%;
padding-left: 5%;
}
.main .mockups .full_width {
overflow:hidden;
}

.main .mockups {
padding-top: 4em;
}
.mobile-none {
display: none !important;
}
.main .mockups .half_width .floating-text {
padding: 6em 2em 0em 2em;
}
.navigation .inside-wrap .contact-nav p, .navigation .inside-wrap .contact-nav a {
font-size: 13px;
}
.navigation .inside-wrap .lang a {
font-size: 0.85em;
}
.lp-ux .projects-wrap {
padding-bottom: 0;
}
.lp-ux .services {
padding: 0em 0 2em 0;
}
.lp-ux .section2 .muze_slide5 .text_wrap {
padding: 25% 0 25% 0;
}

.npw .authur {
text-align: center;
padding: 2em 0 2em 0; 
}
.npw .authur .image-wrap {
display: inline-block;
float: none;
}
.npw .authur .info {
display: block;
float: none;
width:100%;
}
.npw .authur .info p {
text-align: left;
}
.npw .authur .info h3 {
font-size: 14px;
}

.video-youtube.spotify {
padding: 0;
}
.case-study .case-inner p.excerpt {
font-size: 18px;
}
.case-study .case-inner p {
font-size: 1em;
}
.case-study .case-inner h4 {
font-size: 14px;
line-height: 1.8em;
}
.services ul li .servicebox {
width:100%;
}
}

@media screen and (max-width: 350px) { 
.lang_social {
width: 100%;
position: static;
float: left;
margin-top: 2em;
}
.home_title_wrap .home_title h1.lp {
padding-right: 0em;
padding-left: 0em;
font-size: 2.2em;
line-height: 1.4em;
}
.garamond-font .big_title.home {
font-size: 1em;
}

}