body{margin:0 auto; font-family:'Futura LT BT', 'Trebuchet MS', Tahoma, Helvetica, sans-serif;min-height:500px; }
.body-content{padding:20px 20px; background-image:url('../images/mvs-bg.png'); background-repeat:no-repeat; background-position:center;}
.body-content2{padding:20px 20px;}
input[type="file"]{color:#fff;}
.header{ width:100%; height:52px; background-color:#141414; position:fixed; z-index:9999;}

.prototype-textwhite-news{padding-top:0; color:#fff; margin:0 20px 20px 20px;}
.dropdown-menu li a{color:#fff;}
.dropdown-menu > li > a {color:#fff;}
.news-date{margin:0 0 40px 0; font-style:italic; }

.navbar-nav{ font-size:14px;}
.modal-content{background-color:#666; margin-top:80px;}
#services-nav{background:#299acd;}
.services-link ul{ list-style-type:none;}
.services-link li {display:inline;}
.services-link li a{color:#fff; text-decoration:none;}

.logo{margin:15px 0 0 20px; max-height:100%; max-width:70%;}
.warning-label{  margin:50px auto; right:75px; position:absolute; display:none; }
.live-image {max-width:100%; max-height:100%;}
#mvs-contentbody{margin:0;}
h1{font-weight:normal;}
.row{margin:0 0 30px 0;}
.white-text{color:#fff;}
p{font-size:16px;}

label{color:#fff; font-weight:100; font-size:16px;}
form{max-width:500px; padding:20px 20px;}
.btn-danger{margin:25px 0 0 0;}
input[type="file"]{color:#fff;}
.checkbox label{margin:0 40px 30px 0;}
.banner-text{display:none;}
.homepage-banner{ width:924px; height:auto; max-width:100%; max-height:100%; }
#home-content{padding-top:52px;}
.home-servicesbg{ background-color:#262626; }
.content-container{width:100%; margin:0 auto; position:relative;}
.printer{ padding:50px 0 0 0; display:none; }
.button-register{ margin:20px 0 0 0;}
#left-about{ margin:50px auto 25px auto; max-width:250px; position:relative;z-index:999; }
.about-description{color:#fff; padding:0 20px;}
.about-text{font-size:74px; margin-bottom:-25px; color:#fff; font-weight:bold;}
.mvs-text{font-size:46px; margin-bottom:-25px; color:#959595;}
.mvs-text2{font-size:44px; color:#959595;}

.mvslogo-bg{ margin:-190px  0 0 15px ; position:absolute; z-index:-999;
}

.team-ninja{ margin:20px 0 20px 0; float:right;}
 
.clients-content{margin:40px auto 40px auto;}
.clients-logos{padding:50px 10px 0 0;}
.clients-logos img {padding:0 10px 20px 10px; width:30%; height:auto;}



.about-services{margin:50px 0 0 0; text-align:center;}
.about-services img {padding:0 17px 25px 17px; max-width:250px; margin:0 auto;}


#homeliveboxes{max-width:100%; width:480px; margin:0 auto; height:500px; padding:20px 0 0 0; display:none;}
.liveboxesleft{width:203px; float:left;  margin:0 auto; text-align:center;}

.liveboxesright{ margin:0 auto; }

.sectionthree{padding:40px 0;}
.sectiontwo-bg{/*background-color:#c7c7c7;*/padding:50px 0 20px 0;}
.sectionthree-bg{background-color:#313a4a; padding:40px 0; }
.sectionfour-bg{background-color:#262626; padding:50px 0 50px 0; }
.sectionfour-bg-contact{background-color:#262626; padding:50px 0 50px 0; background-image:url('http://www.multiverse-studio.com/images/mvs-contact-bg.png'); background-repeat:no-repeat; background-position:center; }
.sectionfive-bg{background-color:#6ed9ff; padding:50px 0 20px 0; min-height:350px;  }
.sectionsix-bg{background-color:#686868; padding:40px 0;  }
.sectionseven-bg{background-color:#9cc9e8; padding:40px 0;min-height:400px;}
.sectioneight-bg{background-color:#c33f3f; padding:40px 0;}
.production-description{ padding:30px 20px 45px 20px; }
.home-description{font-size:14px; margin:0; padding-bottom:20px;}
.home-onestop{font-size:33px; font-weight:bold;; color:#313a4a; margin:0; text-align:center; }
.home-productionhouse{font-size:26px; font-weight:bold; color:#313a4a; margin:-8px 0 0 0; }
.portfolio-download{ text-align:center;}

.upcoming-events{ color:#fff; margin:0 20px;}
.upcoming{font-size:40px; margin:0; color:#55aee1; text-align:center;}
.events{font-size:26px; margin:-10px 0 0 0; color:#55aee1; }
#sectionthree-home{margin:0;}

.event-dates{margin:35px auto 0 auto; max-width:100%; padding:20px 20px;}
table {border-collapse:collapse;}
tr.border-bottom { border-bottom:1px #fff solid; margin:0;}
.event-dates tr td{padding:10px 0 10px 0; margin:0; padding:20px 10px;}
.event-dates p{margin:0; color:#fff;}
.event-hometitle{color:#93c5eb; font-size:20px; margin:0;}



.service-logo{display:none;}
.prototype-text{ margin:0 20px 20px 20px; padding:40px 0 0 0;}
.prototype-logo{ margin:28px 0 10px 0; max-height:100%; max-width:100%; padding:20px; float:right;}
.props-logo{ margin:50px 0 10px 0; max-height:100%; max-width:100%; padding:20px 40px 0 50px; float:right;}

.print-logo{ margin:25px 0 10px 0; max-height:100%; max-width:100%; padding:20px 40px 0 50px; float:right;}
.prototype-line{font-size:17px; margin:-15px 0 0 0;}
.timeline-logo{margin:150px 0 0 0;}

.prototype-textwhite{ padding:40px 20px  ; color:#fff; }
.manufacturing-logo{ margin:30px 20px 10px 20px; max-width:80%; height:auto; float:right; }

.collectible-logo{ margin:50px 60px 10px 20px; max-width:80%; height:auto; float:right; }
.retail-logo{ margin:50px 40px 10px 20px; max-width:80%; height:auto; float:right; }
.prototype-linewhite{font-size:16px; margin:-10px 0 0 0; color:#fff;}
.contactus-text{color:#fff; font-size:26px;}
.contact-content{ max-width:500px; color:#fff;  margin:0; padding:50px 20px 50px 20px;}


.nav{background-color:#1ebef6; }
.navbar-default .navbar-nav > li > a{color:#141414;}

.timeline-text{ padding:40px 20px;}
.production-text{font-size:42px; margin:30px 0 0 0; line-height:40px;}
.services-text{font-size:57px; margin:-15px 0 0 0;}


#service-bullets{margin-top:50px; max-width:700px}
ul.no-bulletleft { list-style-type: none;
padding: 0;
margin: 0; }

ul.no-bullet { list-style-type: none;
padding: 0;
margin: 0; float:right;}
li.blue-bullet {
background: url('../images/blue-bullet.png') no-repeat top left;

padding-left: 44px;
padding-top: 0px;
padding-bottom:40px;

}


.col-xs-6 ul{list-style-type:none;  text-align:left;}
.col-xs-6 li a { color:#fff; text-decoration:none;}
.col-xs-6 li a:hover{color:#52c6ee;}
.footer-header{font-size:160%; margin-bottom:10px;}
.footer-icons{padding-right:10px; padding-bottom:10px;}

.col-xs-6{float:none;}

.service-container{color:#fff; padding:20px;}

section > a div {
	background-color:#262626;
	border: 1px solid #141414;
	padding: 1em 0;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:18px;

	}
	
	section > a:hover div{ color:#1ebef6;}
	section > a:hover{text-decoration:none;}



span.services-title{font-size:22px;}

.recent-projects{min-height:500px;}

ul.recent-projects {
  list-style-type: none;
  margin: 0;
  padding: 0 0 60px 0;
  text-align: center;
}
 
ul.recent-projects li {
  display: inline-block;

  margin: 25px 40px 1em 0;
  position: relative;
  width: 220px;
  padding:20px 0;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 320px;
  left: 0;
  position: absolute;
  top: 0;
  width: 220px;
}
 
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size:18px;
}


span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
  opacity: 0;
}
 
ul.recent-projects li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(0,0,0,0.5)
 ;
  color: white;
  cursor: pointer;
  display: table;
  height: 340px;
  left: 0;
  position: absolute;
  top: 0;
  width: 220px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  


}




#multi-footer {


z-index : 1;
position : relative;
background-color:#141414;

}
.footer-container {
width : 100%;
margin : 0 auto;
padding-bottom:5px;
}
.footer-links {
text-align : center;
color : #52c6ee;
padding-top : 30px;
font-size:12px;
}
.footer-links a {
color : #52c6ee;
text-decoration : none;
}
.footer-links a:hover {
color : #ffffff;
}
span.follow {
font-size : 14px;
}
.footer-multilogo {
position : absolute;
margin : 25px 0 0 60px;
display:none;
}
.footer-social {
text-align:center;
color : #ffffff;
padding-top:20px;
}
.footer-social a img {
padding : 3px 3px 0 0;
}
p.copyright {
font-size : 12px;
color : #fff;
margin : 20px 0 10px 0;
}

.pdf-download{margin:20px auto 0 auto; display:block;}
.vertical-title{ color:#fff ; padding:0 0 0 20px; margin-bottom:-15px;}
#portfolio-slide{margin:20px auto 0 auto; width:800px;  
max-width:100%;

}


        .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(http://www.multiverse-studio.com/images/browser-icons.png);
        }










            /* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(http://www.multiverse-studio.com/images/a17.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }




                /* jssor slider thumbnail navigator skin 02 css */
                /*
                .jssort02 .p            (normal)
                .jssort02 .p:hover      (normal mouseover)
                .jssort02 .pav          (active)
                .jssort02 .pav:hover    (active mouseover)
                .jssort02 .pdn          (mousedown)
                */
                .jssort02 .w
                {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }
                .jssort02 .c
                {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 95px;
                    height: 62px;

                }
                .jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
                {
                	background: url(http://www.multiverse-studio.com/images/t01.png) center center;
                	border-width: 0px;
                    top: 2px;
                    left: 2px;
                    width: 95px;
                    height: 62px;
                }
                .jssort02 .p:hover .c, .jssort02 .pav:hover .c
                {
                    top: 0px;
                    left: 0px;
                    width: 97px;
                    height: 64px;

                }








header {
position:fixed;
z-index:99999;
height:50px;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -60px;
}


.btn-primary {
	background-color: transparent;
	border: none;
	margin: 0.5em 0;
}
.btn-primary:hover {
	background-color: #8d7357;
}







                /* jssor slider thumbnail navigator skin 01 css */
                /*
                .jssort01 .p           (normal)
                .jssort01 .p:hover     (normal mouseover)
                .jssort01 .pav           (active)
                .jssort01 .pav:hover     (active mouseover)
                .jssort01 .pdn           (mousedown)
                */
                .jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort01 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 72px;
                    height: 50px;
                    border: #000 2px solid;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
                    background: url(http://www.multiverse-studio.com/images/t01.png) center center;
                    border-width: 0px;

                    width: 72px;
                    height: 50px;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 72px;
                    height: 50px;
                    border: #fff 1px solid;
                }




@media (min-width: 320px){
#homeliveboxes	{width:320px; margin:0 auto; height:520px; display:none;}
.jssort02{display:none;}		
.mobileslide{left:100px;}	
.jssora05r{ right:40px;}
.jssora05rdn{right:40px;}
.jssora05l{ left:35px;}
.jssora05ldn{ left:35px;}
.mobileslide{left:100px;}	
section.module.parallax-1{display:none;}	
	
	}

@media (min-width: 480px){
#homeliveboxes	{max-width:100%; width:480px; margin:0 auto; height:380px; padding:20px 0 0 0;}
.jssora05r{ right:40px;}
.jssora05rdn{right:40px;}
.jssora05l{ left:35px;}
.jssora05ldn{ left:35px;}
.mobileslide{left:100px;}
#cf img {display:none;}	
	}


@media (min-width: 991px){

#cf img {display:none;}	
	}


.page-bullets{margin-left:20px;}
section.module.parallax-1{display:none;}
section.module.content{padding-top:60px;}


.btn-warning{margin:10px 0;}