@charset "utf-8";
/* CSS Document */

/*
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin-ext,latin);
*/

/*------------------------------------------RESET CSS----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*end*/




body{
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	background:#222222;
	color:#ccc;
	font-size:14px;
	line-height:20px;
	/*overflow-y:scroll;*/
}



/*------------------ENTERANCE----------------*/
/**/
div.enterance-bg{
	position:fixed;
	z-index:1000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgb(48,48,48);
	background:#121212 url(../assets/images/main/dot_for_bg.gif);
}

div.enterance-bg img.logo{
	width:500px; 
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0px 0px -250px;
	z-index:10000;
	display:none;
}
/**/

div.enterance-bg div.enterance-label{
	position:fixed;
	z-index:1001;
	top:100%;
	right:50%;
	margin-top:-60px;
	margin-right:-50px;
	width:100px;
	height:60px;
	overflow:hidden;
	font-weight:300;
	opacity:0.0;
	cursor: pointer;
	text-align: center;
}

div.enterance-bg div.enterance-label:hover{
	color: #ff4400;
}
/**/


/*-----------------------------------------WELCOME PAGE-----------------------------------------------------------*/
p.main-loading-text{
	position:fixed;
	font-size:13px;
	font-weight:300;
	width:100%;
	line-height:30px;
	z-index:1000000;
	color:#fff;
	left:20px;
	top:50%;
	margin-top:-35px;
}
/*end*/



/*-------------------------------------------------GENERAL---------------------------------------------------*/
.rounded-corners{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.general-p{
	margin:10px 20px;
	text-align:justify;
	color:#777;
	font-size:14px;
}

.general-transitions{
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

img.absolute-loading-bg-32,
img.absolute-loading-bg-64{
	position:absolute;
	width:32px;
	height:32px;
	top:50%;
	left:50%;
	margin:-16px 0px 0px -16px;
	opacity:0.75;
}

img.absolute-loading-bg-64{
	width:64px;
	height:64px;
	margin:-32px 0px 0px -32px;
}
/**/


/*-----------------------------------------------------------------content-------------------------------------------------*/
div.content{
	height:610px;
	background-color:#303030;
	width:100%;
	overflow:hidden;
	position: relative;
}

div.content div.deactivator{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #111111;
	opacity: 0.75;
	z-index: 100;
	display: none;
}

div.content #gototop{
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 200;
	opacity: 0.50;
	cursor: pointer;
	right: 20px;
	top: 20px;
	display: none;
}
div.content #gototop:hover{ opacity: 1; }

div.content div.left{
	width:250px;
	float:left;
	background-color:#222222;
	height:610px;
	margin-left:-200px;
	float:left;
	position:relative;
}

div.content div.right{
	float:left;
	height:610px;
	overflow:hidden;
}

div.content a.logo-holder{
	display:inline-block;
	margin:20px 25px 0px;
	height:60px;
	width:200px;
	overflow:hidden;
	margin-left: 85px;
	opacity: 0;
}

div.content a.logo-holder:hover img{
	margin-top:-60px;
}

p.copyright{
	color:#444;
	font-size:11px;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:10px;
	left:0px;
}

p.copyright a{
	text-decoration: none;
	color:#999;
}
p.copyright a:hover{
	color: #fff;
}
div.hr-line{
	height:20px;
	margin:0px 20px;
	background:url(../assets/images/main/hr-line.png) center no-repeat;
}


/*--------------left menu--------------*/
div.content div.left ul.menu{
	margin-top:80px;
	margin-left:80px;
	opacity: 0;
}

div.content div.left ul.menu li{
	text-align:left;
	height:40px;
	padding-left:10px;
	border-left-style:solid;
	border-left-width:0px;
	position:relative;
}

div.content div.left ul.menu li div.menu-bg{
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	margin:5px 0px;
	width:0px;
}

div.content div.left ul.menu li:hover div.menu-bg,
div.content div.left ul.menu li.active div.menu-bg{
	width:2px;
}

div.content div.left ul.menu li a{
	text-decoration:none;
	font-size:24px;
	font-weight:300;
	color:#555;
	line-height:40px;
	
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}

div.content div.left ul.menu li a:hover{
	color:#fff !important;
}
/**/


/*------------------------------right content (main content)----------------------------------------*/
div.content div.right div.holder{
	position:relative;
	height:610px;
}

/*--------------------------------inner pages-------------------------*/
div.inner-page{
	float:left;
	margin-right:1px;
	height:610px;
	overflow:hidden;
	width:385px;
	background:#121212 url(../assets/images/main/dot_for_bg.gif);
	position:relative;
}

div.inner-page div.fancy-title-holder{
	height:100px;
	float:left;
	width:100%;
	overflow:hidden;
}

div.inner-page div.fancy-title-holder h2{
	font-size:24px;
	line-height:40px;
	margin:30px 20px;
	color:#fff;
	font-family:Ubuntu, Verdana, Geneva, sans-serif;
	text-shadow:0px 2px 2px #222;
	font-style: italic;
}




#services div.fancy-title-holder{
	background-image:url(../assets/images/main/bg_titulos.jpg);
	background-position:0px -523px;
	background-color:#9d2972;
}

