@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

body {
	background: #fff;
}
#scrollUp {
	bottom: 20px;
	right: 20px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(Images/top1.png) no-repeat;
}
#scrollUp:hover {
	bottom: 20px;
	right: 20px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(Images/top.png) no-repeat;
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;

}

h2 {
	font-family: poiret-one, sans-serif;
	color: #333;
	font-size: 50px;
	font-weight: 100;
	font-style: normal;
	width: 100%;
	text-align: center;
}
	
#navwrap.my-sticky-element {
	background: #fff;
	width: 100%;
	float: left;
	text-align: center;
	height: 86px;
}

#navwrap1 {
	margin: 0 auto;
	max-width: 70%;
}


nav {
	float: left;
	padding: 10px;
	height: 58px;
	background: url(Images/MobiloeEyeLogo1.png) 50% 20% no-repeat;
	width: 100%;
}
nav img {
	float: left;
	display: none;
}

#ulwrap {
	float: right;
	display: none;
}



.my-sticky-element.stuck {
	position: fixed;
	box-shadow:0 3px 0px rgba(0, 0, 0, .1);
	top: 0;
	z-index: 99999;

	
}
.my-sticky-element select {
	display: none;

}


.my-sticky-element.stuck select {
	display: none;

}


#homewrap {
	width: 100%;
	background: #f2942a url(Images/coffee1.jpg) no-repeat 50% 20%;
	float: left;
	text-align: center;
	padding-top: 100px;
}
#home {

	max-width: 80%;
	margin: 0 auto;
	
}
#phone {
	height: 300px;
		-webkit-animation-duration: 0s;
	   -moz-animation-duration: 0s;
	     -o-animation-duration: 0s;
	        animation-duration: 0s;

}

#intro {
	font-family: poiret-one, sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	font-style: normal;
	margin: 0 auto;
	max-width: 90%;
	margin-top: 30px;
	margin-bottom: 30px;
}
#desc {
	font-family: ubuntu, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
#phone {
	height: 300px;
}
#store {
	width: 100%;
	margin-bottom: 100px;
}
.store {
	margin: 5px;
}


#what {
	margin: 0 auto;
	max-width: 80%;
	
}
#whatwrap {
	background: #fff;
	width: 100%;
	float: left;
	margin-top: 50px;
}
#boxwrap {
	width: 100%;
	float: left;
}
	
.box {
	width: 100%;
	float: left;

	text-align: center;
}
#what p {
	
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 15px;
	font-weight: 100;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	padding-top:20px;
	
}
#what img {
	margin: 0 auto;
	width: 70px;

}
.arrow {
	background: url(Images/arrow1.gif) no-repeat 50% 30%;
	float: left;
	
	height: 100px;
	width: 100%;

}
h2 {
	font-family: poiret-one, sans-serif;
	color: #333;
	font-size: 30px;
	font-weight: 100;
	font-style: normal;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
#whatdesc {
	display: none;
	margin-top: 15px;
	line-height: 40px;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
#howwrap {
	float: left;
	width: 100%;
	margin-top: 50px;
	background: #efefef;
	padding-bottom: 50px;
	
}

#how {
	margin: 0 auto;
	width: 80%;
	text-align: center;

	
	
}
#how img {
	margin: 0 auto;
}
#howdesc {
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 15px;
	font-weight: 100;
	font-style: normal;
	display: block !important;
	margin-top: 30px;
	line-height: 20px;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;

}
.boxhow {
	width: 100%;
	float: left;
	text-align: left;
	margin: 20px;
}
h3 {
	font-family: poiret-one, sans-serif;
	color: #333;
	font-size: 22px;
	font-weight: 100;
	font-style: normal;
	float: left;
	width: 100%;
	height: 40px;
	padding-left: 50px;
}
#oneh3 {
		background: url(Images/one.png) no-repeat 0% 50%;
}
#twoh3 {
		background: url(Images/two.png) no-repeat 0% 50%;
}
#how p {
	
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 15px;
	font-weight: 100;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	
}
.boximg {
	width: 20%;
	float: left;
	text-align: center;
	margin: 0 auto;
	margin: 10px;
}
.boximg h4 {
	font-family: ubuntu, sans-serif;
	color: #666;
	font-weight: 100;
	width: 100%;
	clear: both;
	font-size: 12px;
	margin: 0 auto;
	padding-top: 10px;

}
.boximg img {

	padding-top: 20px;
	margin: 0 auto;
	height: 60px;
}
h5 {
	font-family: poiret-one, sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	font-style: normal;
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
	padding-top: 20px;
	float: left;
}
#qmainwrap {
	background: #040000 url(Images/Fish.jpg) no-repeat 50% 50%;
	float: left;
	width: 100%;
}

