html, body { 
	transition: all 0.6s ease;
	height:100%;
} 

/*******************************************************************
LAYOUT
*******************************************************************/
img
{
	/*display:none ! important;*/
}

iframe
{
	display:none;
}
a:hover{
	text-decoration: none;
}
.navbar a
{
	cursor:pointer;
}

.navbar-default .navbar-nav > li > a
{
	color:#888e91;
}

#about_box
{
	color:#616a6e;
}

#team_box
{
	color:#616a6e;
}

#careers
{

}
body p
{
	font-size:2em;
}
#preorder_button a
{
	cursor: pointer;
}
#footer h4
{
	font-weight:700;
}
#left_spec img
{
}
#right_spec img
{
}
#specs ul li
{
	font-size:2em;
	margin-left:0;

}
#specs{
	overflow-x: hidden;
}

#about_box a
{
	color:#64dc16;
}
.panel_title
{
	color:#64dc16;
}

#scroll_to a.dropdown-toggle i
{
	font-size:16px;
}

#scroll_to.open > a
{
	color:#64dc16;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
	color:#64dc16;
}

#specs p
{
	font-size:2em;
	font-family:'Lato';
	font-weight:300;
	line-height:1.5;
	color:white;
}


#meet_team
{

}

#careers h2
{

}


#meet_team h2
{

}

#map
{
	width:100%;
	height:500px;
}

.navbar-nav > li > .dropdown-menu
{
	padding:0;
	border:0;
	border-radius:0;
}

.navbar-nav > li > .dropdown-menu > li
{

}

.navbar-brand img
{
	height:36px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus
{
	background:#64dc16;

}

.dropdown-menu>li>a
{
	padding:15px 40px;
	font-size:16px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	cursor:pointer;
}

span.bold
{
	font-weight: 400;
	font-size: 1em;
}

#preorder_button > a
{
	color:white;
}

h1,h2,h3,h4
{
	font-family:"Lato";
}

#be_the_first
{
	color: white;
	padding: 10px 17px 12px 17px;
	font-size: 2.3em;
	transition:all 0.2s ease;
	margin-top:15px;
	background:#64dc16;
	border:3px solid #64dc16;
	border-radius:8px;
}

#be_the_first:hover
{
	text-decoration: none;
	color:#64dc16;
	background:transparent;
	opacity:1;
	cursor:pointer;
}


#legal a:hover
{
	text-decoration: none;
	color:#64dc16;
	background:transparent;
	opacity:1;
	cursor:pointer;
}

#main_nav
{
	display:none;
}



#legal a
{
	background:#64dc16;
	color:white;
	border:3px solid #64dc16;
	font-size:1.8em;

}
#main_image .container
{
	margin-bottom:5%;
	text-align: center;
}

body{ 
	font-size:100%;
	font-family: 'Lato';
	overflow-x:hidden;
	padding-top:70px;
} 

#logo img
{
	height:80px;
}


#coffee
{
	background:url("../img/coffee.jpg");
	background-size:cover;
	width:100%;
	height:100vh;
}

.start
{
	font-size: 18px ! important;
margin-top: 20px;
margin-bottom: 0;
}

.ribbon
{
	height:160px;
	line-height: 160px;
	/*background:rgba(97, 106, 110,0.05);*/
	color:#616a6e;
	font-size:3em;
	text-align:center;
	font-family:"Lato";
	background: white;
}
.initial
{
	/*background: url('../img/guy.jpg');*/

}

#features_ribbon
{
	margin-top:-1px;
}

#main_image { 
	padding-top: 10px;
	padding-bottom: 30px;
	width: 100%;
	/*min-height: 100%;*/
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
} 


.spec_panel h2.hovered
{
	color:white;
	text-align: center;
}

#left_spec
{
	text-align: center;
	background:#eff0f0;

}

#right_spec
{
	background:#e7e9e9;

}

.spec_panel.no_click
{
	cursor:auto ! important;
}

.transparent_panel
{
	background:transparent ! important;
}

.spec_panel.desktop{
	float:left;
	text-align:center;
	transition:all 0.6s ease;
	position:relative;
	padding:80px 0px;
	width:50%;
	/*height:792px;*/
	cursor:pointer;
}

.spec_panel.mobile
{
	display:none;
}

.mobile
{
	display:none;
}



.spec_panel h2
{
	font-size:4em;
	font-family:'Lato';
	color:#616a6e;
}