#about div.fancy-title-holder{
	background-color:#e93855;
	background-image:url(../assets/images/main/bg_titulos.jpg);
	background-position:0px -105px;
}

#writeToUs div.fancy-title-holder{
	background-color:#FF4400;
	background-image:url(../assets/images/main/bg_titulos.jpg);
	background-position:0px -627px;
}

#weAreHere div.fancy-title-holder{
	background-color:#bcce48;
	background-image:url(../assets/images/main/bg_titulos.jpg);
	background-position:0px -210px;
}

#mmvSocial div.fancy-title-holder{
	background-color:#efa92d;
	background-image:url(../assets/images/main/bg_titulos.jpg);
	background-position:0px -420px;
}



div.inner-page-content-holder{
	float:left;
	height:490px;
	margin:10px 0px;
}


#services .inner-page-content-holder .vO2_scroller{background-color:#9d2972 !important;}
#about .inner-page-content-holder .vO2_scroller{background-color:#e93855 !important;}
#writeToUs .inner-page-content-holder .vO2_scroller{background-color:#FF4400 !important;}
#weAreHere .inner-page-content-holder .vO2_scroller{background-color:#bcce48 !important;}
#mmvSocial .inner-page-content-holder .vO2_scroller{background-color:#efa92d !important;}

.inner-page-content-holder>.vO2_scroller_out{
	width:1px !important;
	
	-moz-transition:width 0.2s linear;
	-webkit-transition:width 0.2s linear;
	-o-transition:width 0.2s linear;
	transition:width 0.2s linear;
}

.inner-page-content-holder:hover>.vO2_scroller_out{
	width:5px !important;
}


.subpage-title{
	font-size:40px;
	color:#ccc;
	line-height:60px;
	text-align:center;
}


/*-----------INNER PAGE: WRITE TO US-----------*/
.write-to-us-table{
	width:365px;
	margin:20px 10px 0px;
}


.write-to-us-table tr td{
	padding:3px;
	color:#666;
	font-size:12px;
	vertical-align:middle;
}

.write-to-us-table tr td.label-td{
	width:79px;
	text-align:right;
}

.write-to-us-table tr td.label-td label{
	cursor:pointer;
}

.write-to-us-table tr td.input-td{
	width:274px;
	padding:3px;
}

#write-to-us-to-selector{
	display:inline-block;
	width:30px;
	cursor:pointer;
	height:26px;
	position:relative;
	text-align:center;
}

#write-to-us-to-selector i{
	font-size:22px;
	line-height:30px;
	display:inline-block;
	width:30px;
}

#write-to-us-to-selector i.clicked{
	color:#ff4400;
}


div.to-members-holder{
	height:0px;
	overflow:visible;
	position:relative;
}

div.to-members-holder div.inner{
	position:absolute;
	width:260px;
	height:188px;
	left:0px;
	top:3px;
	border:1px solid #666;
	background-color:#000;
	
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

div.to-members-holder div.inner div.member{
	height:26px;
	border-bottom:1px solid #111;
	text-align:left;
	padding:10px;
	cursor:pointer;
	
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

div.to-members-holder div.inner div.member:hover{
	background-color:#111;
}

div.to-members-holder div.inner div.member:last-child{
	border-bottom:none;
}

div.to-members-holder div.inner p.name{
	color:#ff4400;
	font-size:13px;
	line-height:14px;
	padding:0px 10px;
}

div.to-members-holder div.inner p.job{
	color:#999;
	font-size:10px;
	line-height:12px;
	padding:0px 10px;
}
/**/


/*-----------INNER PAGE: ABOUT-----------*/

/**/

/*----------INNER PAGE: SERVICES ------------*/
#services{
	font-variant: small-caps;
}
#services-ul{
	margin: 50px 20px 10px;
}

#services-ul li{
	-webkit-transition:all 0.2s linear;
	   -moz-transition:all 0.2s linear;
	    -ms-transition:all 0.2s linear;
	     -o-transition:all 0.2s linear;
	        transition:all 0.2s linear;
}

#services-ul>li{
	margin:5px 0px;
	color: #777;
	padding-left: 30px;
}
#services-ul li:hover{ color:#9d2972; }

#services-ul>li i{
	margin-right: 5px;
	color:#9d2972;
	-webkit-transition:all 0.2s linear;
	   -moz-transition:all 0.2s linear;
	    -ms-transition:all 0.2s linear;
	     -o-transition:all 0.2s linear;
	        transition:all 0.2s linear;
}

#services-ul>li:hover i{ margin-left: 5px; }
#services-ul>li>ul{ margin: 20px; }

#services-ul>li>ul>li{
	margin:3px 0px;
	color: #666;
	padding-left: 30px;
}

#services-ul>li>ul>li:hover i{
	margin-left:10px;
}

/**/




/*--------------INNER PAGE: WE ARE HERE---------------------*/
.map{
	margin:10px 10px 30px;
	width:365px;
	height:200px;
}

#weAreHere p.general-p{
	font-size:12px;
}