#who {

	float: left;
	width: 100%;
}
#quotes {
	width: 65%;
	text-align: left;
	margin: 0 auto;
}
#boxhowwrap {
	float: left;
	text-align: left;
}
#sliderwrap {
	width: 100%;
	font-family: ubuntu, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	float: left;
	background-color: rgba(0, 0, 0, 0.5);
	
}
#sliderId {
	width:80%;
	text-align: center;
	margin: 0 auto;
	position: relative;


}
.slidewrap {
	width: 100%;
	float: left;
	position: relative;
}
#quotesimg {
	position: absolute;
	left: 0;
	top: -20px;
}
#sliderId ul {
	width: 100%;
	float: left;
	margin-top: 60px;
}
#sliderId li {
	width: 100%;
	float: left;
}
#quote1 {
	float: left;
	height: 240px;
}
.slidetext {
	width: 90%;
	float: left;


}
.slidetext p {
		display: none;
}
.name {
	float: left;
	width: 90%;

	border-top: 1px solid #fff;
	margin-top: 20px;
}
h6 {
	width: 100%;
	font-family: ubuntu, sans-serif;
		color: #f2942a;
	font-size: 22px;
	font-weight: 100;
	font-style: normal;
	margin: 0px;
}
.unoSlider,.unoSlider ul,.unoSlider .sliderView{}.unoSlider ul,.unoSlider .sliderView{min-height: 200px;}

#contriwrap {
	background: #f2942a;
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 20px;

}
	

#contri {
	width: 65%;

	margin: 0 auto;


}
#contrih2 {
	color: #fff;
	font-size: 40px;
	margin-top: 20px;



}
#contri p {
	color: #fff;
	text-align: center;
	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	
}
#register {

}
#contriimg {

	display: none;
}
#vidwrap {
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 50px;
}

#vid {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

#vwrap {
	margin: 0 auto;
	width: 100%;
	text-align: center;

	
}
.videos {
	width: 100%;

	margin: 10px;
	padding: 5px;
	margin-bottom: 20px;
	background: #ccc;
}
video {
    max-width: 100%;
    height: auto;
}

#vid iframe,
embed,
object {
     width: 100%;
	 height: 100%;
}
footer {
	color: #ccc;

	background: #212121;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;

}

#footerwrap {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	padding: 30px;
}

.fo_title {
	color: #f2942a;

	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fo_desc {
	color: #aaa;

	width: 90%;
	font-family: ubuntu, sans-serif;

	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fo_link {
	color: #ccc;
	float:left;

	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	text-decoration: none;
	margin-top: 5px;
}

.fo_link:hover {
	color: #fff;
}

#contact {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;

}
#mail {
	width: 100%;
	float: left;
	margin-bottom: 30px;

}
#follow {
	width: 100%;
	float: left;
}

#awards {
	float: left;
	width: 100%;
	text-align: center;
	display: none;
}
.award {
	float: left;
	width: 30%;
	margin-right: 10px;
}
.award img {
	height: 53px;
}
#press {
	width: 100%;
	float: right;
	display: none;
}
#pixelwrap {
	color: #ccc;
	background: #111;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-family: ubuntu, sans-serif;
	font-weight: 100;
	font-style: normal;
	
}
#pixelgarage {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	
}
#copyright {
	text-align: center;

}
#pg {
	text-align: center;
}
#pg a {
	text-decoration: none;
	color: #f2942a; 
}
#pg a:hover {
	text-decoration: underline; 
}
.fb-like {
	margin: 0 auto;
	width: 100%;
}
	


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 551px) {
.gridContainer {
	margin: 0 auto;
	width: 100%;

}
#navwrap.my-sticky-element {
	background: #fff;
	width: 100%;
	float: left;
	text-align: center;
	height: 86px;
}
#navwrap1 {
	margin: 0 auto;
	max-width: 80%;

}
nav {
	float: left;
	padding: 5px;
	background: url(Images/MobiloeEyeLogo1.png) 0% 50% no-repeat;
	width: 100%;
}
#ulwrap {
	float: right;
	display: none;
}
select {
	
   background: #fff;
   width: 150px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
    -webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	margin: 15px;


} 
.my-sticky-element.stuck select {
	display: inline-block;
	width: 200px;
	margin-top: 20px;
	float: right;
}


