cont@font-face {
font-family:'DIN Bold';
font-weight:400;
src:url(../fonts/DINComp-CondBold_new.eot) format(embedded-opentype);
src:local(☺),url(../fonts/DINCompPro-CondBold_new.ttf) format(truetype);
font-weight:400;
font-style:normal;
}

@font-face {
font-family:'DIN Bold IE';
font-weight:400;
src:url(../fonts/DINComp-CondBold_new.eot);
font-weight:400;
font-style:normal;
}

body {
background-color:#080808;
width:100%;
height:100%;
margin:0;
padding:0;
font-family:'Open Sans',sans-serif;
position:relative;
}

#background {
    width: 100%; 
	height:100%;
    z-index: 2; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	background: transparent;
	top: 0%;
	left: 75.48%;
	width: 100%;
	height: 0%;
	z-index:2;
}

#ribbon {
position: fixed;
top: 15px;
right: 10px;
z-index: 4000;
cursor: pointer;
}
#navbarcontainer {
align: center;	
position: fixed;
left:0;
top: 0;
z-index: 3000;
}
#footercontainer {
align: center;	
position: relative;
bottom: -8px;
left:0;
z-index: 3000;
    right:270px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Firefox Dotted Outline Fix */

	a:active { 
		outline: none; 
	}
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	/* Menu Body */

	ul#menubold {

		height:86px;
		list-style:none;
		padding:0 0 0 70px;
		z-index:5000;
	}

	/* Float LI Elements - horizontal display */

	ul#menubold li {
		float:left;

	}

	/* Link - common attributes */

	ul#menubold li a {
	display: block;
	height: 86px;
	width: 1105px;
	position: relative;
	z-index: 5000;
	background-attachment: scroll;
	background-image: url(../images/sprite-23.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

		/* Specify width and background position attributes specifically for the class: "leftglow" */

	ul#menubold li a.leftglow {

		width:112px;
		background-position:0 0;
	}

/* Specify width and background position attributes specifically for the class: "home" */

	ul#menubold li a.system {

		width:128.6px;
		background-position:-43px 0;
	}

	/* Specify width and background position attributes specifically for the class: "portfolio" */

	ul#menubold li a.factor{

		width:128.6px;
		background-position:-173.6px 0;
	}

	/* Specify width and background position attributes specifically for the class: "media" */

	ul#menubold li a.press {

		width:128.6px;
		background-position:-305.6px 0;
	}
	ul#menubold li a.travia {

		width:128.6px;
		background-position:-426.6px 0;
	}
	
	/* Specify width and background position attributes specifically for the class: "media" */

	ul#menubold li a.navlogo {

		width:109px;
		background-position:-545px 0;
	}	
	
	/* Specify width and background position attributes specifically for the class: "solutions" */

	ul#menubold li a.buy {

		width:90.6px;
		background-position:-637px 0;
	}
	
	/* Specify width and background position attributes specifically for the class: "buy" */

	ul#menubold li a.faqs {

		width:120px;
		background-position:-751px 0;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "contact" */

	ul#menubold li a.contact {

		width:94.6px;
		background-position:-883px 0;
	}
	
		/* Specify width and background position attributes specifically for the class: "rightglow" */

	ul#menubold li a.rightglow {

		width:112px;
		background-position:-995px 0;
	}

	/* Span (on hover) - common attributes */

	ul#menubold li a span {

		background:url(../images/sprite-23.png) no-repeat scroll bottom left;
		display:block;
		position:relative;
		top:0 0;
		left:0;
		height:100%;
		width:100%;
		z-index:5000;
	}
	

	/* Span (on hover) - display pointer */

	ul#menubold li a span:hover {

		cursor:pointer;
	}
	
	 ul#menubold li a.leftglow span {

		background-position:0 -95px;
	}
	
	/* Shift background position on hover for the class: "home" */

	ul#menubold li a.system span {

		background-position:-44px -92px;
	}


	/* Shift background position on hover for the class: "portfolio" */

	ul#menubold li a.factor span {

		background-position:-175px -92px;
	}

     
     ul#menubold li a.press span {

		background-position:-307px -92px;
	}
	 ul#menubold li a.travia span {

		background-position:-427px -92px;
	}
	
	ul#menubold li a.navlogo span {

		background-position:-542px -92px;
	}
	
	 ul#menubold li a.buy span {

		background-position:-638px -92px;
	}
	
	 ul#menubold li a.faqs span {

		background-position:-752px -92px;
	}
	
	 ul#menubold li a.contact span {

		background-position:-883px -92px;
	}
	
		 ul#menubold li a.rightglow span {

		background-position:-995px -95px;
	}
	
	#index {