.spec_panel:hover h2{
	color:#616a6e ! important;
}

.spec_panel:hover{
	background:white ! important;

}
.spec_close:hover
{
	color:#64dc16;
}

.spec_panel .img_overlay
{
	opacity:1;
	position:absolute;
	z-index:999;
	margin:0 auto;
}

.spec_panel .img_original
{
	opacity:0;	
}

#main_image h1 span
{
	font-weight:400;
}

#main_image h1
{
	font-size:3.2em;
	font-weight:300;
	color:#616a6e;
	line-height: 1.3;
	margin: 0;
	font-family: "Lato";
	text-align: center;
	margin-bottom: 30px;
	margin-top: -15%;
}

#main_image h3
{
	font-size:4em;
	font-weight:400;
	color:#616a6e;
	line-height:1.3;
	margin-bottom:20px;
	margin-top:5px;

}

#main_image a
{

}

#about
{
	z-index:99999;
}

#ron
{
}

.img-overlay
{
	position:absolute;
	z-index:99;
	transition:all 0.2s ease;
}

.img-overlay:hover{
	opacity:0;
}

.img-underlay{
	background:#64dc16;
}
#team_box img
{
	margin-bottom:10px;
	cursor:pointer;
	transition:all 0.3s ease;
	top:0;
	left:0;
}


#ron:hover
{
}
#about h3
{
	/*text-align:le;*/
	color:#64dc16;
	font-size:3em;
	font-weight:400;
	font-family:'Lato';

}

#about .container
{
	width:100%;
	text-align:center;
}

#about .row
{
	padding:0;
}

#about .row .col-lg-4
{
	padding-top:40px;
	padding-bottom:40px;
	height:300px;	
}

#about .text
{
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:50%;
	height:50%;
}


#about p
{
	/*text-align:center;*/
	font-size:2em;
	color:#616a6e;
	font-weight:300;


}
#main_image p
{
	font-size:20px;
	color:#353535;
	text-transform:uppercase;

}
#main_image p span
{
	color:#64dc16;
}
#about {
	background:#f7f7f8; 

} 

#video_screen .overlay
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}

#video_screen img
{
	width:100%;
}

#video {
	background: #444d51;
	position:relative;
} 

#carousel { 


} 

#molecule
{
	position:absolute ! important; 
	bottom:-20px ! important;
	right:0 ! important;
	z-index:-99;
}

#join {
	background: #64dc16; 
	padding-top:40px;
	padding-bottom:80px;

} 

#future .well
{
	background: rgba(255, 255, 255, 0.6);
	border: 0;
	border-radius: 0;
}

#future {
	background:url("../img/build.jpg");
	background-size:cover;
	/*text-align: center;*/
	padding: 70px 0 80px 0; 
	position:relative;
	overflow: hidden;
	color:#444;

} 
.panel_content p
{
	text-align: center;
	font-size: 2.3em;
	font-weight: 300;
	color:#616a6e;
}

.panel_content h3
{
	/*margin-bottom:40px;*/
	font-size: 6em;
	line-height: 1.1;
	text-align: center;
	font-weight:400;
	color:#616a6e;
	font-family:"Lato";
	margin-bottom:40px;
}

#features
{ 
	background:rgba(97,106,108,0.08);
	width:100%;
} 

#footer
{ 
	background:#4e5659;
	color:white;
	padding:20px 0 80px 0;
	line-height:1.5;
} 

#footer_alert
{
	color:white;
	background:#1B7C1B ;
	padding-top:8px;
	padding-bottom:8px;
	display:none;
}

#preorder_mobile
{
	background: #64dc16;
	color: #FFF;
	margin-right: 10px;
}

#footer a
{
	font-size:1.2em;
	margin-left:5px;
	color:white;
	text-decoration: none;
}

#footer a:hover
{
	color:#64dc16;
}

.navbar { 

} 

.navbar-inverse { 
	background:transparent;

} 

.navbar-fixed-top { 


} 

.on
{
	font-size: 2em;
	/*margin-top: 10px;*/
}

.container {
	font-size:1em; 


} 

.navbar-header {
	padding-top:2px;
	padding-bottom:2px; 


} 

.collapse { 


} 



.ribbon { 


} 

.row { 


} 

#footer_right
{

}

#footer_right div
{
	width:50%;
	margin:0 auto;
}