#homewrap {
	width: 100%;
	background: #f2942a url(Images/coffee1.jpg) no-repeat 50% 20%;
	float: left;
	text-align: center;
	padding-top: 100px;
	
}
#home {

	max-width: 80%;
	margin: 0 auto;
	
}
#intro {
	font-family: poiret-one, sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	font-style: normal;
	margin: 0 auto;
	max-width: 80%;
	margin-top: 30px;
	margin-bottom: 30px;
}
#desc {
	font-family: ubuntu, sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
#phone {
	height: 370px;
}
#store {
	width: 100%;
	margin-bottom: 100px;
}
.store {
	margin: 5px;
}
#howdesc {
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	display: block !important;
	margin-top: 30px;
	line-height: 20px;
	float: left;
	width: 100%;
	text-align: center;

}
.boxhow {
	width: 100%;
	float: left;
	text-align: left;
	margin: 20px;
}
h3 {
	font-family: poiret-one, sans-serif;
	color: #333;
	font-size: 23px;
	font-weight: 100;
	font-style: normal;
	float: left;
	width: 100%;
	height: 40px;
	padding-left: 50px;
}
h2 {
	font-family: poiret-one, sans-serif;
	color: #333;
	font-size: 40px;
	font-weight: 100;
	font-style: normal;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
#oneh3 {
		background: url(Images/one.png) no-repeat 0% 50%;
}
#twoh3 {
		background: url(Images/two.png) no-repeat 0% 50%;
}
#how p {
	
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	
}
.boximg {
	width: 20%;
	float: left;
	text-align: center;
	margin: 0 auto;
	margin: 10px;
}
.boximg h4 {
	font-family: ubuntu, sans-serif;
	color: #666;
	font-weight: 100;
	width: 60%;
	clear: both;
	font-size: 12px;
	margin: 0 auto;
	padding-top: 10px;

}
.boximg img {

	padding-top: 20px;
	margin: 0 auto;
}
.slidetext p {
		display: block;
}
#contriimg {
	position: absolute;
	right: 15%;
	bottom: 0;

	display: none;
}
footer {
	color: #ccc;

	background: #212121;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;

}

#footerwrap {
	margin: 0 auto;
	width: 80%;
	text-align: left;
	padding: 30px;
}

.fo_title {
	color: #f2942a;

	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fo_desc {
	color: #aaa;

	width: 90%;
	font-family: ubuntu, sans-serif;

	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fo_link {
	color: #ccc;
	float:left;

	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	text-decoration: none;
	margin-top: 5px;
}

.fo_link:hover {
	color: #fff;
}

#contact {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;

}
#mail {
	width: 50%;
	float: left;
	margin-bottom: 20px;

}
#follow {
	width: 50%;
	float: left;

}

#awards {
	float: left;
	width: 100%;
	text-align: left;
	display: block;
}
.award {
	float: left;
	width: 30%;
	margin-right: 10px;
}
.award img {
	height: 53px;
}
#press {
	width: 100%;
	float: right;
	display: block;
}
#copyright {
	float: left;

}
#pg {
	float: right;
}
.fb-like {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	width: auto;
	}




}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 900px) {
	
.gridContainer {
	margin: 0 auto;
	width: 100%;

}
nav {
	float: left;
	padding: 10px;
	background: url(Images/MobiloeEyeLogo1.png) 0% 50% no-repeat;
	width: 100%;
}

	
#ulwrap {
	float: right;
	display: block;
	padding-top: 20px;
}
#navwrap.my-sticky-element {
	background: #fff;
	width: 100%;
	float: left;
	text-align: center;
	height: 86px;
}
.my-sticky-element ul {
	padding: 0;
	display: inline-block;
	max-width: 1024px;

	

}
.my-sticky-element select {
	display: none;
}

#navhelp:hover {
	background: #f2942a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	
}
#navhelp {
	background: #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	
}
.my-sticky-element li {
	margin: 0;
	display: inline-block;
	list-style: none;
	border: 0;
	padding: 10px;

}

.my-sticky-element li a{
	color: #999;
	border:0;
	text-decoration: none;
	font-size: 18px;
	font-family: ubuntu, sans-serif;
	float: left;

}
.my-sticky-element li img {
	border: none;
}
.my-sticky-element li a:hover {
	color: #f2942a;
	/*background: url(Images/navBG.png) no-repeat; */

}
.my-sticky-element .current1 a {
	color: #f2942a;
	/*background: url(Images/navBG.png) no-repeat; */
}

.my-sticky-element.stuck {
	position: fixed;
	box-shadow:0 3px 0px rgba(0, 0, 0, .1);
	top: 0;
	z-index: 99999;
	margin: 0px;

	
}