position: relative;

right: 0;
height:800px;
}

.bg {
	width: 100%;
position: absolute;
top: 70px;
left: 0;
z-index: 1;
}



h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}

ul,li {
list-style:none;
padding:0;
margin:0;
}

p {
font-size:13px;
line-height:18px;
margin-bottom:10px;
}

.tab-content p {
	margin-bottom:20px;
}

a {
outline:0;
text-decoration:none;
color:#cee0de;
}

a:hover {
outline:0;
text-decoration:none;
color:#cee0de;
}

a img {
border:none;
color:rgba(0,0,0,0);
}

img {
z-index:99;
}

header {
height:86px;
width:100%;
padding:0;
position:fixed;
top:0;
left:0;
z-index:999;
}

header nav {
width:1024px;
height:100%;
margin-left:auto;
margin-right:auto;
padding: 0 0 0;
}

header nav #logo {
float:left;
padding:0 0 0 0;
}

header nav #logo h1 {
font-size:34px;
text-transform:uppercase;
position:relative;
font-family:'Russo One',sans-serif;
}

header nav #smenu ul {
list-style:none;
margin:20px 370px ;
padding:0 -40px 30px;
float:center;
}

header nav #smenu ul li {
display:inline;
margin:0;
padding:0;
}

header nav #smenu ul li a {
font-family:'Open Sans',sans-serif;
font-size:13px;
text-transform:uppercase;
padding:20px 50px 0 0;
margin:0;
position:relative;
font-weight:700;
}

header nav #smenu ul li a.active:after {
content:' ';
position:absolute;
bottom:-6px;
left:0;
height:1px;
width:25px;
}

header.light {
background-color:#fff;
box-shadow:0 1px #dddddc;
}

header.light nav #logo h1 {
color:#5a4c44;
text-shadow:0 1px #fff;
}

header.light nav #menu ul {
border-bottom:1px solid #d7d7d7;
}

header.light nav #menu ul li a {
color:#2c2c2c;
}

header.light nav #menu ul li a:hover {
color:#cee0de;
}

header.light nav #menu ul li a.active {
color:#cee0de;
}

header.light nav #menu ul li a.active:after {
background-color:#cee0de;
}

header.dark {
background-color:#212121;
box-shadow:0 1px #101010;
}

header.dark nav #logo h1 {
color:#ededec;
text-shadow:0 1px #101010;
}

header.dark nav #menu ul {
border-bottom:0 solid #444;
}

header.dark nav #menu ul li a {
color:#ededec;
}

header.dark nav #menu ul li a:hover {
color:#cee0de;
}

header.dark nav #menu ul li a.active {
color:#749b94;
}

header.dark nav #menu ul li a.active:after {
background-color:#c8a268;
}


.flex-direction-nav li a {
position:absolute;
background-image:url();
background-position:0 0;
width:35px;
height:100px;
background-color:#323232;
top:50%;
}

.flex-direction-nav li .next {
background-image:url(../images/next.png);
background-position:0 0;
right:0;
}

.flex-direction-nav li .prev {
background-image:url(../images/prev.png);
background-position:0 0;
left:0;
}

.container {
width:100%;

}

.content {
width:1024px;
margin:0 auto;
padding:40px 0 100px;

}

.content .title {
display:block;
width: 100%;
margin:50px 0 -20px;
position:relative;
}

.content .title h1 {
font-size:60px;
text-transform:uppercase;
letter-spacing:1px;
font-family:'Russo One',sans-serif;
}

.content .title h1 >img {
position:relative;
top:5px;
}

.content .title h1 span {
font-size:15px;
font-family:'Open Sans',sans-serif;
position:relative;
top:-15px;
padding:0 0 0 20px;
letter-spacing:0;
}

.content .title .description {
width:500px;
overflow:visible;
z-index:450;
}