#preorder_button
{
	background:#64dc16;
	color:white;
}

#develop_button
{
	background:#f4f4f3;

}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
{
	background:#616a6e;
}

.dropdown.open > li
{
	background:#616a6e;
}

.navbar-nav>li 
{
	font-size:16px;
	/*padding:14px;*/
	/*margin-left: 10px;*/
}

.navbar-nav > li >a
{
	height:70px;
	line-height:40px;
	font-size:20px;
	padding:15px 30px;
}


.navbar-nav
{
}

.navbar-brand
{
	padding:15px 15px;
	margin-top:0;
	/*padding:0;*/
}

.navbar
{
	height:70px;
	border:0;
	background:rgba(97,106,110,0.97);
	/*margin-top:20px;*/
}

#main_image img
{
	margin:0 auto 0 auto;
	display:block;
	max-width:100%;
}


#video h3
{
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #616a6e;
	font-family: 'Lato';

} 

#join
{

}

#join h2
{
	text-align: center;
	text-transform: uppercase;
	color: white;
	font-size: 60px;
	font-weight: 400;
	line-height: 80px;
	font-family: 'Lato';

}

#join p
{
	font-size: 20px;
	text-align: center;
	color: white;

}

#join button
{
	font-size: 20px;
	color: #64dc16;
	font-weight: 700;
	background: white;
	border: 0;
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
	padding: 15px 25px;
	box-shadow: 4px 4px 0px rgba(0,0,0,0.3);
	transition: all 0.6s  ease;

}

#future h2
{
	margin-top: 0;
	font-size: 60px;
	line-height: 1.5;
	font-family: 'Lato';
	font-weight: 400;
}

#future h4
{
	font-family:'Lato';
	font-weight:300;
	font-size:20px;
}

#future p
{
	color: white;
	font-size: 20px;
	font-weight:300;
}

#future h3
{
	font-size:28px;
	font-family:"Lato";

}

#future h3 span
{
	font-size:20px;
}

#future .btn
{
	color: white;
	border: 3px solid #64dc16;
	background:#64dc16;
	padding: 5px 15px 6px 15px;
	font-size: 20px;
	transition:all 0.4s ease;
}

.ribbon.small
{
	background:rgba(53,53,53,0.1);
	color:#353535;
	font-size:20px;
	text-transform:none;
}

#about_box h2, #team_box h2
{
	background: #64dc16;
	padding: 10px;
	color: #FFF;
}
#features .container, #team .container,#history .container
{
	padding:0;
	width:100%;
	transition:all 1s ease;
	margin:0;
	max-width:100%;
	/*transition:all 1s ease;*/
}

#order_now h2
{
	font-size:5.8em;
	font-family:'Lato';
	color:#616a6e;

}

#order_now h3
{
	font-family:"Lato";
	font-size:4em;
	color:#616a6e;
	font-weight:300;

}

#order_lower
{
	padding-bottom:80px;
}

#order_now .price

{
	font-size:10em;
	margin-bottom:50px;
	font-weight:300;

}

#dev_edition
{
	color:#616a6e;
	text-align: center;
}

#consumer_edition
{
	color:#616a6e;
	text-align: center;
}
#order_now
{
	text-align: center;
}
#order_now .order-button /* a */
{
	color: #FFF;
	padding: 10px 20px 11px 20px;
	font-size: 2.3em;
	transition: all 0.2s ease;
	margin-top: 20px;
	background: #64dc16;
	border-radius: 5px;
}

#order_now .modal
{
	font-size: 16px;
	text-align: left;
}

#order_lower .col-lg-6
{
	padding-top:00px;

}

#order_now p
{
	font-size:5em;
	font-weight:400;
	color:#616a6e;
}

#order_now h4
{
	font-size:3em;
	color:#616a6e;
}

#team
{
	background:#eeefef;

}

#gotop i
{
	padding: 3px;
	width: 40px;
	height: 40px;
	font-size: 40px;
}



#features .icon
{

	font-size: 0px;
	margin: 15px 15px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	/*font-size: 40px;*/
	color:#616A6E;
	text-align:;
	transition:all 0.6s ease;
	padding-top:5px;
}


#features .icon i
{
	padding:10px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 60px;
}

#features .icon:after
{
	pointer-events: none;
	position: absolute;
	z-index:-99;
	left:-7px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	/*border:3px solid red;*/
	content: '';
	background:(255,255,255,0.3);
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;

}
#features .col-lg-4:hover .text
{
	color:white;
}