.my-sticky-element.stuck ul {
	padding: 0;
	display: inline-block;
	max-width: 1024px;

	

}
.my-sticky-element.stuck select {
	display: none;
}


.my-sticky-element.stuck li {
	margin: 0;
	display: inline-block;
	list-style: none;
	border: 0;
	padding: 10px;

}

.my-sticky-element.stuck li a{
	color: #999;
	border:0;
	text-decoration: none;
	font-size: 18px;
	font-family: ubuntu, sans-serif;
	float: left;
	padding: 5px;
}
.my-sticky-element.stuck li img {
	border: none;
}
.my-sticky-element.stuck li a:hover {
	color: #f2942a;
	/*background: url(Images/navBG.png) no-repeat; */

}
.my-sticky-element.stuck .current1 a {
	color: #f2942a;
	/*background: url(Images/navBG.png) no-repeat; */
}


#homewrap {
	width: 100%;
	background: #f2942a url(Images/coffee1.jpg) no-repeat 50% 20%;
	float: left;
	text-align: center;
	padding-top: 100px;
}
#home {
	max-width: 80%;
	margin: 0 auto;
	
}
#intro {
	font-family: raleway, sans-serif;
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	font-style: normal;
	margin: 0 auto;
	max-width: 50%;
	margin-top: 20px;
	margin-bottom: 30px;
	float: left;
	text-align: left;
	margin-left: 10%;
}
#desc {
	font-family: ubuntu, sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: 100;
	font-style: normal;
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 30px;
	float: left;
	text-align: left;
	margin-left: 10%;
}
#phone {
	height: 420px;
	float: right;
	margin-right: 10%;
	margin-bottom: 60px;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	 animation-duration: 2s;

}
#store {
	width: 50%;
	margin-bottom: 100px;
	float: left;
	text-align:left;
	margin-left: 10%;
}
.store {
	margin: 5px;
}

#what {
	margin: 0 auto;
	max-width: 60%;
	
}
#whatwrap {
	background: #fff;
	width: 100%;
	float: left;
	margin-top: 50px;
}
#boxwrap {
	width: 100%;
	float: left;
}
	
.box {
	width: 28%;
	float: left;

	text-align: center;
}
#what p {
	
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 20px;
	font-weight: 100;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	padding-top:20px;
	
}
#what img {
	margin: 0 auto;
	width: auto;
}
.arrow {
	background: url(Images/arrow.gif) no-repeat 50% 30%;
	float: left;
	
	height: 180px;
	width: 8%;

}
h2 {
	font-family: raleway, sans-serif;
	color: #333;
	font-size: 50px;
	font-weight: 100;
	font-style: normal;
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
	padding-top: 20px;
	float: left;
}

#whatdesc {
	display: block !important;
	margin-top: 30px;
	line-height: 40px;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
#numberwrap {
	width: 80%;
	margin: auto;
}

#howwrap {
	float: left;
	width: 100%;
	margin-top: 50px;
	background: #f6f6f6;
	padding-bottom: 50px;
	border-top: 2px solid #f1f1f1;
	
}

#how {
	margin: 0 auto;
	width: 80%;
	text-align: center;

	
	
}
#how img {
	margin: 0 auto;
}
#howdesc {
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 20px;
	font-weight: 100;
	font-style: normal;
	display: block !important;
	margin-top: 30px;
	line-height: 40px;
	float: left;
	width: 100%;
	text-align: center;

}
.boxhow {
	width: 44%;
	float: left;
	text-align: left;
	margin: 20px;
}

#howanimate {
	background: url(Images/how.gif) no-repeat 50% 50%;
	margin: auto;
	width: 100%;
}
h3 {
	font-family: poiret-one, sans-serif;
	color: #333;
	font-size: 30px;
	font-weight: 100;
	font-style: normal;
	float: left;
	width: 100%;
	height: 40px;
	padding-left: 50px;
}
#oneh3 {
		background: url(Images/one.png) no-repeat 0% 50%;
}
#twoh3 {
		background: url(Images/two.png) no-repeat 0% 50%;
}
#box1{
	float: left;
}
#box2 {
	float: right;
}
#how p {
	
	font-family: ubuntu, sans-serif;
	color: #666;
	font-size: 20px;
	font-weight: 100;
	font-style: normal;
	max-width: 100%;
	margin: 0 auto;
	
}