.content .title.icon-cloud:before {

width:220px;
height:144px;
right:50px;
top:-20px;
position:absolute;
}

.content .title.icon-compas:before {
content:' ';
background-image:url(../images/icons/compas.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-and:before {
content:' ';
background-image:url(../images/icons/nand.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-page:before {
content:' ';
background-image:url(../images/icons/page.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-cog:before {
content:' ';
background-image:url(../images/icons/cog.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-power:before {
content:' ';
background-image:url(../images/icons/powers.png);
background-repeat:no-repeat;
background-position:center center;
width:125px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-note:before {
content:' ';
background-image:url(../images/icons/note.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}


.content .title.icon-faqs:before {
content:' ';
background-image:url(../images/icons/faq.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}


.content .title.icon-preview:before {
content:' ';
background-image:url(../images/icons/preview.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-pin:before {
content:' ';
background-image:url(../images/icons/pin.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-email:before {
content:' ';
background-image:url(../images/icons/email.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-chemical:before {
content:' ';
background-image:url(../images/icons/chemical.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-bulb:before {
content:' ';
background-image:url(../images/icons/bulb.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .title.icon-phone:before {
content:' ';
background-image:url(../images/icons/phone.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0;
top:-20px;
position:absolute;
}

.content .subtitle {
margin:-90px 0 5px;
}

.content .subtitle h3 {
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
border-left:5px solid #c8a268;
padding:0 0 0 10px;
}

.content h1 {
font-family:'Russo One',sans-serif;
text-transform:uppercase;
font-size:60px;
}

.full {
width:100%;
height:100%;
float:none;
display:block;
margin:10px 0;

}

.column-three-forth {
width:764px;
float:left;
margin:0 15px 30px 0;
}

.column-three-forth.last {
width:764px;
float:left;
margin:0 0 30px;
}

.column-half {
width:470px;

margin:0 15px 30px 0;
}

.column-half.last {
margin:0 0 30px;
}

.column-one-forth {
width:230px;
float:left;
margin:0 0px 30px 0;
}

.column-one-forth.last {
margin:0 0 30px;
}

article.portfolio {
display:block;
overflow:auto;
z-index:9;
margin:0;
padding:0;
}

article.portfolio ul li {
display:inline-block;
margin:0 20px 20px 0;
background-color:#fff;
box-shadow:0 1px #dddddc;
padding:0;
text-align: center;
vertical-align: top;
}

article.portfolio ul li .thumb {

overflow:hidden;
}

article.portfolio ul li img {

-webkit-transition-duration:.4s;
-moz-transition-duration:.4s;
-o-transition-duration:.4s;
-ms-transition-duration:.4s;
transition-duration:.4s;
}

article.portfolio ul li img:hover {
opacity:0.8;
-webkit-transition-duration:.4s;
-moz-transition-duration:.4s;
-o-transition-duration:.4s;
-ms-transition-duration:.4s;
transition-duration:.4s;
}

article.portfolio ul li .info {
padding:10px;
width:260px;
}

article.portfolio ul li .info h3 {
font-family:'Open Sans',sans-serif;
text-transform:uppercase;
text-align:center;
font-size:14px;
line-height:16px;
color:#424242;
}

article.portfolio ul li .info p {
color:#adadad;
font-size:11px;
text-transform:lowercase;
font-style:italic;
text-align:center;
margin:0;
padding:0;
font-family:Arial;
}

#stage{
	width:60%;	
	float:left;
}

#filter {
margin:20px 0;
}

#filter a {
font-size:11px;
text-transform:uppercase;
color:#323232;
padding:5px 20px 5px 5px;
margin:0 0 0 5px;
display:inline;
-webkit-transition-duration:.4s;
-moz-transition-duration:.4s;
-o-transition-duration:.4s;
-ms-transition-duration:.4s;
transition-duration:.4s;
}

#filter a:hover {
color:#fff;
background-color:#363333;
box-shadow:-1px 1px #dddddc;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
-o-transition-duration:.8s;
-ms-transition-duration:.8s;
transition-duration:.8s;
}

#filter a.filter-active {
background-color:#c8a268;
color:#fff;
}

#box {
overflow:auto;
}

.post {
width:510px;
float:left;
margin:0 0 30px;
padding:0;
}

.post figure {
width:250px;
margin:0;
padding:25px;
background-color:#fff;
box-shadow:0 1px #dddddc;
float:left;
}

.post figure img {
width:250px;
}

.post figure .video {
width:250px;
height:150px;
}

.post figcaption {
background-color:#1a1a1a;
border-top:1px solid #454545;
float:left;
width:150px;
color:#fff;
font-size:14px;
padding:20px 15px;
position:relative;
left:-15px;
top:5px;
margin:0;
}

.post figcaption:before {
content:' ';
background-image:url(../images/blog-arrow.png);
position:absolute;
top:-1px;
left:-23px;
width:23px;
height:19px;
}

.post figcaption span {
display:block;
color:#6b6b6b;
font-size:12px;
font-style:italic;
font-family:Arial;
margin-top:10px;
}

.formblock {
display:block;
margin-bottom:20px;
overflow:auto;
}

.formblock .txt {
background-color:#f9f9f9;
border:1px solid silver;
height:25px;
width:420px;
font-size:14px;
padding:5px 10px;
color:#626262;
margin:0 20px 0 0;
float:left;
border-radius:5px;
font-family:'Open Sans',sans-serif;
}

.formblock .txtarea {
background-color:#f9f9f9;
border:1px solid silver;
font-size:14px;
padding:5px;
color:#626262;
height:235px;
width:430px;
font-family:'Open Sans',sans-serif;
float:left;
border-radius:5px;
font-family:'Open Sans',sans-serif;
}

.formblock .error {
font-size:16px;
color:#9d3131;
}

.subbutton,.subbuttonbuy {
background-color:#5eb361;
position:relative;
font-size:14px;
padding:7px 25px;
margin:0 1px 4px;
border:none;
color:#fff;
xfloat:left;
text-transform:uppercase;
text-decoration:none;
font-weight:700;
background-image:url(../images/icons/send.png);
background-position:center center;
background-repeat:no-repeat;
width:200px;
height:75px;
border-radius:5px;
}
.subbutton.loading,.subbuttonbuy.loading {

background-image:url(../images/icons/Rolling-1s-51px.gif);

}
.subbutton:hover {
color:#fff;
background-color:#2a2c2d;
cursor: pointer;
}
.subbuttonbuy:hover {
color:#fff;
background-color:#2a2c2d;
	cursor: pointer;
}

.light {
background-color:#f4f4f4;
color:#424242;
}




.dark {
background-color:#161616;
color:#f1f1f1;
width:100%;
}


.grey {
background-color:#333;

}
.blue1 {
	background:url("../images/trivia6.jpg") repeat 56% 0%;
}
.text_img{
	margin:0 auto;
	margin-top:460px;
	text-align:center;
}
.text_img
img{
	height:230px;
	margin: 0 auto;
}
.trivia_text{
	margin-top:22px;
	margin-left:14px;
	margin-right:14px;
	margin-bottom:34px;
}
.trivia_text ul li{
	list-style-type:disc;
	margin-left:18px;
}
.trivia_imag1{
	margin-top:26px;
	margin-bottom:32px;
	text-align:center;
	margin:0 auto;
}
.trivia_imag1
img{
	/*height:330px;*/
	margin: 0 auto;
	width:65%;
	margin-bottom:38px;
}


.home {
background-color:#161616;
color:#f1f1f1;

}

.dark p {
color:#161616;
}

.dark p {
color:#ddd;
}

.light .title h1 {
color:#161616;
text-shadow:0 1px #fff;
}

.dark .title h1 {
color:#ededec;
text-shadow:0 1px #010101;
}

.light .title h1 span {
color:#c8a268;
border-left:2px dotted #c8a268;
padding:0 0 0 20px;
text-shadow:0 1px #fff;
}

.dark .title h1 span {
color:#c8a268;
border-left:2px dotted #c8a268;
padding:0 0 0 20px;
text-shadow:0 1px #010101;
}

.blueBack {
background-color:#80b9c2;

}


.orangeBack {
background-color:#C8A268;

}

.contactBlue{
	background-color:#46757D;
}


.image {
width:100%;
height:auto;
overflow:hidden;
}

.image img {
width:100%;
}

.image .caption {
background-color:#fff;
text-align:center;
margin:0;
padding:5px 15px 10px;
color:#424242;
position:relative;
top:-5px;
box-shadow:0 1px #dddddc;
}

.image .caption h3 {
color:#424242;
box-shadow:0 1px #dddddc;
font-family:'Open Sans',sans-serif;
font-size:18px;
text-transform:uppercase;
border:none;
}

.image .caption span {
font-style:italic;
font-size:11px;
color:#b6b6b6;
}

.image .caption p {
color:#777;
margin:0;
padding:0;
font-size:12px;
}

.column-one-forth img {
width:100%;
height:auto;
}

.column-half img {
width:100%;
height:auto;
}

.column-full img {
width:100%;
height:auto;
z-index:300;
}

.list {
border-top:3px solid #353535;
padding:20px 0 0;
}

.list h3 {
font-weight:400;
margin-bottom:20px;
text-transform:uppercase;
font-size:20px;
}

.list li {
background-image:url(../images/check.png);
background-repeat:no-repeat;
padding:0 0 0 15px;
font-size:12px;
font-style:italic;
font-family:Arial;
margin:0 0 20px;
}

.list span {
color:#797979;
}

/*map*/
#map {
height:250px;
background:#69c;
border-radius:10px;
}

.accordion {
width:100%;
padding:0;
}

.accordion div {
background-color:rgba(0,0,0,0.2);
}

.accordion p {
font-size:13px;
margin:0;
padding:20px;
}

.accordion a {
cursor:pointer;
display:block;
padding:10px 5px 10px 30px;
font-size:14px;
background-color:rgba(0,0,0,0.4);
text-transform:uppercase;
color:#fff;
}

.accordion a:hover {
background-color:#c8a268;
}

.accordion a.selected {
background-color:#c8a268;
background-position:0 20px;
border-radius:2px;
background-image:url(../images/skills.png);
background-repeat:no-repeat;
}

img.social {
float:left;
margin:10px 5px 20px 0;
}

.divider {
margin:30px 0;
clear:both;
}

.tabs-nav {
width:100%;
float:left;
}

.tabs-nav li {
float:left;
line-height:32px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
}

.tabs-nav li.active-tab {
line-height:31px;
}

.tabs-nav li a {
cursor:pointer;
display:block;
padding:5px 10px 5px 10px;
font-size:14px;
background-color:#161616;
text-transform:uppercase;
color:#fff;
margin-right:15px;
font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.tabs-nav li a:hover {
background-color:#45747b;
background-position:0 20px;
border-radius:5px;
background-image:url(../images/skills.png);
background-repeat:no-repeat;
}

.tabs-nav li.active-tab a {
background-color:#45747b;
background-position:0 20px;
border-radius:5px;
background-image:url(../images/skills.png);
background-repeat:no-repeat;
}

.tabs-container {
margin:0px 0 0;
overflow:visible;
width:1000px;
background-color:rgba(42,42,42,a);
min-height:600px;
}

.tab-content {
padding:200px -30px 0px 0px;
position:absolute;
margin-top:50px;
}

#shot {
height:100%;
width:100%;
}

.shot {
float:left;
position:relative;
width:230px;
margin:0 10px 10px 0;
}

.shot.medium {
width:470px;
}

.shot img {
width:100%;
}

.dribbble-shot {
position:relative!important;
z-index:9;
width:100%;
height:100%;
}

.dribbble-shot:after {
content:' ';
position:absolute;
background-image:url(../images/icons/dribbble.png);
width:32px;
height:32px;
background-repeat:no-repeat;
bottom:15px;
right:10px;
}

.flickr-shot {
position:relative;
}

.flickr-shot li {
margin:0 5px 5px 0;
position:relative;
display:inline;
float:none;
}

.flickr-shot li:nth-child(3) {
margin:0 0 5px;
}

.flickr-shot li:last-child {
margin:0 0 5px;
}

.flickr-shot:after {
content:' ';
position:absolute;
background-image:url(../images/icons/flickr.png);
width:32px;
height:32px;
background-repeat:no-repeat;
bottom:10px;
right:10px;
}

.flickr-shot img {
width:73px;
height:75px;
}

#skills {
display:block;
margin:0;
padding:0;
list-style-type:none;
}

#skills li,#skills li span {
-moz-border-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border-radius:2px;
}

#skills li {
margin-bottom:15px;
color:#424242;
font-weight:400;
text-transform:uppercase;
position:relative;
height:30px;
background-color:rgba(0,0,0,0.2);
}

#skills li p {
position:absolute;
left:10px;
top:0;
}

#skills li strong {
color:#fff;
margin-left:5px;
font-size:11px;
}

#skills li span {
height:30px;
background:url(../images/skills.png);
background-repeat:no-repeat;
text-align:right;
}

#skills li span {
background-image:url(../images/skills.png);
background-color:#c8a268;
background-repeat:no-repeat;
}

footer a.twitter {
display:block;
margin:0;
text-align:center;
padding:25px;
background:url(../images/separator.png) center 52px no-repeat;
color:#212121;
}

footer a.twitter span.twitter {
margin:0 auto;
display:block;
width:60px;
height:60px;
overflow:hidden;
background-image:url(../images/tweet.png);
}

footer a.twitter p {
font-size:20px;
font-weight:300;
line-height:30px;
font-size:20px;
font-weight:300;
line-height:30px;
margin-bottom:0;
color:#212121;
}

footer a.twitter .time {
font-weight:500;
font-size:16px;
}

.footer {
background-color:#323232;
padding:10px 0;
margin:0;
}

.footer p {
margin:0 auto;
text-transform:uppercase;
color:#fff;
font-size:10px;
text-align:center;
}

#switcher {
position:fixed;
left:0;
top:100px;
z-index:9999;
background:#fff;
border:1px solid #ddd;
padding:0 4px 0 12px;
width:160px;
}

#switcher ul {
padding:10px;
margin:20px 0;
}

#switcher span {
font-size:16px;
font-weight:700;
}

#switcher ul li a {
text-transform:uppercase;
font-size:14px;
margin:5px;
}

.switch-button {
border:1px solid #ddd;
border-left:1px solid #fff;
display:block;
height:25px;
width:25px;
position:absolute;
margin-left:163px;
margin-top:22px;
cursor:pointer;
}

.open {
background:#fff url(../images/icons/setting.png) no-repeat center center;
}

.closed {
background:#fff url(../images/icons/setting.png) no-repeat center center;
}

.homewrapper {
width:2000px;
/* fixed width */
margin:-460px 0 0 0;
z-index:2;
}

.column-halfcloud {
width:1000px;
margin:-200px 50px 0 100px;
z-index:400;
}

.video {
position:relative;
margin:200px 60px 40px 70px;
z-index:2;

}




*{
	/* Universal CSS reset */
	margin:0;
	padding:0;
}

body{
	/* Setting default text color, background and a font stack */
	color:#fff;
	font-family:'Monda', Arial, Helvetica, sans-serif;
}

.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	background-color:#191919;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:22px;
	
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{
	float:left;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;
	background-color:#61b035;
	border:1px solid #70c244;
	margin-right:8px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#4f8b8f; border:1px solid #386c6f; }
.red .tipIcon{ background-color:#4f8b8f; border:1px solid #386c6f; }

.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('img/plus.gif') no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:0px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:20px;
	font-size:11px;
	
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > z{ display:none; }



/* The styles below are only necessary for the styling of the demo page: */

.main{
	min-height: 376px;
	margin:20px 0;
	position:relative;
	width:100%;
}

.spaceBottom{
	margin:0 0 0;
}

.spaceTop{
	margin:10px 0 0;
}








    #lifestream {	
	  margin:0 0 0 0;
	  width: 260px;
      font-size:11px;
	  z-index:200;
    }
    #lifestream a {
      color: #709b94;
      text-decoration: none;
    }
    #lifestream a:hover {
      color: #fff5d8;
      text-decoration: underline;
    }
    #lifestream ul {
      padding: 10px;
    }
    #lifestream li {
	  position:relative;
      padding: 5px 3px 5px 25px;
      background-repeat: no-repeat;
      background-position: left center;
	  z-index:201;
    }
    #lifestream li:hover {
      color: #e9e9e9;
    }
    #lifestream .timeago {
      opacity: .5;
    }
	
	
	  #lifestreamr {
	  margin:0 0 0 0;
	  width: 260px;
      font-size:11px;
	  z-index:200;
    }
    #lifestreamr a {
      color: #709b94;
      text-decoration: none;
    }
    #lifestreamr a:hover {
      color: #fff5d8;
      text-decoration: underline;
    }
    #lifestreamr ul {
      padding: 10px;
    }
    #lifestreamr li {
	  position:relative;
      padding: 5px 3px 5px 25px;
      background-repeat: no-repeat;
      background-position: left center;
	  z-index:220;
    }
    #lifestreamr li:hover {
      color: #e9e9e9;
    }
    #lifestreamr .timeago {
      opacity: .5;
    }