#features .icon {
	background: rgba(255,255,255,0);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

#features .icon:after {
	top: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #64dc16;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.4s, opacity 0.4s;
	transform: scale(.8);
	background:rgba(255,255,255,0.1);
	opacity: 0;
}



#features .col-lg-4:hover .icon:after {

	opacity: 1;
	background:#rgba(255,255,255,0.9);
}

#features .col-lg-4:hover .icon {
	color: white;
	background:#64dc16;
}

#features .col-lg-4:hover .icon:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

#features .text span
{
	font-weight:400;
	font-size:1.2em;
	line-height: 2;
}

#features .well
{

	transition:all 0.6s ease;
	cursor:pointer;
}

#features .well:hover
{
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	background:#616A6E;
}

#features .well:hover .icon, #features .well:hover .text
{
	color:white;
}

#features .text
{
	transition:all 0.6s ease;
	font-size: 20px;
	color: #616a6e;
	font-size:'Lato';
	font-weight: 300;
}
#team .col-lg-3 p.active, #team .col-lg-3 h3.active, #team .col-lg-3 h4.active
{
	color:white;
}

#team .col-lg-4 p.active, #team .col-lg-4 h3.active, #team .col-lg-4 h4.active
{
	color:white;
}

#team1
{
	position:relative;
}
#team1 img
{
}

#team1 p
{
}

#team2
{
	position:relative;

}

#team3
{
	position:relative;

}

#team4
{
	position:relative;

}

#team1:hover,#team2:hover,#team3:hover,#team4:hover, #team5:hover, #team6:hover, #team7:hover, #team8:hover, #team9:hover, #team10:hover
{
	background:#616a6e ! important;
}

#team1:hover h3,#team2:hover h3,#team3:hover h3,#team4:hover h3, #team1:hover p,#team2:hover p,#team3:hover p,#team4:hover p, #team1:hover h4,#team2:hover h4,#team3:hover h4,#team4:hover h4,
#team5:hover h3,#team6:hover h3,#team7:hover h3,#team8:hover h3, #team5:hover p,#team6:hover p,#team7:hover p,#team8:hover p, #team5:hover h4,#team6:hover h4,#team7:hover h4,#team8:hover h4,
#team9:hover h3,#team9:hover h4,#team9:hover p, #team10:hover h3,#team10:hover h4,#team10:hover p
{
	color:white;
}

#team h4
{
	font-size:20px;
	line-height: 1.5;
	font-weight: 300;
	font-family:'Lato';
	color:#616A6E;
}

#team h3
{
	font-size:50px;
	font-weight: 300;
	color:#616A6E;
}

#team p
{
	font-size:14px;
	font-weight: 300;
	color:#616A6E;
	display:none;
}

#team .col-lg-3
{
	padding-top:35px;
	min-height:970px;
	position:relative;
	transition:all 0.6s ease;
	cursor:pointer;
	padding-left:40px;
	padding-right:40px;
	width:33.3333%;
}

#team .col-lg-4
{
	padding-top:35px;
	min-height:970px;
	position:relative;
	transition:all 0.6s ease;
	cursor:pointer;
	padding-left:40px;
	padding-right:40px;
	width:20%;
}

#meet_team
{
}

#team img
{
	width:50%;
	border-radius:10px;

}

