html{
	
}
body{
	margin:0px;
}

.half_width_small_hidden{
	display:none;
	width:50%;
	height:200px;
	background:#fff;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	}
.half_width_big_hidden{
	display:table-cell;
	width:50%;
	height:200px;
	background:#fff;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	}
/*Link Styling*/
a:link {
   color:#4abef0;
      text-decoration: none;
}

a:visited {
   color:#4abef0;
      text-decoration: none;
}

a:hover {
    color:#000;
	   text-decoration: none;
}

a:active {
  color:#4abef0;
      text-decoration: none;
}




/*Navigation*/
.nav{
	height:80px;
	background:#000;
	position:fixed;
	width:100%;
	opacity:1;
	transition: opacity 0.5s;
}

.menu{
	width:80px;
	
	text-align:center;
	display:inline-block;
	color:#fff;
	padding:30px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	font-size:15px;
	cursor:pointer;
	transition: background 0.5s, color 0.5s;
	
}
.menu:hover{
	color:#000;
	background:#fff
}
.bottom_menu{
	display:inline;
}
.bottom_nav{
	margin-top:20px;
	font-weight:bold;
	color:#606060;
}

.nav_below{
	height:30px;
	background:#fff;
	width:100%;
	padding-left:187px;
	display:none;
	border-bottom:1px solid #000;
	
	top: 60px;

}
.hotspots_nav_below{
	height:30px;
	background:#fff;
	width:100%;
	padding-left:187px;
	display:none;
	border-bottom:1px solid #000;
		position:absolute;

}
.menu_below{
	width:80px;
	text-align:center;
	display:inline-block;
	color:#000;
	padding:5px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	font-size:15px;
	cursor:pointer;
	transition: background 0.5s, color 0.5s;
	
}
.menu_below:hover{
	color:#fff;
	background:#000
}
.logo_image{
	height:70px;
	float:left;
	padding:5px;
	margin-right:20px;
}

.scroll_top{
	position:fixed;
	right:20px;
	bottom:20px;
	text-align:center;
	font-size:50px;
	z-index:1000;
	color:#4abef0;
	transition:opacity 1s;
	
}

.navbar_button{
		display:none;
		color:#fff;
		float:right;
		border:3px solid #fff;
		padding:5px;
		border-radius:5px;
		width:70px;
		height:70px;
		font-size:70px;
		cursor:pointer;
		position:absolute;
		right:55px;
		top:55px;
		padding-left:15px;
	}
.cloud_menu{
		padding: 22px;
}
.fa-cloud{
	margin-top:0px;	
	}
/*content*/

h1{
	color:#fff;
	font-size:40px;
	font-weight:normal;
	margin:0px;
	font-family: 'Raleway', sans-serif;
}
h2{
	color:#000;
	font-weight:normal;
	margin:0px;
	font-family: 'Raleway', sans-serif;
}
.main{
		padding-top:20px;
	}
.page_header{
	float:left;
	margin-top:100px;
	color:#000;
	font-size:80px;
	margin-left:20px;
}
.page_header_sub{
	margin-top: 200px;
	margin-left:20px;
}
hr{
	width:30%;
	margin:0px auto;
	color:#fff;
	border:1px solid #fff;
	margin-top:20px;
	margin-bottom:20px;
}
.sub{
	color:#000;
	float:none;
	font-size:50px;
	padding:0px;
}
.text{
	color:#606060;
	font-size:26px;
	font-family: 'Raleway', sans-serif;
	line-height:1.5;
	width:90%
}
.text_blue{
	color:#4abef0;
	font-size:30px;
	font-family: 'Raleway', sans-serif;
}
.text_medium{
	color:#606060;
	font-size:25px;
	font-family: 'Raleway', sans-serif;
	line-height:1.5
}
.text_small{
	color:#606060;
	font-size:20px;
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
}

.full_width{
	width:100%;
	margin:0px auto;
	background:#fff;
	display:table;
}
.half_width{
	width:50%;
	height:200px;
	display:table-cell;
	background:#fff;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	
}
.third_width{
	width:33.333%;
		height:200px;
	display:table-cell;
	background:#fff;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	text-align:center;
}
.quater_width{
	width:25%;
		height:200px;
	display:table-cell;
	background:#fff;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	text-align:center;
}
.left_justify{
	text-align:left;
}

.content{
	width:100%;
	height:60vh;
	color:#000;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	cursor:pointer;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+26,d8d8d8+100 */
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 26%, #d8d8d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 26%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 26%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}
.content_bg{
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+26,d8d8d8+100 */
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 26%, #d8d8d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 26%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 26%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
	
}
.content_bg_light{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+26,ededed+100 */
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 26%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9f9f9 26%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9f9f9 26%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.content_holder{
	width:90%;
	margin:0px auto;
	margin-top:3%;
}
.main_header{
	width:50%;
	float:right;
	text-align:right;
	margin-right:60px;
	margin-top:30px;
}
.left{
	text-align:left;
	float:left;
	margin-left:60px;
}
.center_banner{
	width:80%;
	margin:0px auto;
	margin-top:80px;
	margin-bottom:75px;
	height:300px;
	background:#4abef0;
	text-align:center;
	border-radius:5px;
	-webkit-box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
}

.support_box{
	vertical-align:top;padding:40px;float:left;width:43%;margin-bottom:200px;
}

.application{
	width:30%;height:1px;text-align:center
}

/*Background images */
.main_back{
	background: #0e85b8 url(../images/index_tower.png) no-repeat left;
	background-size:180vh;
	margin-top:50px;
	
}

.hotspot_back{
	background: #000 url(../images/hotspot_laptop.jpg) no-repeat left;
	background-size:100vh;

	
}
.monitor_back{
	background: #000 url(../images/monitor.png)  no-repeat left;
	background-size:100vh;

	
}
.applications_back{
	background: #000 url(../images/applications.jpg)  no-repeat left;
	background-size:100vh;
	
	
}
.cloud_back{
	background:#0c1330;
	background:#0c1330 url(../images/cloud.jpg) no-repeat center;
	background-size: auto 100%;
	margin-top:50px;	
	
}
.cloud_back_01{
	background: #fff url(../images/cloud_desktop.jpg)  no-repeat left;
	background-size:100%;

}
.cloud_back_02{
	background: #fff url(../images/cloud_interface.png)  no-repeat left;
	background-size:100%;
	
}
.cloud_back_03{
	background: #fff url(../images/cloud_desktop_02.jpg)  no-repeat left;
	background-size:100%;

}
.cloud_back_04{
	background: #fff url(../images/cloud_network.jpg)  no-repeat left;
	background-size:100%;

}
.cloud_back_05{
	background: #fff url(../images/cloud_network_02.jpg)  no-repeat left;
	background-size:100%;

}
.cloud_back_06{
	background: #fff url(../images/cloud_interface_02.jpg)  no-repeat left;
	background-size:auto 110%;
	background-position:0px 0px;

}
.cloud_back_07{
	background: #fff url(../images/cloud_interface_03.jpg)  no-repeat left;
	background-size:100%;
	

}
.cloud_back_08{
	background: #fff url(../images/cloud_network_03.jpg)  no-repeat left;
	background-size: auto 100%;
	background-position: 100px;

}
.cloud_back_09{
	background: #fff url(../images/cloud_services.jpg) no-repeat left;
	background-size:100%;
	
}
.header_back{
	background: url(../images/stack.png) no-repeat right;
	
}
/*buttons*/
.learn_more_btn{
width:300px;
color:#fff;
 border:1px solid #fff;
 padding:10px;
 font-size:40px;
 margin:0px auto;
 margin-top:20%;
 text-align:center;
 transition: box-shadow 0.5s;
}
.learn_more_btn:hover{
-webkit-box-shadow: 0px 0px 13px 0px rgba(250,250,250,1);
-moz-box-shadow: 0px 0px 13px 0px rgba(250,250,250,1);
box-shadow: 0px 0px 13px 0px rgba(250,250,250,1);
}

/*footer*/
.footer{
	
	height:200px;
	background:#e9e9e9;
	padding-top:60px;
	text-align:center;
	
}
.banner{
	background:#4abef0;
	height:50px;
	margin-top:250px;
	border-bottom:1px solid #000;
	
}
/*products*/
.product_holder{
	height:330px;
	width:250px;
	border:1px solid #E0E0E0;
	border-radius:3px;
	overflow:hidden;
	margin:50px;
	display:inline-block;
	cursor:pointer;
	-webkit-box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);

}
.product_holder:hover{
	border:1px solid #4abef0;

	-webkit-box-shadow: 0px 11px 14px -9px rgba(74,190,240,0.75);
	-moz-box-shadow: 0px 11px 14px -9px rgba(74,190,240,0.75);
	box-shadow: 0px 11px 14px -9px rgba(74,190,240,0.75);

}

.product_description{
	height:30%;padding-left:10px;
}
.img_holder{
	width:250px;height:240px; 
}
.img_holder_center{
	width:40%;height:50%; margin:0px auto;margin-top:100px;margin-bottom:100px;
}
.product_image{
	width:250px;vertical-align: bottom;margin-top:80px
}
.product_image_large{
	width:100%;vertical-align: bottom;
	margin-top:100px;
}
/*sidebar*/
.sidebar{
	padding-top:20px;
	position:fixed;
	height:100%;
	width:8%;
	background:#e9e9e9;
	display:none; /*hidden*/
}
.button {
	margin-top:35px;
	-moz-box-shadow: 0px 6px 11px -7px #276873;
	-webkit-box-shadow: 0px 6px 11px -7px #276873;
	box-shadow: 0px 6px 11px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4abef0), color-stop(1, #3da3cc));
	background:-moz-linear-gradient(top, #4abef0 5%, #3da3cc 100%);
	background:-webkit-linear-gradient(top, #4abef0 5%, #3da3cc 100%);
	background:-o-linear-gradient(top, #4abef0 5%, #3da3cc 100%);
	background:-ms-linear-gradient(top, #4abef0 5%, #3da3cc 100%);
	background:linear-gradient(to bottom, #4abef0 5%, #3da3cc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4abef0', endColorstr='#3da3cc',GradientType=0);
	background-color:#4abef0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
	border:0px;
	width:300px;
	text-align:center;
	float:right;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3da3cc), color-stop(1, #4abef0));
	background:-moz-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:-webkit-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:-o-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:-ms-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:linear-gradient(to bottom, #3da3cc 5%, #4abef0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3da3cc', endColorstr='#4abef0',GradientType=0);
	background-color:#3da3cc;
}
.button:active {
	position:relative;
	top:1px;
}
.product_buttons{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #B3B3B3), color-stop(1, #686868));
	background:-moz-linear-gradient(top, #B3B3B3 5%, #686868 100%);
	background:-webkit-linear-gradient(top, #B3B3B3 5%, #686868 100%);
	background:-o-linear-gradient(top, #B3B3B3 5%, #686868 100%);
	background:-ms-linear-gradient(top, #B3B3B3 5%, #686868 100%);
	background:linear-gradient(to bottom, #B3B3B3 5%, #686868 100%);
	
}
.product_buttons:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3da3cc), color-stop(1, #4abef0));
	background:-moz-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:-webkit-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:-o-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:-ms-linear-gradient(top, #3da3cc 5%, #4abef0 100%);
	background:linear-gradient(to bottom, #3da3cc 5%, #4abef0 100%);
}



/*decorations*/
.hotspot_float_bg{
	background-image: url(../images/stack.png);
    background-repeat: no-repeat;
	background-size:50%;
	background-position: 400px 250px; 
}
.header_image{
	float:right;margin-right:20px;
}
.hr_black{
	color:#000;
	border: 1px solid #606060;
	width:50%;
}
.drop_shadow{
-webkit-box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 14px -9px rgba(0,0,0,0.75);
}

.coming_soon{
	position:absolute;
	
}
.info_box{
	
	background-color:#4abef0;
	color:#fff;
	padding:20px;
	border-radius: 5px;
}
.header_background{
	
}
.diagram{
	width:50%;
}

/*support*/
form{
	margin-top:30px;
	
}
input{
	font-size:30px;
	font-family: 'Raleway', sans-serif;
	width:50%;
	border:1px solid #ABADB3;
}
textarea{
	font-size:30px;
	font-family: 'Raleway', sans-serif;
	width:100%;
	border:1px solid #ABADB3;
}
/*smaller desktops tablets*/
@media (max-width: 1000px) {
.diagram{
	width:90%;
}
}
/*phones and tablets*/
@media (max-width: 960px) {
	
	.half_width_small_hidden{
	display:inline-block;
	width:100%;
	height:auto;
	
	}
.half_width_big_hidden{
	display:none;
	width:100%;
	}
	
	h1{
		font-size:70px
		
	}
	h2{
		font-size:50px;
	}
	.nav{
		height: 120px;
		}
	.logo_image{
		height:100px;
	}
	.main{
		padding-top: 70px;
	}
		
	.navbar{
		display:none;
		width:100%;
		background:#000;
		position:absolute;
		top: 120px;
		right:0px;
	}
	.navbar_button{
		display:block;
		top: 17px;
		
	}
	.content_holder{margin-top: 0%;}
	
	.header_back{
		background:none;
		
	}
	.main_header{float:left;text-align:left;}
	.menu{
		width:100%;
		font-size:70px!important;
	}
	.menu_below{
		display:block;
		width:100%;
		font-size:50px!important;
	}
	.hotspot_float_bg{
		background:none;
	}
	.nav_below{
		width:100%;
		padding-left:0px;
		height:auto;
		font-size:50px!important;
		top:128px;
		position:absolute;
	}
	#product_down_arrow{display:none}
	.hotspots_nav_below{
			width:100%;
		padding-left:0px;
		height:auto;
		font-size:50px!important;
		top:600px;
		border:1px solid #000;
	}
	.cloud_menu{
		
		width:100%!important;
		padding-bottom: 33px;
		float:left!important;
		margin-left:0px!important;
	}
	
	.text{
		font-size:50px;
	}
	.header_back{
		height:auto!important;
	}
	.page_header{
		font-size:100px;
	}
	.page_header_sub{
		margin-top:220px;
	}
	.product_holder{
		width:90%;
		height:500px;
	}
	.text_blue{
		font-size:50px;
	}
	.text_small{
		font-size:30px;
	}
	.text_medium{
		font-size:40px;
	}
	.sub{
		font-size:70px;
	}
	.img_holder {
		width: 100%;
		height:350px;
	}
	.product_image {
		width: 100%;
	}
	.img_holder_center{
		width:100%;
	}
	.half_width{
		width:100%;
		display:inline-block;
		height:auto;
	}
	.nav_cloud_text{
		display:none;
	}
	.scroll_top{
		font-size:150px;
	}
	.cloud_back_01{
		background-position:center;
	}
	.cloud_back_02{
		background-position:center;
	}
	.cloud_back_03{
		background-position:center;
	}
	.cloud_back_04{
		background-position:center;
	}
	.cloud_back_05{
		background-position:center;
	}
	.cloud_back_06{
		background-position:center 0px;
	}
	.cloud_back_07{
		background-position:center;
		background-size: auto 110%;
		background-position: 0px 0px;
	}
	.cloud_back_08{
		background-position:center;
	}
	.cloud_back_09{
		background-position:center;
	}
	.sub{font-size:50px;}
	.text{font-size:40px;}
	.center_banner{height: 450px;}
}
@media (max-width:1500px){
	.main_back{
	
	background-size:220vh;
	
	
}
}