.boximg {
	width: 25%;
	float: left;
	text-align: left;
}
.boximg h4 {
	font-family: ubuntu, sans-serif;
	color: #666;
	font-weight: 100;
	width: 100%;

	clear: both;
	font-size: 18px;
	text-align: left;
	padding-top: 10px;

}
.boximg img {
	padding-top: 20px;
	height: 50px;
}
h5 {
	font-family: raleway, sans-serif;
	color: #fff;
	font-size: 35px;
	font-weight: 100;
	font-style: normal;
	width: 70%;
	text-align: left;
	margin-bottom: 70px;
	padding-top: 20px;
	float: left;
}

#qmainwrap {
	background: #040000 url(Images/Fish.jpg) no-repeat 50% 50%;
	float: left;
	width: 100%;
}

#who {

	float: left;
	width: 100%;
}
#quotes {
	width: 65%;
	text-align: left;
	margin: 0 auto;
}
#boxhowwrap {
	float: left;
	text-align: left;
}
#sliderwrap {
	width: 100%;
	font-family: ubuntu, sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	float: left;
	background-color: rgba(0, 0, 0, 0.5);
	
}
#sliderId {
	width: 65%;
	text-align: left;
	margin: 0 auto;
	position: relative;


}
.slidewrap {
	width: 100%;
	float: left;
	position: relative;
}
#quotesimg {
	position: absolute;
	left: 0;
	top: -20px;
}
#sliderId ul {
	width: 100%;
	float: left;
	margin-top: 60px;
}
#sliderId li {
	width: 100%;
	float: left;
}
#quote1 {
	float: left;
	height: 240px;
}
.slidetext {
	width: 60%;
	float: left;

}
.slidetext p {
		display: block;
}
.name {
	float: right;
	width: 25%;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 2px solid #fff;
}
h6 {
	width: 100%;
	font-family: ubuntu, sans-serif;
		color: #f2942a;
	font-size: 25px;
	font-weight: 100;
	font-style: normal;
	margin: 0px;
}
.unoSlider,.unoSlider ul,.unoSlider .sliderView{}.unoSlider ul,.unoSlider .sliderView{min-height: 200px;}
#contriwrap {
	background: #f2942a;
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 20px;
		position: relative;
}
	

#contri {
	width: 65%;

	margin: 0 auto;


}
#contrih2 {
	color: #fff;
	text-align: left;
	font-size: 60px;
	margin-top: 20px;



}
#contri p {
	color: #fff;
	text-align: left;
	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 25px;
	font-weight: 100;
	font-style: normal;
	
}
#register {
	float: left;
}
#contriimg {
	position: absolute;
	right: 15%;
	bottom: 0;
	display: block;
}
#vwrap {
	padding-left: 7%;
}

.videos {
	width: 40%;
	float: left;
	margin: 10px;
	padding: 5px;
	background: #ccc;
}
video {
    max-width: 100%;
    height: auto;
}
footer {
	color: #ccc;

	background: #212121;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;

}

#footerwrap {
	margin: 0 auto;
	width: 80%;
	text-align: left;
	padding: 30px;
}

.fo_title {
	color: #f2942a;

	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fo_desc {
	color: #aaa;

	width: 90%;
	font-family: ubuntu, sans-serif;

	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fo_link {
	color: #ccc;
	float:left;

	width: 100%;
	font-family: ubuntu, sans-serif;

	font-size: 18px;
	font-weight: 100;
	font-style: normal;
	text-decoration: none;
	margin-top: 5px;
}

.fo_link:hover {
	color: #fff;
}

#contact {
	float: left;
	width: 20%;
	text-align: left;
	margin-bottom: 10px;

}
#mail {
	width: 100%;
	float: left;
	margin-bottom: 30px;

}
#follow {
	width: 100%;
	float: left;
}

#awards {
	float: left;
	width: 60%;
	text-align: left;
	display: block;
}
.award {
	float: left;
	width: 30%;
	margin-right: 10px;
}
.award img {
	height: 53px;
}
#press {
	width: 20%;
	float: right;
	display: block;
}


#pixelwrap {
	color: #ccc;
	background: #111;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-family: ubuntu, sans-serif;
	font-weight: 100;
	font-style: normal;
	
}
#pixelgarage {
	margin: 0 auto;
	width: 80%;
	text-align: left;
	
}
#copyright {
	float: left;

}
#pg {
	float: right;
}
#pg a {
	text-decoration: none;
	color: #f2942a; 
}
#pg a:hover {
	text-decoration: underline; 
}
.fb-like {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
}


/* Animation --------------------------------------------------------*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-delay: 2s;
	   -moz-animation-delay: 2s;
	     -o-animation-delay: 2s;
	        animation-delay: 2s;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


	
}