@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	position: absolute;
	margin-top: 0px;
	background: white;
	color: black;
	font-family: arial;
	width: 100%;
}
.tk-myriad-pro{
	font-family: "myriad-pro";
	font-weight: 300;
	font-style: normal;	
	font-size: 1rem;
}
/* boxes */
#boxes .box .container{
	width: 80%;
	margin: auto;
	overflow: hidden;
}
#boxes .box p{
	text-align: center;
	margin: 0px;
}
#boxes {
	margin-top: -20px;
	margin-bottom: 695px;
}
#boxes .box {
	float: left;
	margin-top: 5px;
	width: 46%;
	padding: 10px;
	text-align: center;
	font-size: 1rem;
	margin-left: auto;
	margin-right: auto;
}
#boxes .box p{
	margin-top: 1px;
	margin-left: 35px;
	margin-right: 35px;
	font-size: 1.7rem;
	color: white;
}
#boxes .box a{
	margin-top: 0px;
	text-align: center;
	text-decoration: none;
	color: black;
}
#boxes .box a:hover {
	text-decoration: none;
}
.button {
  border: none;
  color: white;
  padding: 12px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3rem;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.button4 {
  	display: inline-block;
	margin-left: auto;
	margin-right: auto; 
	text-decoration: none;
  	background-color: white;
	color: black; 
  	border: 1px solid white;
	border-radius: 25px;
}
.button4 a{
	text-decoration: none;
}
.button4:hover {
  	color: darkred;
	text-decoration: none;
	border-radius: 1px;
	border: 1px solid red;
}
* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 150px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.icon-bar {
  position: fixed;
  top: 65%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}
.linkedin {
  background: #007bb5;
  color: white;
}
#showcase {
	margin-top: 0px;
	background: url("images/background.png");
	height: 675px; 
	background-position: center;
 	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	z-index: -1;
}
#smart-device p{
	color: black;
}
#section-1 {
	margin-top: 1px;
	text-align: center;
	background-image: linear-gradient(to right, #f6c457 , #a5702b , #ae7731 , black);
	position: -webkit-sticky;
  	position: sticky;
  	top: 0;
	padding: 25px;
}
#section-1 a{
	color: white;
	font-size:2rem;
	text-decoration: none;
	padding: 55px;
	font-weight: bold;
}
#section-2 {
	margin-top: 175px;
	width: 90%;
	border-style: solid;
	border-color: gray;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
}
#section-2 h1 {
	text-align: center;
	font-weight: bold;
}
#section-2 p{
	color: black;
	font-size: 2.5rem;
}
#section-2 i{	
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	color: black;
	text-decoration: none;
}
#section-2 a{	
	color: #36648B;
	text-decoration: none;
}
#section-3 {
	margin-top: 75px;
	width: 90%;
	border-style: solid;
	border-color: gray;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
}
#section-4 {
	margin-top: 75px;
	width: 90%;
	border-style: solid;
	border-color: gray;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
}
#connect{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ededed;
	width: 612px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#connect a{
	color: white;
}
#Solinks {
	margin: 95px;
	text-align: center; 
}
#Solinks a{
	display: inline-block;
	padding: 25px;
	text-align: center; 
	color: black;
}
#main-footer {
	margin-top: 125px;
	background-color: black; 
   	bottom: 0;
   	width: 100%;
   	color: white;
   	text-align: center;
	padding-top: 5px;
	padding-bottom: 45px;
	font-size: 2rem;
	text-decoration: none;
}
#main-footer p{
	padding-top: 45px;
}
#main-footer a{
	text-decoration: none;	
	color:white;
	font-weight: bold;
	font-size: 2rem;
}
@media (max-width:768px){		
	#showcase img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 100px;
		width: 700px;
	}
	#smart-device {
		margin-top: 125px;
	}
	#smart-device h1,p{
		margin: 15px;
	}
	#smart-device h1{
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
	}
	#smart-device p{
		text-align: center;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 2rem;
	}
	#section-2 {
		margin-top: 175px;
		width: 90%;
		border-style: solid;
		border-color: gray;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-width: 1px;
}
	#section-2 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-2 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-2 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-3 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-3 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-3 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-4 {
		margin-top: 75px;
		width: 90%;
		border-style: solid;
		border-color: gray;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-width: 1px;
	}
	#section-4 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-4 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-4 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-5 {
		margin-top: 75px;
		width: 90%;
		border-style: solid;
		border-color: gray;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-width: 1px;
	}
	#section-5 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-5 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-5 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}	
	#section-6 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-6 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-6 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-7 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-7 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-7 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}	
	#section-8 {
		display: none;
		visibility : hidden;
	}
	#section-9 {
		display: none;
		visibility : hidden;
	}		
	#leaders img{
		display: block;
		margin-left:  auto;
		margin-right: auto;
		margin-bottom: 145px;
		width: 250px;
	}
	#main-footer p{
		margin-left: 55px;
		margin-right: 55px;
	}
}
@media screen and (min-width:769px) and (max-width:1020px){	
	#showcase img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 35px;
		width: 800px;
	}
	#smart-device {
		margin-top: 125px;
	}
	#smart-device h1{
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
	}
	#smart-device p{
		text-align: center;
		margin-left: 45px;
		margin-right: 45px;
		font-size: 2rem;
	}
	#section-1 a{
		font-size: 2.3rem;
	}
	#section-2 {
		margin-top: 175px;
		width: 90%;
		border-style: solid;
		border-color: gray;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-width: 1px;
}
	#section-2 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-2 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-2 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-3 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-3 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-3 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-4 {
		margin-top: 75px;
		width: 90%;
		border-style: solid;
		border-color: gray;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-width: 1px;
	}
	#section-4 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-4 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-4 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-5 {
		margin-top: 75px;
		width: 90%;
		border-style: solid;
		border-color: gray;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-width: 1px;
	}
	#section-5 p{	
		font-size: 2rem;
		padding-top: 25px;
	}
	#section-5 i{
		display: inline-block;
		float: left;
		margin-left: 25%;
		padding-right: 55px;
		padding-bottom: 25px;
	}
	#section-5 a{	
		text-decoration: none;
		padding-top: 75px;
		font-size: 3rem;
		color: black;
	}
	#section-7 {
		display: none;
		visibility : hidden;
	}
	#section-8 {
		display: none;
		visibility : hidden;
	}		
	#leaders img{
		display: block;
		margin-left:  auto;
		margin-right: auto;
		margin-bottom: 145px;
		width: 250px;
	}	
	#section-6 {
		display: none;
		visibility : hidden;
	}
	#section-8 {
		display: none;
		visibility : hidden;
	}
	#section-9 {
		display: none;
		visibility : hidden;
	}
	#main-footer p{
		margin-left: 55px;
		margin-right: 55px;
	}
	
}
@media screen and (min-width:1021px){		
	#showcase {
		display: none;
	}
	#section-1{
		display: none;
	}
	#smart-device{
		display: none;
	}
	#section-2{
		display: none;
	}
	#section-3{
		display: none;
	}
	#section-4{
		display: none;
	}
	#section-5{
		display: none;
	}
	#Solinks{
		display: none;
	}
	#leaders{
		display: none
	}
	#Icon {
		display: none;
	}
	#section-8 {
		margin-top: 125px;
	}
	#section-8 img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#section-8 h1{
		text-align: center;
		font-size: 2rem;
	}
	#section-8 p{
		text-align: center;
	}
	#section-9 p{
		text-align: center;
	}
	#section-9 a{
		color: blue;
		text-decoration: none;
	}
	#section-9 a:hover{
		text-decoration: underline;
	}	
	#main-footer {
   		display: none!important;
		visibility: hidden;
		margin-bottom: 175px;
	}
}