#features .col-lg-4, #history .col-lg-4
{
	/*height:50vh;*/
	position:relative;
	transition:all 0.6s ease;
	padding:90px 40px;
	height:470px;
}
#history .col-lg-4 {
    padding: 0 !important;
    height: 230px !important;
    margin-bottom: 30px;
}
/* History */
.history_popup {
    background:#FFFFFF;
    opacity: 0.95; 
    display:none; 
    padding:40px;
    position: absolute; 
    top:0;
    left:0;
    right:0;
    bottom:0;
}
#features .col-lg-4 div
{ 
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

#features .col-lg-4:hover
{
	background:#616a6e ! important;
}

.item img
{
	width:100%;
}

iframe
{
	display: block;
}

.ribbon.hardware p
{
	font-size: 32px;
	line-height: 40px;
	color: rgb(53, 53, 53);
	padding-top: 15px;
}

.ribbon.hardware p span
{
	color: #64dc16;

}

#preorder
{
	background: url('../img/bg4.png');
	background-size:cover;
}

#preorder button
{
	margin-top:200px;
	text-transform:uppercase;
	background:rgba(0,170,200,0.8);
	border:0;
	font-size:60px;
	width:100%;
	color:white;
	font-weight:700;
	margin-bottom:200px;
	height:300px;
}

#preorder button span
{
	font-weight:200;
	font-size:115px;
	line-height:114px;
}
/*
#first_nav
{
	width:60px;
}
#first_nav .dropdown.open
{
	width:60px;
	}*/
	.dropdown-menu
	{
		background:white;
		border-left:1px solid #616a6e;
		border-right:1px solid #616a6e;
		border-bottom:1px solid #616a6e;
	}



	.carousel-caption span
	{
		color:#64dc16;
	}

	#join button:hover
	{
		color:white;
		background:rgb(42, 183, 207);
	}

	.slide
	{
		width:50%;
		/*background:red;*/
		position:absolute;
		float:left;
		height:100%;
		top:0;
		left:0;
	}
	.slide_left
	{
		left:0;
	}

	.slide .text
	{
		font-size:60px;
		text-align:center;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		height:30px;
	}

	.slide button
	{
		padding:20px 30px;
		font-size:20px;
		background:transparent;
		border:2px solid white;
		color:white;
		margin-top:20px;
	}

	.slide_right
	{
		left:50%;
		background:yellow;
	}

	.slide_img
	{
		width:50%;
		float:left;
		display:none;
	}


	.slide_img img
	{
		width:100%;
	}

	.slide_img img:hover
	{
		/*opacity:0.7;*/
		cursor:pointer;

	}

	#experience, #experience1
	{
		position:relative;
	}

	.slide_close
	{
		position:absolute;
		right:10px;
		z-index:999;
		font-size:32px;
		cursor:pointer;

	}

	#video_container
	{
		position:fixed;
		top:0;
		left:0;
	}

	#video_frame
	{
		position:absolute;
		z-index:-1;
	}

	#player_wrapper
	{
		position:absolute;
		margin:0 auto;
		width:100%;
		left:-100%;
		height:100%;
		z-index:99999;
		background:#eff0f0;
		top:0;
	}

	#social_icons .col-lg-3
	{
		margin-left:10px;
		padding:0;
		margin-bottom:5px;
		width:70px;
		height:70px;
	}


	#social_icons a
	{
		text-decoration: none;
		display: block;
		background: white;
		color: #616a6e;
		padding: 10px 0;
		margin-bottom: 15px;
		font-size: 3.1em;
		text-align: center;
		transition:all 0.2s ease;
		border-radius:10px;
	}
	#social_icons a:hover
	{
		background:#64dc16;
		color:white;
		text-decoration: none;
	}

	#video_close
	{
		position:absolute;
		right:0px;
		top:20px;
		z-index:999;
		font-size: 32px;
		color:#64dc16;
		cursor:pointer;
		opacity:0;
		text-decoration: none;
	}
	#video_close:hover{
		color:#64dc16;
		text-decoration: none;
	}

	.panels
	{
		width:33.333%;
		position:relative;
		border-radius:0;
		cursor:pointer;
		transition:all 0.3s ease;
		float:left;
		border:0;
		margin-bottom:0;
		height:600px;
	}

	#experience_bg
	{
		position: absolute;
		z-index: 999;
		bottom: 0;
		opacity:0.5;
		left:0;
		display:none;
	}

	#future_bg
	{
		position:absolute;
		top:0;
		left:0;
		opacity:0.5;
	}

	.shrink
	{
		-webkit-transform:translateX(50vw);
	}

	.expand
	{

		-webkit-transform:scaleX(2);
	}

	#left_panel
	{
		left:0;
		background:#eff0f0;
		border:0;

		/*background-size: cover;*/
	}
	#middle_panel
	{
		background:#f7f7f8;
	}


	#right_panel:hover, #left_panel:hover, #middle_panel:hover

	{
		color:white ! important;
		background:#616a6e;
	}

	#right_panel:hover h3, #right_panel:hover p, #left_panel:hover h3, #left_panel:hover p, #middle_panel:hover h3, #middle_panel:hover p
	{
		color:white;
	}

	#right_panel
	{
		background:blue;
		background:#e7e9e9;
		/*background-size: cover;*/
	}

	#specs
	{
		background:white;
		clear:both;
		overflow-x:hidden;

	}

	.spec_panel img
	{
		padding:80px 0px;

	}

	#right_spec .content{
		text-align:left;
	}

	#left_spec .content
	{
		text-align:right;
	}
	.spec_close
	{
		position:absolute;
		right:20px;
		top:20px;
		font-size:30px;
		color:#616a6e;
		display:none;
		text-decoration:none;
		cursor:pointer;
		z-index:9999;
	}

	.9999:hover
	{
		color:#64dc16;
	}

	.spec_panel .content
	{
		text-align: left;
		display:none;
		float:left;
		width:50%;
		padding:40px;
	}

	#specs h3
	{
		font-family:'Lato';
		font-size:4em;
		margin-top:50px;
		color:white;

	}

	#order_now .row > div
	{
		padding:40px 20px;
	}

	#order_now
	{
		background:white;
		padding:60px 0px;

	}


	.panel_content
	{
		padding:109px 35px;
	}

	.see_more
	{
		padding:10px 25px;
		background:transparent;
		border:3px solid #616a6e;
		color:#616a6e;
		font-size:20px;
		cursor:pointer;
		border-radius:10px;
	}

	.see_more:hover
	{
		color:white;
		text-decoration: none;
	}

	#experience
	{
		/*max-width:100%;*/
		overflow:hidden;
		background:#eff0f0;
	}

	#order_now img
	{

	}
	.panel_img img
	{
		width:100%
	}

	.panel_img
	{
		width:50%;
		display:block;
		float:left;
	}

	.carousel
	{
		display:none;
		width:100%;
		height:100%;
	}

	.carousel .item
	{
		width:100%;
		height:auto;
	}

	.carousel .item img
	{
	}

	.panel_close
	{
		position:absolute;
		font-size:32px;
		right:40px;
		top:40px;
		z-index:999;
		display:none;
		cursor:pointer;
		color:white;
		opacity:0.6;
		font-weight:300;
	}


	.panel_close:hover
	{
		opacity:1;
		color:#eff0f0;
		text-decoration: none;
	}

	#what_we_do
	{
		background: #eff0f0 url("../img/downlecule.png") no-repeat top;
	}

	#gotop
	{
		position: fixed;
		right: 20px;
		bottom: 20px;
		font-size: 40px;
		line-height: 40px;
		height: 50px;
		width: 50px;
		padding: 3px 0px;
		color: #333;
		cursor: pointer;
		transition: all 0.2s ease;
		z-index: 9999999;
		border: 3px solid #333;
		border-radius: 50%;
	}
	#gotop.top
	{
		opacity:1;
		-webkit-transform: rotate(180deg);
	}

	#wehire
	{
		position: fixed;
		left: 20px;
		bottom: 50px;
		font-size: 40px;
		line-height: 40px;
		height: 50px;
		width: 50px;
		padding: 3px 0px;
		color: #333;
		cursor: pointer;
		transition: all 0.2s ease;
		z-index: 9999999;
	}

	#wehire img
	{
		height: 70px;
		width: 140px;
	}

	@media(max-width:766px)
	{
	    #wehire
	    {
            bottom: auto;
            left: 20px;
            right: auto;
            top: auto;
            position: relative;
		    font-size: 40px;
		    height: 50px;
		    width: 50px;
		    padding: 3px 0px;
		    color: #333;
		    cursor: pointer;
		    transition: all 0.2s ease;
		    z-index: 9999999;
	    }

	    #wehire img
	    {
		    height: 45px;
		    width: 90px;
	    }
	}

	#gotop:hover
	{

		background:white;
		color:#64dc16;
		border:3px solid #64dc16;
	}

	#video_screen a 
	{
		cursor:pointer;
		font-size:120px;
		position:absolute;
		margin:auto;
		top:0;
		left:0;
		bottom:0;
		right:0;
		color:white;
		width:120px;
		height:120px;
		transition:all 0.2s linear;
		text-decoration: none;
	}
	#video_screen a:hover
	{
		text-decoration: none;
		color:#64dc16;
		height:120px;
		width:120px;
		/*-webkit-transform: scale(2,4);*/
	}

	#video_screen
	{
		position:relative;
		text-align: center;
	}


	.carousel-control .fa.fa-chevron-right
	{
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 5;
		display: inline-block;
		height: 100%;
		font-size: 60px;
	}

	.carousel-control .fa.fa-chevron-left
	{
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 5;
		display: inline-block;
		font-size: 60px;
	}

	#navigation
	{
		background:rgba(255,255,255,0.3);
		height:45px;

	}

	.list-group
	{
		margin-left:-15px;
		border-radius:0;
		margin-bottom:0;
		border-top:1px solid rgba(255,255,255,0.1);
	}
	.list-group li
	{
		border-radius:0 ! important;
		background: inherit;
		border: none;
	}

	.list-group li.active
	{
		background-color: rgba(255, 255, 255, 0.7);
		color:#616a6e;
		border-left:5px solid black;
	}

	.list-group li.active:hover
	{

		background-color: rgba(255, 255, 255, 0.5);
	}

	#coffee_experience
	{
		margin-top:0;
	}

	#coffee_experience_main
	{
		background:rgba(255,255,255,0.3);
		margin-top: 100px;
	}

	#coffee_experience_main img
	{
		border-radius:50%;

	}

	#navigation a
	{
		height: 100%;
		padding-left: 23px;
		font-size: 20px;
		display: block;
		width: 55px;
		padding-top: 10px;
		color: #FFF;
		opacity: 0.7;
	}

	#footer p
	{
		line-height: 1.5;
		font-size: 14px;
	}
	#mob_nav
	{
		display:none;
	}
	#desk_nav
	{
		display:block;
	}

	.mob_panel
	{
		display:none;
		height:300px;
	}
	.desk_panel
	{
		display:block;
	}

	.panel_close:hover
	{
		color:#64dc16;
	}


	@media(max-height:480px){
		/*.navbar-nav
		{
			height:580px;
		}*/
	}

	@media(max-width:992px){
		#main_image p
		{
			text-align:center
		}

	}

	#footer_social
	{
		font-size:30px ! important;
	}

	#footer_social a
	{
		/*font-size: 1.4em;*/
		color:white;
		font-size:30px;
		/*width:50px;*/
		/*height:50px;*/
		/*padding:5px;*/
	}

	#footer_social a i
	{
		/*padding: 3px;*/
		/*width: 40px;*/
		/*height: 40px;*/
		/*margin-left:-10px;*/
		/*padding:10px;*/
		/*font-size: 20px;*/
		/*background:green;*/
	}

	#footer_social a:hover
	{
		/*font-size: 1.4em;*/
		color: #64dc16;
		/*color:white;*/
		/*padding: 6px 8px;*/
	}

	.mobile.board
	{
		padding:15px 15px;
	}
	.mobile.board img
	{
		border-radius:10px;
	}
	@media(max-width:780px){



		#be_the_first:active
		{
			background:#64dc16;
			color:white;
		}
		#be_the_first:hover
		{
			background:#64dc16;
			color:white;
		}

		#team.desktop
		{
			display:none;

		}
		.mobile.board
		{
			display:block;
		}

		#main_image
		{
			padding-bottom:60px;
		}

		#about .row .col-lg-4
		{
			height:380px;
		}


	}

	@media(min-width:768px){
		#team h3
		{
			font-size:35px;
		}
	}
	@media(min-width:767px){
		#features .col-lg-4, #about .col-lg-4
		{
			padding:60px 40px;
			float:left;
			width:33%;
		}
	}

	@media(max-width:766px){


		.ribbon{
			height:100px;
			line-height:100px;
		}

		#gotop
		{
			display:none;
		}


		.desktop
		{
			display:none;
		}

		#footer_social a 
		{
			padding:0px 8px;
		}

		#footer_social a i
		{
			margin-left:-15px;
		}
		.mobile .img_original
		{
			display:block;
			opacity:1;
			padding:0;
		}
		.mobile
		{
			display:block;
		}
		.spec_panel.mobile
		{
			display:block;
			text-align: center;
		}

		.panel_close
		{
			font-size: 30px;
			right: 10px;
			top: 10px;
		}
		.carousel-control .fa.fa-chevron-right, .carousel-control .fa.fa-chevron-left
		{
			font-size:30px;
		}

		.ribbon{
			font-size:2em;
		}
		.panel_content
		{
			padding:35px 10px;
		}
		.mob_panel
		{
			display:block ! important;
			width:100%;
			float:none;
		}
		.desk_panel
		{
			display:none ! important;
		}
		.navbar-default .navbar-nav > li > a
		{
			color:white;
		}
		.navbar-collapse { 
			background:#616a6e;
			border:0;
		} 


		.about_section
		{
			padding:0;
		}

		.about_section h3
		{
			font-size:2.3em;
		}
		.about_section p
		{
			font-size:1.8em;
		}
		#future h2
		{
			font-size:4em;

		}

		#future h3
		{
			font-size:2.5em;
		}
		#experience
		{
			height:auto;

		}
		.panel_content p
		{
			font-size:2em;

		}
		.panel_content h3
		{
			font-size:4em;

		}
		#about .row .col-lg-4
		{
			padding-top:40px;
			padding-bottom:40px;
			height:200px;	
		}

		#features .col-lg-4
		{
			padding: 40px 40px;


		}
		.navbar
		{
			background:#616a6e;
			color:white;
			border:0;
		}

		body
		{
			font-size:90%;
		}


		#main_image h3
		{
			font-size:2.6em;
		}
		#main_image a
		{

		}
		#logo img
		{

		}
	}



	@media(max-width:760px){
		#mob_nav
		{
			display:block;
		}
		#desk_nav
		{
			display:none;
		}

		#video_screen a
		{
			font-size:80px;
			height:80px;
			width:80px;
		}
	}




	.container > .navbar-header, .container > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
	}


	.panel-body
	{
		font-size:0.8em;
	}
