@charset "utf-8";
/**********\ SOF RESET /**********/
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, font, 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{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {clear:both;font-weight:normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none; }
del {text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0; }
a img {border: none; }
/**********\ EOF RESET /**********/


/**********\ SOF FOUNDATION OVERRIDE /**********/
/**********\ EOF FOUNDATION OVERRIDE /**********/


/**********\ SOF ADDONS /**********/
/* sof Material Design Shadow */
.paper-shadow-top-z-1{box-shadow:0 2px 10px 0 rgba(0,0,0,.16);}
.paper-shadow-bottom-z-1{box-shadow:0 2px 5px 0 rgba(0,0,0,.26);}
.paper-shadow-top-z-2{box-shadow:0 6px 20px 0 rgba(0,0,0,.19);}
.paper-shadow-bottom-z-2{box-shadow:0 8px 17px 0 rgba(0,0,0,.2);}
.paper-shadow-top-z-3{box-shadow:0 17px 50px 0 rgba(0,0,0,.19);}
.paper-shadow-bottom-z-3{box-shadow:0 12px 15px 0 rgba(0,0,0,.24);}
.paper-shadow-top-z-4{box-shadow:0 25px 55px 0 rgba(0,0,0,.21);}
.paper-shadow-bottom-z-4{box-shadow:0 16px 28px 0 rgba(0,0,0,.22);}
.paper-shadow-top-z-5{box-shadow:0 40px 77px 0 rgba(0,0,0,.22);}
.paper-shadow-bottom-z-5{box-shadow:0 27px 24px 0 rgba(0,0,0,.2);}
/* eof Material Design Shadow */
/* sof Material Design Icons */
.material-icons {
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  font-size:1em;/* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform:none;
  letter-spacing:normal;
  word-wrap:normal;
  white-space:nowrap;
  direction:ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* sof Material Design Icons */ 
/**********\ EOF ADDONS /**********/


/**********\ SOF DEFAULTS /**********/
/*
@media screen and (max-width:39.9375em){}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){}
*/

*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{font-family:'Lato',sans-serif;font-size:1em;}
h1,h2,h3,h4,h5,h6{}
p{margin-bottom: 1rem;}
a{color:#21b9ed;}

/* sof colors */
.pri-font-col{color:#515151 !important;}
.pri-cta-col{color:#21b9ed !important;}
  .pri-cta-bgcol{background-color:#21b9ed !important;}
.sec-cta-col{color:#de006e !important;}
  .sec-cta-bgcol{background-color:#de006e !important;}
.tri-cta-col{color:#a1ab28 !important;}

.pri-bg{background-color:#f4f4f4 !important;}
.sec-bg{background-color:#efefef !important;}
.tri-bg{background-color:#292929 !important;}
.qua-bg{background-color:#212121 !important;}

/* eof colors */
.rounded{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.inner{width:100%;height:100%;}

/* sof sections */
section{position:relative;display:block;}
	section.layout{padding:2em 0 2em 0;}
		section.layout row.intro{}
			section.layout .header{margin-bottom:.7em;font-family:'Roboto',sans-serif;font-weight:400;font-size:2.4em;text-transform:uppercase;text-align:center;}
			section.layout .headline{margin-bottom:1em;text-align:center;}
			section.layout .button{margin-bottom:0;}	
@media screen and (max-width:39.9375em){}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){section.layout{padding:4em 0 4em 0;}}
/* eof sections */

/* sof columns */
.column-block{}
	.column-block .inner{position:relative;padding:1em;background:#FFFFFF;/*paper-shadow-bottom-z-1*/box-shadow:0 2px 5px 0 rgba(0,0,0,.26);}
		.column-block .inner:hover{/*paper-shadow-bottom-z-2*/box-shadow:0 8px 17px 0 rgba(0,0,0,.2);}
			.column-block .inner .header{
			
			margin:.25em 0 .5em 0;font-family:'Roboto',sans-serif;font-weight:600;font-size:1.25em;text-transform:uppercase;text-align:center;}
			.column-block .inner .content{}
			.column-block .button{margin-bottom:0;}
			.column-block .inner i{font-size:4em;display:block;text-align:center;}
		/* sof overlay */
		.column-block .inner.overlay{position:relative;}

		.column-block .inner.overlay .overlay-reveal{
		display: none;
		position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;padding:.5em;background:#515151;color:#ffffff;
			-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
			.column-block .inner.overlay:hover .overlay-reveal{opacity:1;}
			
			.column-block .inner.overlay .overlay-reveal .inner{border: 1px solid #ffffff;padding:.5em;height:100%;background:inherit !important;}
			  .column-block .inner.overlay .overlay-reveal .inner .header{color:#21b9ed;}
		/* eof overlay */
@media screen and (max-width:39.9375em){}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){.column-block .inner i{padding-bottom:.1em;}.column-block .inner .header{font-size:1.5em;}}
/* eof columns */

/* sof default sectWrap */
.sectWrap{position:relative;display:block;}
	.sectWrap:hover{}
  .sectWrap h2{}
  .sectWrap h3{}
  .sectWrap p{}
	.sectWrap .secContent{}
  .sectWrap .secFooter{}
    .sectWrap .secFooter .button{}
/* eof default sectWrap */

/* sof default contWrap */
.contWrap{position:relative;display:block;}
  .contWrap:hover{}
.full-width{width:100%;max-width:100%;}

/* sof default contWrap */
  .contWrap .contFeatured{}
  .contWrap h3{}
	.contWrap p{}
  .contWrap .contContent{}
  .contWrap .contFooter{}
    .contWrap .contFooter .button{}
/* eof default contWrap */

/* sof default modWrap */
.modWrap{position:relative;display:block;}
  .modWrap:hover{}
  .modWrap .modFeatured{}
  .modWrap h4{}
	.modWrap p{}
  .modWrap .modContent{}
  .modWrap .modFooter{}
    .modWrap .modFooter .button{}
/* eof default modWrap */

/**********\ EOF DEFAULTS /**********/




/**********\ SOF SECTIONS /**********/
/* sof header */
section#header{
	padding:0;
	background:rgba(0,0,0,0.025);
	position:fixed;
	width:100%;
	z-index:900;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
	}
	/* logo */
	section#header .modWrap.logo{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
	/* mainmenu */
	section#header .modWrap.mainmenu{margin-top:16px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
	  section#header .modWrap.mainmenu ul.menu{float:right;display:table;}
	    section#header .modWrap.mainmenu ul.menu li{display:table-cell;}
	      section#header .modWrap.mainmenu ul.menu li a{
			  text-transform:uppercase;
			  font-family:'lato',sans-serif;
			  color:#FFFFFF;
			  display: block;
			  font-weight:500;
			  -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
	}
	      section#header .modWrap.mainmenu ul.menu li a:hover{color:#21b9ed;}

	/* sof header-mainmenu-toggle */
	section#header #header-mainmenu-toggle{}
	  section#header #header-mainmenu-toggle button{color:#FFFFFF;position:absolute;right:5px; top:5px; font-size:2em; z-index:999;}
	/* sof header-mainmenu-reveal */
	section#header #header-mainmenu-reveal{background-color:#1f1f1f;display:none;}
	  section#header #header-mainmenu-reveal  .modWrap.mainmenu{margin-top:0;}
	    section#header #header-mainmenu-reveal  .modWrap.mainmenu ul.menu{float:none;position:relative;display:block;}
	      section#header #header-mainmenu-reveal  .modWrap.mainmenu ul.menu li{display:block;}
	        section#header #header-mainmenu-reveal  .modWrap.mainmenu ul.menu li a{padding:.75em;}
	
	/* sof minimize */
	section#header.minimize{background:rgba(255,255,255,1);}
		section#header.minimize .modWrap.mainmenu{margin-top:20px;}
		section#header.minimize #header-mainmenu-toggle button{color:#1f1f1f;}
	    section#header.minimize .modWrap.mainmenu ul.menu li a{padding:0 .75em 0 .75em;color:#21b9ed;}
	      section#header.minimize .modWrap.mainmenu ul.menu li a:hover{color:#515151; }

@media screen and (max-width:39.9375em){
	/* logo */
	section#header .modWrap.logo{
		margin:.75em;
		background-image: url(../imgs/logo-full-wt.png);
		background-size: contain;
		background-position:center;
		background-repeat: no-repeat;
		height:30px;
	}
	section#header.minimize .modWrap.logo{
		background-image: url(../imgs/logo-tile-bk.png);
		background-position:left;
		height:24px;
	}
	/* mainmenu */
	section#header .modWrap.mainmenu ul.menu,section#header .modWrap.mainmenu ul.menu{padding:0 3em 0 3em;}
		section#header .modWrap.mainmenu ul.menu li a, section#header.minimize .modWrap.mainmenu ul.menu li a{padding:0 .75em 0 .75em;color:#ffffff; text-transform: capitalize;}
		section#header.minimize .modWrap.mainmenu ul.menu li a:hover{color:#21b9ed;}
}
@media screen and (min-width:40em) and (max-width: 63.9375em){
	/* logo */
	section#header .modWrap.logo{
		margin:.75em;
		background-image: url(../imgs/logo-full-wt.png);
		background-size: contain;
		background-position:center;
		background-repeat: no-repeat;
		height:50px;
	}
	section#header.minimize .modWrap.logo{
		background-image: url(../imgs/logo-tile-bk.png);
		background-position:left;
		height:30px;
	}
	/* mainmenu */
	section#header .modWrap.mainmenu ul.menu,section#header .modWrap.mainmenu ul.menu{padding:0 3em 0 3em;}
		section#header .modWrap.mainmenu ul.menu li a, section#header.minimize .modWrap.mainmenu ul.menu li a{padding:0 .75em 0 .75em;color:#ffffff; text-transform: capitalize;}
			section#header.minimize .modWrap.mainmenu ul.menu li a:hover{color:#21b9ed; }
}
@media screen and (min-width:64em){
	/* logo */
	section#header .modWrap.logo{
		margin:.75em;
		background-image: url(../imgs/logo-full-wt.png);
		background-size: contain;
		background-position:center;
		background-repeat: no-repeat;
		height:50px;
	}
	section#header.minimize .modWrap.logo{
		background-image: url(../imgs/logo-tile-bk.png);
		background-position:left;
		height:30px;
	}
	/* mainmenu */
	
}	
/* eof header */	

/* sof section#hero */
section#hero{position:relative;}
	section#hero .headlines{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    
section#hero .headlines{color:#FFFFFF;text-align:center;width:98%;font-size:2.25em;}
section#hero .headlines span.pretext{display:block;margin-bottom:.5em;}
section#hero .headlines a.typewrite{
	color: #FFFFFF;
    cursor: none;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: 900;
}
section#hero .headlines span.wrap{margin-right:0;}

@media screen and (max-width:39.9375em){
section#hero{height:78vh;}
}
@media screen and (min-width:40em) and (max-width:63.9375em){
section#hero{height:80vh;}
section#hero .headlines a.typewrite{font-size:1.5em;}
}
@media screen and (min-width:64em){
section#hero{height:85vh;}
section#hero .headlines a.typewrite{font-size:2em;}
}
/* eof section#hero */

/* sof section#intro */
section#intro{}
section#intro .inner{background:#f4f4f4;}
@media screen and (max-width:39.9375em){}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){}
/* eof section#intro */

section#reasons{background-color:#f4f4f4;}	

/* sof of section#solutions */
section#solutions{background-color:#efefef;}
section#solutions .inner p{display:none;}
/* eof of section#solutions */

section#process{background-color:#f4f4f4;}
	
section#culture{background-color:#efefef;}

section#started{background-color:#f4f4f4;}

/* sof section#footer */
section#footer{}
	section#footer.layout{padding:1.5em 0 1.5em 0;}
		section#footer.layout .columns{}
			section#footer.layout .header{font-size:1.25em;margin-bottom:.5em;}
			section#footer.layout .modWrap.logo{margin-bottom:1em;}
			section#footer.layout .modWrap.business-info{}
			section#footer.layout .modWrap.social{}
@media screen and (max-width:39.9375em){
section#footer.layout .columns{margin-bottom:1em;}
	section#footer.layout .columns:last-child:not(:first-child){margin-bottom:0;}
}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){
section#footer.layout .header{text-align:left;}
}


section#bottom{}
	section#bottom.layout{padding:1em 0 1em 0;}
		section#bottom.layout p{font-size:.9em;line-height:1.25em;text-align:center;}
			section#bottom.layout p:last-child{margin-bottom:0;}
@media screen and (max-width:39.9375em){
section#bottom.layout .columns{margin-bottom:1em;}
	section#bottom.layout .columns:last-child:not(:first-child){margin-bottom:0;}
}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){
	section#bottom.layout p{line-height:1.25em;text-align:left;}
}
/* eof section#footer */
/**********\ EOF SECTIONS /**********/

/**********\ SOF MODULES /**********/
/* sof modWrap.business-info */
.modWrap.business-info{}
	.modWrap.business-info div{margin-bottom:.6em;}
	.modWrap.business-info div:last-child{margin-bottom:0;}
		.modWrap.business-info .communication a{color:inherit;font-size:inherit;font-weight:inherit;}
		.modWrap.business-info .communication i{margin-right:.5em;}
@media screen and (max-width:39.9375em){}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){}
/* eof modWrap.business-info */

/* sof modWrap.social */
.modWrap.social{}
	.modWrap.social .social-icons{ text-align:center;}
		.modWrap.social .social-icons a{padding:0;color:#515151;}
		.modWrap.social .social-icons a:hover{color:#21b9ed;}
			.modWrap.social .social-icons i{font-size:3em;margin:0 .14em 0 .14em;}
@media screen and (max-width:39.9375em){}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){}
/* eof modWrap.social */

/* sof modWrap.stats */
.modWrap.stats{}
	.modWrap.stats .inner{}
		.modWrap.stats .inner i{}
		.modWrap.stats .inner .result{padding-top:.2em;font-family:'Roboto',sans-serif;font-size:3em;font-weight:600;}
		.modWrap.stats .inner label{font-family:'Roboto',sans-serif;font-size:1.25em;font-weight:400;text-transform:uppercase;}
@media screen and (max-width:39.9375em){.modWrap.stats .inner .result{font-size:2.25em;}}
@media screen and (min-width:40em) and (max-width: 63.9375em){}
@media screen and (min-width:64em){}
/* eof modWrap.stats */
/**********\ SOF MODULES /**********/

/**********\ SOF ACTIONS /**********/
/* sof scrollFrames */
#scrollArrow{position:absolute;left:50%;bottom:-4em;margin-left:-5em;z-index:898;background:#21b9ed;width:10em;height:10em;padding:4em 2em;border-radius:50%;font-size:0.5em;display:block;box-shadow:0px 0px 5px 0px #333;}
#scrollArrow .arrow{float:left;position:relative;width:0;height:0;border-style:solid;border-width:3em 3em 0 3em;border-color:#ffffff transparent transparent transparent;}
	#scrollArrow .arrow:after{content:'';position:absolute;top:-3.2em;left:-3em;width:0;height:0;border-style:solid;border-width:3em 3em 0 3em;border-color:#21b9ed transparent transparent transparent;}
@media screen and (max-width:39.9375em){#scrollArrow{bottom:-2em;margin-left:-4em;width:9em;height:9em;padding:4em 1.5em;font-size: 0.4em;}}
@media screen and (min-width:40em) and (max-width: 63.9375em){#scrollArrow{bottom:-1.5em;}}
@media screen and (min-width:64em){}

#scrollArrow .arrow{
-webkit-animation: scrollFrames linear 4s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-webkit-animation-delay: 2s;
-moz-animation: scrollFrames linear 4s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-moz-animation-delay: 2s;
-o-animation: scrollFrames linear 4s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-o-animation-delay: 2s;
-ms-animation: scrollFrames linear 4s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
-ms-animation-delay: 2s;
animation: scrollFrames linear 4s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
animation-delay: 2s;
}
@-moz-keyframes scrollFrames{
0%   {-moz-transform:translate(0,0);}
5%   {-moz-transform:translate(0,-15px);}
10%  {-moz-transform:translate(0,0);}
15%  {-moz-transform:translate(0,-10px);}
20%  {-moz-transform:translate(0,0);}
25%  {-moz-transform:translate(0,-5px);}
30%  {-moz-transform:translate(0,0);}
100% {-moz-transform:translate(0,0);}
}
@-webkit-keyframes scrollFrames {
0%   {-webkit-transform:translate(0,0);}
5%   {-webkit-transform:translate(0,-15px);}
10%  {-webkit-transform:translate(0,0);}
15%  {-webkit-transform:translate(0,-10px);}
20%  {-webkit-transform:translate(0,0);}
25%  {-webkit-transform:translate(0,-5px);}
30%  {-webkit-transform:translate(0,0);}
100% {-webkit-transform:translate(0,0);}
}
@-o-keyframes scrollFrames {
0%   {-o-transform:translate(0,0);}
5%   {-o-transform:translate(0,-15px);}
10%  {-o-transform:translate(0,0);}
15%  {-o-transform:translate(0,-10px);}
20%  {-o-transform:translate(0,0);}
25%  {-o-transform:translate(0,-5px);}
30%  {-o-transform:translate(0,0);}
100% {-o-transform:translate(0,0);}
}
@-ms-keyframes scrollFrames{
0%    {-ms-transform:translate(0,0);}
5%    {-ms-transform:translate(0,-15px);}
10%  {-ms-transform:translate(0,0);}
15%  {-ms-transform:translate(0,-10px);}
20%  {-ms-transform:translate(0,0);}
25%  {-ms-transform:translate(0,-5px);}
30%  {-ms-transform:translate(0,0);}
100% {-ms-transform:translate(0,0);}
}
@keyframes scrollFrames{
0%   {transform:translate(0,0);}
5%   {transform:translate(0,-15px);}
10%  {transform:translate(0,0);}
15%  {transform:translate(0,-10px);}
20%  {transform:translate(0,0);}
25%  {transform:translate(0,-5px);}
30%  {transform:translate(0,0);}
100% {transform:translate(0,0);}
}
/* eof scrollFrames */
/**********\ EOF ACTIONS /**********/