@font-face{
font-family:"Avenir LT W01_45 Book1475508";
src:url("../fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
src:url("../fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("../fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("../fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("../fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"),url("../fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg");
}

@font-face{
font-family:"Avenir LT W01_65 Medium1475532";
src:url("../fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
src:url("../fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),url("../fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("../fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),url("../fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"),url("../fonts/3604edbd-784e-4ca7-b978-18836469c62d.svg#3604edbd-784e-4ca7-b978-18836469c62d") format("svg");
}

@font-face{
font-family:"Avenir LT W01_85 Heavy1475544";
src:url("../fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
src:url("../fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("../fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("../fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("../fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"),url("../fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg");
}

body { color:#333; height:100%; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Avenir LT W01_45 Book1475508",sans-serif; }

html { height:100%;}
.textleft { text-align:left;}
.textright { text-align:right;}
.textcenter { text-align:center;}
.alignright { float:right; margin:0 0 20px 20px;}
.alignleft { float:left; margin:0 20px 20px 0;}
.valign_parent { display:table; width:100%; height:100%;}
.valign_child { display:table-cell; vertical-align:middle; height:100%;}
.valign_parent_res { display:table; width:100%; height:100%;}
.valign_child_res { display:table-cell; vertical-align:middle; height:100%; float:none;}
.valign_child_res_bt { display:table-cell; vertical-align:bottom; height:100%; float:none;}
.valign_child_res_tp { display:table-cell; vertical-align:top; height:100%; float:none;}
.desktopswitch { display:block;}
.mobileswitch { display:none;}
.empty { height:10px;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
strong { font-weight:normal; font-family:"Avenir LT W01_85 Heavy1475544", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {
  letter-spacing:-1px;
  font-weight:normal;
  margin:10px 0 10px 0;
  line-height:1.2em;
  font-family:"Avenir LT W01_85 Heavy1475544", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:normal;}
h1 { font-size:2.2em;}
h2 { font-size:2em;}
h3 { font-size:1.8em;}
h4 { font-size:1.6em;}
h5 { font-size:1.4em;}
h6 { font-size:1.3em;}
p, li {}
p { font-size:1em; margin:10px 0 10px 0; line-height:1.5em;}
a:link { color: #fff; font-weight:normal; text-decoration:none; }
a:visited { color: #fff; font-weight:normal; text-decoration:none; }
a:hover { color: #fff; font-weight:normal; text-decoration:none; }
a:active { color: #fff; font-weight:normal; text-decoration:none; }
.imgscale { width:100%; height:auto; margin:auto;}
.redtext { color:#00BFFF;}

/* Sections
==================================
 */
.section {
position:relative;
font-size:16px;
font-weight:bold;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
 	text-align:center;
}

.intro .section-description	{padding-left:40px;padding-right:40px;}

.row .columns img	{
	max-width:100%;
	max-height:100%;
}


#logo { position:fixed; top:0; left:0; width:100%; padding-top:20px; padding-bottom:20px; z-index:10;}
#logo .twelve { position:relative;}
#logo img { height:60px; width:auto; opacity:0;}
#logo img#cloudlogo { opacity:1; position:absolute; top:-100px; left:5px; }
.menutoggle { position:absolute; top:10px; right:10px; width:40px; height:40px; background:url(../images/menu.png) center center no-repeat; background-size:contain; cursor:pointer; }

/* Hero
==================================
 */
#hero {
  position: relative;
  height: 100vh;
  width:100%;
  overflow: hidden;
}

#hero-bg {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 25%;
  min-height: 100vh;
  background-image: url('../images/cloud_computing.png'); 
  background-color:#00BFFF;
  background-repeat: no-repeat;
}

.hero 	{
  width: 100%;
  min-height: 100vh;
  background-color:#00BFFF;
  background-image: url('../images/cloud_computing.png'); 
  background-size: contain;
  background-position:center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.hero .row	{padding-top:33%;}

.down		{disply:block; position:absolute; bottom:20px; width:100%;}

.down img	{display: block;
    margin-left: auto;
    margin-right: auto;
	height:70px; width:auto; cursor:pointer; }
.row .columns img#waypopintIn { margin-top:0;}

/* panel1
==================================
 */

.panel1 	{
  width: 100%;
  height: 100vh;
  background-color:#efefef;
  color:#00BFFF; 
  padding-bottom:0;
  padding-top:0;
}
.row .columns img.dip { max-width:300px; height:auto; max-height:none; margin-top:0;}
.businessimg { max-width:none; max-height:none; width:400px; height:auto; margin-left:-20px;}

/* slides
==================================
 */

.slides 	{
  width: 100%;
  height: 100vh;
  background-color:#00BFFF;
  color:#fff;
  padding-bottom:0;
  padding-top:0;
}
.slick-slide:focus {outline:none;}
.sl-prev { position:absolute; width:100px; height:100px; margin-top:-60px; background:url(../images/slide_left.png) no-repeat center center; background-size:contain; display:block !important; cursor:pointer; top:50%; left:40px; z-index:2;}
.sl-next { position:absolute; width:100px; height:100px; margin-top:-60px; background:url(../images/slide_right.png) no-repeat center center; background-size:contain; display:block !important; cursor:pointer; top:50%; right:40px; z-index:2;}
.slider .slick-dots { display:none !important;}
.slidetitle		{/*margin-top:10%;*/}
.slidecopy		{/*margin-top:10%;*/}
.slides_holder { position:relative; width:98vw; height:auto;}
.row .columns img.slide-divide { display:block; padding-left:20px; padding-right:40px; max-height:300px; max-width:none;}
/* about
==================================
 */

.about 	{
  width: 100%;
  height: auto;
  background-color:#efefef;
  color:#999999;
  padding-bottom:0;
  padding-top:0;
}
.about 	.container { height:auto;}
.about img { margin:auto; height:160px; width:auto; position:absolute; top:60px; right:60px;}
.about img.clients { margin:auto; height:auto; width:90%; position: relative; top:auto; right:auto; padding-top:30px; padding-bottom:15px;}
.about .aboutcontent {  padding-top:60px;
  padding-bottom:60px;}
.about p { font-size:0.9em; line-height:1.8em;}
.about .abouttitle { font-size:2.4em; }

/* footer
==================================
 */

.footer 	{
  width: 100%;
  height: 100vh;
  background-color:#00BFFF;
  color:#fff;
  padding-bottom:100px;
  padding-top:0;
}

.footer .row	{padding-top:45px;}
.row .columns img.slash {
    max-width: 100%;
    max-height: 100%;
	height:auto;
}
.row .columns img.footerlogo {
    max-width: 90%;
    max-height: 90%;
	height:auto;
	display:none;
}

nav,
.navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
nav {
  position: fixed;
  z-index: 10;
  background-color: #00BFFF;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  color: white;
}
.nav-hide { display: none; }
nav ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0 !important;
}
nav ul li { list-style: none; }
nav ul li a {
  font-size: 35px;
  color: #fff;
  font-weight: bolder;
  text-decoration: none;
  font-family:"Avenir LT W01_85 Heavy1475544", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  z-index: 20;
  cursor: pointer;
}
.bar1,
.bar2,
.bar3,
.bar4 {
  width: 100%;
  height: 3px;
  margin-bottom: 6px;
  background-color: #fff;
  -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 { background-color: white; }
.navbar-on .bar1 {
  transform-origin: 6% 70%;
  transform: rotate(45deg);
  
  -webkit-transform-origin: 6% 70%;
  -webkit-transform: rotate(45deg);
  
  -moz-transform-origin: 6% 70%;
  -moz-transform: rotate(45deg);
  
  -o-transform-origin: 6% 70%;
  -o-transform: rotate(45deg);
}
.navbar-on .bar3 {
  transform-origin: 6% 70%;
  transform: rotate(-45deg);
  
  -webkit-transform-origin: 6% 70%;
  -webkit-transform: rotate(-45deg);
  
  -moz-transform-origin: 6% 70%;
  -moz-transform: rotate(-45deg);
  
  -o-transform-origin: 6% 70%;
  -o-transform: rotate(-45deg);
}
.navbar-on .bar2, .navbar-on .bar4 { background-color: transparent; }
@media screen and (min-width: 1380px) {  
.about 	{
  height: 100vh;
  background-size: auto 100%;
}
.about 	.container { height:100%;}
}
@media screen and (max-width: 1280px) {  
.about { background-position:140% 100%;}
.about { background-size:auto 110%;}
#logo img {
    height: 40px;
    width: auto;
    opacity: 0;
}
}
@media screen and (max-width: 1040px) {  
.down {/*bottom:40px;*/ }
h1 { font-size:2em;}
h2 { font-size:1.6em;}
h3 { font-size:1.6em;}
h4 { font-size:1.4em;}
h5 { font-size:1.4em;}
h6 { font-size:1.3em;}
.about { background-position:170% 100%;}
.about { background-size:auto 100%;}
.sl-prev { width:60px; height:60px; margin-top:-35px; left:20px; }
.sl-next { width:60px; height:60px; margin-top:-35px; right:20px;}
.row .columns img.slide-divide {max-height: 200px;}
.businessimg {  width:300px; }
}
/* Larger than phablet (also point when grid becomes active) */
@media screen and (max-width: 680px) {  
#logo img#cloudlogo { left:0px; }
.menutoggle { right:-30px; } 
.navbar-toggle {
    right: 0px;
}
#logo {
    padding-top: 0px;
}
.about 	{
  background-position:100% 100%;
  background-size:100% auto;
  padding-bottom:40px;
  padding-top:40px;
}
.about img.clients { width:100%; padding-top:5px; padding-bottom:0px;}
#hero-bg {
  background-position: 100% 60%;
}
.row .columns img#waypopintIn { margin-top:25vh;}
.row .columns img.slide-divide 	{display:none;}
.slidecopy   		{margin-top: 0%;width: 50%;margin-left: 25%;}
.slides .row		{padding-top:5%;}
.slides				{min-height: auto !important;padding-bottom: 20px;}
.bx-wrapper .bx-controls-direction a	{top:65% !important;}
.sl-prev { display:none !important; }
.sl-next { display:none !important; }
.slidecopy {
    margin-top: 0%;
    width: 100%;
    margin-left: 0%;
}
.slider .slick-dots { display:block !important; padding: 0 0 0 16px;
    text-align: left;}
.valign_parent { display:block; width:100%; height:auto;}
.valign_child { display:block; vertical-align:middle; height:auto;}
.valign_parent_res { display:block; width:100%; height:auto;}
.valign_child_res { display:block; vertical-align:middle; height:auto; float:left;}
.valign_child_res_bt { display:block; vertical-align:bottom; height:auto; float:left;}
.valign_child_res_tp { display:block; vertical-align:top; height:auto; float:left;}
.desktopswitch { display:none;}
.mobileswitch { display:block;}
.row .columns img.slash {
    max-width: none;
    max-height: none;
	height:100px;
}
.row .columns img.footerlogo {
    max-width: none;
    max-height: none;
	height:60px;
}
.footer .row {
    padding-top: 80px;
}
.row .columns img.dip { max-width:250px; margin-top:40px;}
.panel1 	{
  padding-bottom:60px;
  padding-top:60px;
  height: auto;
  min-height: auto;
}
.slides 	{
  padding-bottom:80px;
  padding-top:80px;
  height: auto;
  min-height: auto;
}
.slides_holder { position:relative; width:90vw; height:auto;}
.footer 	{
  padding-bottom:60px;
  padding-top:80px;
  height: auto;
  min-height: auto;
}
.down img {
    height: 40px;
}
.down { display:none;}
#logo img {
    height: 45px;
}
.businessimg {  width:200px; }
}
@media screen and (max-width: 360px) {  


}