#tab1 .left-col{
	float:left; width:360px;
}

#tab1 .right-col{
	float:right; width:600px;margin-top:-65px;
}

#tab2 .left-col{
	float:left; width:330px;
}

#tab2 .right-col{
	
}

#tab4 .left-col{
	float:left; width:300px;
}

#tab4 .right-col{
	float:right; width:700px;margin-top:-25px;
}



#cloud{
	width:648px;
	height:500px;	
	position:relative;
	float:right;
	margin-top:-100px;
	
	
	
}

#cloud #TV, #cloud #tablet, #cloud #phone, #cloud #cloudImage, #wave1, #wave2, #wave3{
	position: absolute;
	width:auto;
	
}

#cloud #cloudImage{
	
	left:60px;
	background-image:url(../images/cloud/cloud1.png);
	background-repeat:no-repeat;
	width:508px;
	height:310px;
	
	-webkit-animation: cloudAni 4s ease-in-out -4s infinite;
}

#cloud #TV{
	top:380px;
	left:380px;
}
#cloud #tablet{
	top:355px;
	left:180px;
}
#cloud #phone{
	top:285px;
	left:30px;
}

#cloud #wave1{
	top:210px;
	left:50px;
	-webkit-animation: slidein1 2s ease-in-out -2s infinite alternate; 
}