#weAreHere img.icon{
	margin-right:10px;
	vertical-align:middle;
	height:20px;
	width:20px;
}

#weAreHere p.general-p a{
	text-decoration:none;
	color:#777;
}

#weAreHere p.general-p a:hover{
	color:#bcce48;
}
/**/

/*--------------INNER PAGE: MMV SOCIAL-------------*/
.fb-like-box-holder{
	width:365px;
	margin:20px 10px 0px;
	overflow:hidden;
}

.fb-like-box-holder div.inner{
	width:298px;
	height:165px;
	margin:0px auto;
	overflow:hidden;
}

.fb-like-box-holder .fb-like-box{
	margin-top:-100px;
	margin-left:-1px;
}

.fb-like-box-holder .fb-like{
	height:24px;
	overflow:hidden;
	width:299px;
	margin:10px 43px 0px;
}


div.twitter_summary{
	height:264px;
	width:365px;
	margin:20px 10px 0px;
}

#latest-tweets-holder{
	width:365px;
	overflow:hidden;
}

#latest-tweets-holder div.item{
	padding:10px 0px;
	margin:0px 30px;
	max-height:54px;
	border-bottom:1px solid #333;
	overflow:hidden;
}

#latest-tweets-holder div.item:last-child{
	border-bottom:none;
}

#latest-tweets-holder div.item p.tweet{
	font-size:14px;
	line-height:20px;
	color:#777;
}

#latest-tweets-holder div.item p.date{
	font-size:10px;
	line-height:14px;
	color:#555;
}

.twitter-follow-holder{
	height:40px;
	width:365px;
	text-align:center;
	margin-bottom:20px;
}

#mmvSocial_followerCount{
	display:inline-block;
	border:1px solid #333;
	background-color:transparent;
	background-color:rgba(255,102,0,0.05);
	color:#ccc;
	text-align:center;
	font-size:12px;
	line-height:20px;
	height:21px;
	padding:5px 10px;
}
/**/
/**/
/**/
/**/




/*----------------------------------------FORM BOX-----------------------------------*/
.input-box, .textarea{
	border:1px solid #333;
	background-color:transparent;
	height:14px;
	font-size:12px;
	font-family:Ubuntu, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:8px 5px;
	width:250px;
	color:#fff;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.textarea{
	height:102px;
	resize:none;
	overflow:auto;
}

.input-box:focus, .textarea:focus{
	border-color:#666;
	color:#ff4400;
}

.form-button, .button{
	font-size:12px;
	line-height:14px;
	font-family:Ubuntu, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:transparent;
	border:1px solid #333;
	padding:8px 5px;
	color:#666;
	cursor:pointer;
	background-color:rgba(255,102,0,0.05);
	text-decoration:none;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.form-button:focus, .form-button:hover, 
.button:hover, .button:focus{
	background-color:#222;
	color:#ff4400;
}
/**/



/*-----------------------footer------------------------*/
div.footer{
	background:#303030;
	height:60px;
	box-shadow:0px 2px 2px rgba(0,0,0,0.25);
	position: relative;
}

div.footer ul.social-media{
	overflow:hidden;
	height:30px;
	margin:15px 0px 15px 15px;
	float:left;
}

div.footer ul.social-media li{
	height:30px;
	width:30px;
	padding:0px 5px 0px 0px;
	float:left;
}

div.footer ul.social-media li a{
	display:inline-block;
	height:30px;
	width:30px;
	background-position:center 0px;
	background-repeat:no-repeat;
}
div.footer ul.social-media li.fb a{
	background-image:url(../assets/images/main/fb.png);
}
div.footer ul.social-media li.tw a{
	background-image:url(../assets/images/main/tw.png);
}

div.footer ul.social-media li:hover a{
	background-position:center -30px;
}

div.footer #dev-link{
	position: absolute;
	top: 17px;
	right: 10px;
}

div.footer #dev-link img{
	height: 30px;
	width: 30px;
}
/**/




/*------------------------------------GALLERY--------------------------*/

div.gallery-holder,
div.gallery-holder div.gallery-images-holder{
	width:100%;
	height:350px;
	overflow:hidden;
}

div.gallery-holder a{ cursor: inherit; }

div.gallery-holder div.gallery-images-holder div.inner{
	height:350px;
	width:100%;
	overflow:hidden;
}

div.gallery-holder div.gallery-images-holder div.inner div.item-group{
	height:350px;
	overflow:hidden;
	width:auto;
	float:left;
	margin-right:1px;
}
div.gallery-holder div.gallery-images-holder div.inner div.item-group:last-child{
	margin-right:0px;
}

div.gallery-holder div.gallery-images-holder div.inner div.item-group img{
	float:left;
	clear:left;
	margin-bottom:1px !important;
	opacity:0.75;

	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
div.gallery-holder div.gallery-images-holder div.inner div.item-group img:last-child{
	margin-bottom:0px;
}
div.gallery-holder div.gallery-images-holder div.inner div.item-group img:hover{
	opacity:1.0;
}

div.gallery-holder div.gallery-images-holder>div.vO2_scroller_out{
	height:2px !important;
}

div.lv_skin>canvas{
	visibility:hidden;
}
/**/