/*
	body *
	{
		background:red ! important;
	}*/


/* ------------------------------------------------------------------------ */
/* Media Images
/* ------------------------------------------------------------------------ */

.mediaimage {
	width:20%; 
	margin-left:4%;
}

@media(max-width:600px){
	.mediaimage
	{
		width:45%; 
		margin-left:2%;
	}
}

/* ------------------------------------------------------------------------ */
/* TESTIMONIAL ROTATOR
/* ------------------------------------------------------------------------ */
.slider-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
    
     @media(min-width:1200px)
	{
	    .slider-container {
            width: 1170px;
        }
	}
.slider {
    position: absolute;
    right: 0;
    width: 170px;
    background: #F3F4F4;
    margin-top: 30px;
    padding: 20px 0px 20px 15px;
    height: 300px;
    margin-right: 15px;
    z-index: 5;
}
    @media(max-width:992px)
	{
	    .slider {
            float: none;
            position: relative;
            margin: 0px;
            width: 100%;
            height: auto;
            min-height:150px;
            padding: 5px 0px 0px 15px;
        }
	}
	
	@media(max-width:349px)
	{
	    .slider {
            float: none;
            position: relative;
            margin: 0px;
            width: 100%;
            height: auto;
            min-height:185px;
            padding: 5px 0px 0px 15px;
        }
	}
    .slider > span:first-child {
        font-size: 20px;
        font-weight: bold;
        color: #666E73;
    }


    