#cloud #wave2{
	top:270px;
	left:180px;
	-webkit-animation: slidein2 1.5s ease-in-out -1.5s infinite alternate; 
}

@-webkit-keyframes slidein1 {
  0% {
   top:210px;
	left:50px;
  }
 
  100% {
    top:230px;
	left:30px;
  }
}


@-webkit-keyframes slidein2 {
  0% {
  top:270px;

  }
 
  100% {
    top:290px;

  }
}


@-webkit-keyframes cloudAni {
  0% {
  background-image:url(../images/cloud/cloud1.png);

  }
   20% {
  background-image:url(../images/cloud/cloud2.png);

  }
   40% {
  background-image:url(../images/cloud/cloud3.png);

  }
   60% {
  background-image:url(../images/cloud/cloud4.png);

  }
  
    80% {
  background-image:url(../images/cloud/cloud5.png);

  }
 
 
}





#cloud #wave3{
	top:240px;
	left:430px;
	-webkit-animation: slidein3 1s ease-in-out -1s infinite alternate; 
}

@-webkit-keyframes slidein3 {
  0% {
   top:240px;
	left:430px;
  }
 
  100% {
   top:255px;
	left:445px;
  }
}

#tab2, #tab3, #tab4{
	display:none;
}

#work .content{
	width:100%;	
}

