@charset "UTF-8";
/* CSS Document */
@font-face{
  font-family: Avenir Next;
  src:url("fonts/Avenir Next/AvenirNext-Regular.ttf");
}
@font-face{
  font-family: Avenir Next;
  src:url("fonts/Avenir Next/AvenirNext-Bold.ttf");
  font-weight: bold;
}
@font-face{
  font-family: Avenir Next;
  src:url("fonts/Avenir Next/AvenirNext-Medium.ttf");
	font-weight: 500;
}
@font-face{
  font-family: Konexy;
  src:url("fonts/KonexyPersonalUse.ttf");
}
@font-face{
  font-family: Helvetica Neue;
  src:url("fonts/HelveticaNeue-Bold.ttf");
	font-weight: bold;
}
@font-face{
  font-family: Font Awesome;
  src:url("fonts/Font Awesome.ttf");
}
*{box-sizing:border-box;}
html{overflow-x:hidden; overflow-y:scroll; scroll-behavior: smooth;}
body{background:#fff url("images/media-nexus-bg.jpg") no-repeat top center; background-size:100% 2440px; min-width:320px; overflow: hidden;}
body, input, textarea, select{-webkit-text-size-adjust: 100%; font: 20px/normal Avenir Next;}
html, body, h1, h2, h3, h4, h5, ul, fieldset{margin:0px !important; padding:0 !important;}
h1, h2, h3, h4, h5{font-family: Konexy !important;}
h2{font-size: 45px !important;}
a{text-decoration: none;}
a:hover{color:#24bee5;}
img{max-width: 100%;}
section, footer{background-color: #fff;}
section, footer .mn-row, .work-img .mn-row, .what-we-do .wwd-row .mn-row, .websites .mn-row{display:flex; justify-content:center; padding: 50px 0;}
header{position:absolute; left:0; right:0; z-index:10000;} 
header{background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 75%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 75%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
header .mn-row, .work-img .mn-row, .what-we-do .mn-row{height: 81px; width: 870px;}
::-moz-selection { /* Code for Firefox */ color:white;  background:#24bee5;}
::selection{color:white; background:#24bee5;}
*:focus {outline: none;}
header, .hero, .past-work{background-color:transparent;}
.mn-row{width:778px; margin: auto; max-width: 100%; padding: 0 20px;}
.aligncenter{text-align:center;}
.hero-scroll, .hero-scroll .chevron, .past-work, .what-we-do .mn-row, .clients, .our-steps, .what-we-do, .mn-addrees, footer h2, .copyright, .mn-form{display: block ;}
/************************* NAV ************************************/
.logo{float: left; margin:15px 0;}
.logo{max-width: 150px;}
nav{float:right; font-size: 13px; font-family:Helvetica Neue; font-weight: bold;}
nav ul{list-style:none; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
nav ul li{float:left; position:relative; cursor:pointer; padding-right:30px;}
.privacy { margin-left:65px; }
nav ul li:last-child{padding-right:0;}
nav ul li a, nav ul li a:hover{line-height:81px; color: #ffffff;}
.login{background: #ffffff url("images/login.png") no-repeat no-repeat 65px center; color: #00b9b6; border-radius: 30px; padding: 7px 30px 7px 20px;}
.login:hover{color:#00b9b6; box-shadow: 0 0 15px 0 rgba(0,0,0,.3);}
/********************* HERO *********************************/
.hero{height:800px;}
/* Nik - .hero h2, .past-work h2{-webkit-text-stroke: 1px white; -webkit-text-fill-color:transparent; font-size:42px;} */
.hero h2, .past-work h2{-webkit-text-fill-color: white !important; -webkit-text-stroke: 1px black; font-size:45px;}
/* nik - .hero h2 a{-webkit-text-stroke: 1px white; -webkit-text-fill-color: transparent; font-size:40px;} */
.hero h2 a{color: #F6DEEB;-webkit-text-stroke: 0px;-webkit-text-fill-color: #F6DEEB; font-size:40px;} 
.hero-scroll { position: absolute; bottom:5px; width: 200px; margin: auto; cursor: pointer; padding-bottom: 40px; left: 0; right: 0; text-transform: uppercase; }
.hero-scroll a{background-color: #ffffff; color: #24bee5; padding:2px 10px;}
.hero-scroll .chevron{margin-top: 20px; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; color: #fffed5;}
.chevron::before { border-style: solid; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 20px; position: relative; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); vertical-align: top; width: 20px; }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
/****************** Past work ****************/
.past-work{background: url("images/past-workBg") no-repeat left top; padding-top:60px !important;}
.past-work, .what-we-do .mn-row{padding-top: 0; position: relative;}
.past-work h2, img.thumbnail{position: absolute; left: 0; right: 0; margin: auto; z-index: 99; bottom: 0; top: 0;}
/* Nik - .past-work h2{text-shadow: 0px 3px 11.7px rgba(0, 0, 0, 0.26); -webkit-text-stroke: 2px white; top:100px;} */
.past-work h2{text-shadow: 0px 3px 11.7px rgba(0, 0, 0, 0.26); -webkit-text-fill-color: white !important;-webkit-text-stroke: 1px black; top:100px;}
.work-img .mn-row, .what-we-do .mn-row, .what-we-do .wwd-row{height: auto; justify-content: space-between;}
/********************** Clients ****************************/
.clients{background:transparent url("images/client-bg.png") repeat-x bottom left;  -webkit-box-sizing: border-box;  box-sizing: border-box; min-height: 386px;}
.clients h2{margin-bottom:80px; margin-top: -50px; -webkit-text-fill-color:white !important;}
.gallery-cell{margin-right:15px; width:223px; height: 154px;}
/******************** OUR STEPS *******************************/
.timeline {
  position: relative;
  max-width: 1200px;
  margin:150px auto 0;
}
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background:url("images/time-line.jpg") no-repeat bottom;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
.contain {
  padding:0px 40px 250px;
  position: relative;
  background-color: inherit;
  width: 50%;
  z-index: 9;
}
.contain::after {
  content: '▼';
  position: absolute;
  width: 50px;
  height: 50px;
  right: -25px;
  background-color: black;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
	color: #fff;
	text-align: center;
	line-height:55px;
}
.left {
  left: 0;
	text-align: right;
}
.right {
  left: 50%
}
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}
.right::after {
  left: -25px;
}
.content {
  padding:10px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}
/********************* What We Do ****************************/
/* Nik -- .our-steps .vid{padding:25px 0;} */
.what-we-do .wwd-row img, .what-we-do .wwd-row .wwd-content{align-self: center;}
.what-we-do .wwd-row img{margin: 30px 0; z-index: 99;}
.what-we-do .wwd-row .mn-row, .websites .mn-row{width: 1200px; padding: 0;}
.what-we-do .wwd-row{background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #fffed5 15%, #fffed5 100%);
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#fffed5 15%,#fffed5 100%);
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#fffed5 15%,#fffed5 100%);
 margin:150px 0 100px; padding:0 50px;}
.what-we-do .wwd-row.branding{background: #ffffff;
background: -moz-linear-gradient(left,  #f1f1f1 0%, #f1f1f1 70%, #fffff 70%, #ffffff 100%);
background: -webkit-linear-gradient(left,  #f1f1f1 0%,#f1f1f1 70%,#fffff 70%,#ffffff 100%);
background: linear-gradient(to right,  #f1f1f1 0%,#f1f1f1 70%,#ffffff 70%,#ffffff 100%);}
.what-we-do .wwd-row .wwd-content{padding:10px; margin: 0 50px;}
.what-we-do .wwd-row.branding img{margin:-50px 0 0;}
.what-we-do .wwd-row.social{padding-top:130px; margin-bottom: 250px;}
.what-we-do .wwd-row.social .wwd-content{padding: 80px;}
.what-we-do .thumbnail{width: 220px; left: -120px; top: -120px;}
.what-we-do .thumbnail.oval{width: auto; top: auto; left: 340px; bottom: -90px;}
/************************************************/
.websites{padding: 0;}
.websites .mn-row{align-items: flex-end;}
.websites .mn-row div{height: 175px; overflow: hidden; margin: 0px 20px; position: relative;}
.websites .mn-row div:nth-child(2){height: 250px;}
.websites .mn-row div:nth-child(3){height: 320px;}
/********************* Who We Are ***************************/
.who-we-are{background-color: #fffed5;}
.who-we-are .mn-row{width:790px;}
.who-we-are h2, .clients h2, .what-we-do h2, .our-steps h2.aligncenter{-webkit-text-stroke: 1px black; -webkit-text-fill-color:transparent;}
.who-we-are .quote{position:relative; margin:80px 0 50px; font-size: 35px;}
.quote:before, .quote:after{content: ''; width: 59px; height: 52px; position: absolute; background-image: url("images/quote.png"); background-repeat: no-repeat; right:-30px; bottom:-20px; z-index: -1;}
.quote:before{left: -30px; right: inherit; bottom: inherit; top: -20px; transform: rotate(180deg);}
/**************** Footer ***********************/
footer{font-size: 18px;}
footer, footer a{color:#424242;}
footer .mn-row{width: 778px; justify-content: space-between;}
.mn-cds, .mn-form{max-width: 100%;}
.mn-cds{width: 327px;}
.mn-form{width: 311px;}
.mn-form input, .mn-form input::placeholder, .mn-form textarea::placeholder, .mn-cds h2, select{color: #24bee5;}
.mn-form input, .mn-form textarea, select{width:100%; border: 0 none; border-bottom: 1px solid #24bee5; margin-bottom: 10px;}
.form-submit{background-color: #24bee5 !important; color: #fff !important; cursor: pointer; text-transform: uppercase; border: 0 none !important;
    border-bottom: 1px solid #24bee5 !important; -webkit-appearance: none;}
.form-submit:hover{background-color:rgba(36,190,229, .8); -webkit-appearance: none;}
.mn-cds h2{font-size: 36px;}
footer h2, .copyright, .mn-form{padding:17px 0;}
footer .small{font-size: 15px;}
.mc-social{font-family:Font Awesome; font-size: 22px; font-style: normal;margin: 0 5px;}
/******************************************************************/
@media only screen and (max-width: 800px){
	body{background-size: auto 1700px;}
	header .mn-row{max-width: 90%;}
	nav{float: none; clear: both; width: 110%;}
	nav ul li{padding-right:9px; position: inherit;}
	.hero{position: relative; height: 80vh;}
	.mobile-hide{display: none;}
	.mobile-show{display: block !important;}
	.past-work h2{position: relative; top:-30px;}
	.what-we-do .mn-row, .websites .mn-row div, .hero h2{width: auto; text-align: center;}
	.hero h2{margin-top: -120px;}
	.hero-scroll{bottom:20px;}
	footer .mn-row, .work-img .mn-row, .what-we-do .wwd-row .mn-row, .websites .mn-row{display:block;}
	.mn-form, .mn-cds{width:95%; margin:0 auto;}
	.what-we-do .wwd-row.social .wwd-content, .what-we-do .wwd-row .wwd-content, .what-we-do .wwd-row.social{padding:30px 0;}
	.what-we-do .wwd-row{padding: 0 10px; margin: 50px 0;}
	/* Nik - .our-steps .vid{padding: 0 0 50px;} */
	.what-we-do .wwd-row.branding img, .what-we-do .wwd-row.social{margin:0;}
	.what-we-do .thumbnail{position: relative;
    margin: 0 !important;
    left: 0;
    right: 0;
    top: 0;
    width: auto;}
	.websites .mn-row div{height:auto; margin-top: 10px;}
	.what-we-do .wwd-row{background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 5%, #fffed5 5%, #fffed5 100%);
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 5%,#fffed5 5%,#fffed5 100%);
		background: linear-gradient(to right,  #ffffff 0%,#ffffff 5%,#fffed5 5%,#fffed5 100%);}
	.what-we-do .wwd-row.branding{background: #ffffff;
background: -moz-linear-gradient(left,  #f1f1f1 0%, #f1f1f1 95%, #fffff 95%, #ffffff 100%);
background: -webkit-linear-gradient(left,  #f1f1f1 0%,#f1f1f1 95%,#fffff 95%,#ffffff 100%);
background: linear-gradient(to right,  #f1f1f1 0%,#f1f1f1 95%,#ffffff 95%,#ffffff 100%);}
	.timeline{margin-top: 50px; margin-bottom: -100px;}
	.timeline::after { left: 31px; }
	.contain{ width: 100%; padding-left: 70px; padding-right: 25px; padding-bottom:100px;} 
	.contain::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } 
	.content{padding: 18px 10px;}
	.content h2{font-size: 34px;}
	.left{text-align: left;}
	.left::after, .right::after { left:5px; } 
	.right { left: 0%; }
  .privacy { margin-left: 20px; }
}



/*.vid {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; */ /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
/*  padding-bottom: 100px;
} */

/* Then style the iframe to fit in the contain div with full height and width */
/*.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
} */

.main-video {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 75px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vid {
  position: relative;
  padding-bottom: 200%;
  transform: translateY(-35.95%);
}

.mn-addrees
{
font-size:17px;
}


@media screen and (max-width: 531px) {
    .column-reverse { display: flex !important; flex-flow: column-reverse; }
    .who-we-are .quote { margin: 80px 0px 50px; font-size: 20px; }
    .quote:before { top: -55px; left: -15px;}
    .quote:after { bottom: -55px; right: -15px;}
.privacy { display:block; margin-top:10px; margin-left:0px; }

    
}


@media screen and (min-width: 768px) {
    
    .top-text
    {
     width: 1000px; 
     padding: 0px; 
     margin: 200px auto;
    }
    
}

/* nav select {
  display: none;
}

@media screen and (max-width: 768px) 
{
  nav ul     { display: none; }
  nav select { display: inline-block; height: 40px; background-color: #ffffff; text-align-last: center;border: 1px solid #000000;} 
}

@media only screen and (max-width: 600px)
{
nav {
    
    width: 100%;
}

header .mn-row {
    max-width: 100%;
}

.logo
{
  margin-left:15px;
}
} */


.flickity-button {
  background: #333 !important;
}
.flickity-button:hover {
  background: #F90 !important;
}

.flickity-prev-next-button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 5px !important;
}
/* icon color */
.flickity-button-icon {
  fill: white !important;
}

/* dots are lines */
.flickity-page-dots .dot {
  height: 4px !important;
  width: 40px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}


.navbar-nav a
{
font-size: 14px;
    font-family: Helvetica Neue;
    font-weight: bold;
  }

@media (min-width: 768px)
{
.navbar-nav, .login-btn {
   
    margin-top: 1.25% !important;
}

.navbar-inverse{background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 75%) !important;
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 75%) !important;
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
border: none !important;}

}

.link-m
{
  color: #ffffff !important;
}



.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
   color:black !important;
}


.login{
  background: #ffffff url("images/login.png") no-repeat no-repeat 67px center !important; 
color: #00b9b6 !important; border-radius: 30px !important; padding: 7px 30px 7px 20px !important;}
.login:hover{color:#00b9b6 !important; box-shadow: 0 0 15px 0 rgba(0,0,0,.3) !important;}


@media (max-width: 768px)
{

.navbar-inverse {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-inverse {
    position: fixed !important;
    right: 0;
    left: 0;
}

.navbar-inverse {
    background-color: #ffFfff !important;
    border-color: #ffffff !important;
     z-index:1031;
  }

.navbar-nav, .login-btn {
   
    margin-top: 1.25% !important;
}

.navbar .navbar-nav {
    display: inline-block !important;
    float: none !important;
}

.navbar .navbar-collapse {
    text-align: center;
}
main
{
  margin-top: 120px;
} 

.login {
    background: #00b9b6 !important;   
    margin-bottom: 15px;
    color: #ffFfff !important;
}

.link-m
{
  color: #000000 !important;
}

.link-m:hover, .link-m:focus{
   color:#00b9b6 !important;
}

.navbar-toggle {
    
    margin-top: 17px !important;
}

.login:hover{    
    color: #000000 !important;
}

.logo
{
  padding-left: 20px;
}
}

.hero
{
  padding: 0px;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff !important;
}

.fa-bars
{
  font-size:25px !important;
}