.slides li:not(:first-child){
        display: none;
}
.navigation-arrows {
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1.1 !important;
}
.navigation-arrows > .navigation-arrow {
    display: inline-block;
    font-size: 20px;
    color: #FFFFFF;
    cursor: pointer;
}
.active-arrow {
    background: #63DC15;
}
.inactive-arrow {
    background: #CCD0D1;
}
.testimonial-container {
    background: #C0C0C0;
    width: 150px;
    position: fixed;
    right: 100px;
    margin-top: 20px;
}
.testimonial-carousel {
	min-height: 100px;
	padding: 15px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #eff0f0;
	margin-bottom: 10px;
}

.c-testimonials, .c-testimonials p {
	text-align: left;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	margin-top: 8px;
	letter-spacing: -1px;
	line-height: 36px;
	color:#555;
}
.c-client-testimonial {
	margin-top: 2px;
}
.c-client-testimonial cite {
	font-size: 18px;
	color: #64dc16;
	font-weight: normal;
	letter-spacing: 0
}

    .c-client-testimonial a {
        text-decoration: none;
        outline: none;
    }

.t-carousel-item{
	text-align: center;
	padding: 10px 15px;
}

#testimonial-rotator {
	min-height: 100px;
	padding: 15px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #eff0f0;
}

.testimonials {
	margin: 0 auto;
	padding: 10px 15px;
	clear: both;
	border-left: 0;
	display: none;
	width: 90%;
}
.client-testimonial {
	margin-top: 2px;
}
.client-image img {
	max-width: 90px;
	float: left;
	margin-right: 15px;
}