.pos{
	margin-right:15px;
	margin-bottom:15px;
	
}

.buy-col{
	background-color: #46757D;
    border-radius: 8px 8px 8px 8px;
    color: #80B9C2;
    display: inline-table;
    height: 250px;
    margin-right: 1%;
    padding: 2%;
    text-shadow: 0 1px #010101;
    vertical-align: top;
    width: 32%;
}

.buy-col:last-child{
	margin-right:0%;
}

.buy-col#partner{
	background-image:url(../images/icons/pie-white.png);
	background-position: 510px 8px;
	background-repeat: no-repeat;
}

.buy-col#assoc{
	background-image:url(../images/icons/bars-white.png);
	background-position: 230px 20px;
	background-repeat: no-repeat;
}


.buy-col#trader{
	background-image:url(../images/icons/stats-up-white.png);
	background-position: 230px 20px;
	background-repeat: no-repeat;
	margin-right:0%;
}

.buy-col h3{
	margin-bottom:20px;
	font-size:2.2em;
	
	text-transform: uppercase;

font-family: 'Russo One',sans-serif;
}
#buy{
	height:920px;	
}
#buy h4{
	color:#FFF;
	font-size:1.2em;
}

#buy td{
	vertical-align:top;
	color:#EEE;
	font-size:14px;
}

.buy-btn, .home-btn, .back-btn, .join-btn{
	display: inline-table;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	color: #EEE;
	background-color: #5F9C82;
	margin-right: 8px;
	border-radius: 8px;
	margin-top: 15px;
	width: 45%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}


#buy-form{
 display:none;	
}

.home-btn{
	color: #333;
	background-color: #d2cbaa;
	width: 180px;

}

.back-btn1{
	height: 58px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: center;
	display: inline-table;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #EEE;
	background-color: #5F9C82;
	margin-right: 8px;
	border-radius: 8px;
	width: 41%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}
.back-btn1:hover{
background-color: #2A2C2D;
color:#EEEEEE;
}
.back-btn{
	
	width: 80px;

}

.faq-column{
	display:inline-block; 
	vertical-align:top; 
	width:46%; 
	margin-top:30px;
	margin-right:4%;
}

.faq-column:last-child{
	margin-right:0%;
}


.twit{
width:35%; float:right;margin-top: 30px; margin-right: 30px;	
}

.buy-btn:hover, .home-btn:hover, .back-btn:hover, .join-btn:hover{
background-color: #80B9C2;
color:#EEEEEE;
}

p.smallDarkText{
	font-size: 10px;
	color: #333;	
	margin-bottom:15px;
}

@media only screen and (max-width :600px){

#buy{
	height:1400px;	
}

.buy-col, .faq-column, .faq-column:last-child, #stage li{

width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 40px;
}

#twit{
display:none;	
}


.content {
width: 100%;
}


#stage {
width: 100%;
float: none;

}
#footercontainer {
position: relative;
display:none;

}



.tabs-nav {
width: 90%;

margin-left: 5%;
}


#tab1 .left-col{
	float:none; width:90%; margin-right:5%; margin-left:5%; 
}

#tab1 .right-col{
	float:none; float:none; width:90%; margin-right:5%; margin-left:5%; margin-top:0px;
}

#tab2 .left-col{
	float:none; width:90%; margin-right:5%; margin-left:5%; 
}

#tab2 .right-col{
	
}

#cloud{
	display:none;	
}

#tab4 .left-col{
	float:none; width:90%; margin-right:5%; margin-left:5%; 
}

#tab4 .right-col{
	margin-top:0px;float:none; width:90%; margin-right:5%; margin-left:5%; 
}

.content .title h1 {
	text-align:center;	
	font-size: 36px;
}

.content .title h1 span {
	top:0px;
	
	padding: 0 0 0 0px;
		
}

.dark .title h1 span {
	border-left: 0px dotted #c8a268;
	display:block;
}

.light .title h1 span {
border-left: 0px ;
display:block;
}

.content .title.icon-faqs::before, .content .title.icon-phone::before , .content .title.icon-preview::before{
background-image:none;
}

#contact-form .column-half {
width: 100%;
text-align:center;
}

.formblock .txt {
float:none; width:80%; margin-right:5%; margin-left:5%; 

}

.formblock .txtarea {
float:none; width:80%; margin-right:5%; margin-left:5%; 
	
}
.subbutton {
	float:none;	
}

}
.buy-col#partner {
    position: relative;
    width: 50%;
}
 
.news-rotator{
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.60);
    top: 87px;
    position: absolute;
    z-index: 2;
}

.news-container{
	width: 884px;
    padding: 0 70px 0 70px;
	margin: auto;
}

.newsticker li{
	height: 40px;
	line-height: 40px;
}

.single-news{
	padding: 80px 0;
	margin-top: 87px;
}
@media only screen and (max-width: 600px) {
header nav
{
display:none;
}
.slideOutTip {
position:relative;
  left: 0px !important;
  top: -133px !important;
}
.tab-content {
  margin-top: 65px;
}
.cnt_bottom {
   
    left: 17px !important;

}
header.dark {
    display: none;
}
.bg
{
top:0px;
}
.single-news {
  padding: 0px;
  margin-top: 0px ;
}
.platform
{
text-align:center !important;
}
.logo img
{
 width:100% !important;   
}
}
.openLeft .tipIcon {
  margin: 0px;
  float: left;
}