@charset "utf-8";
#mine{
	color:#fff;
	text-align:left;
	background:#000000;
	}
#mine h2 {
font-size:70px;
text-align:center;
line-height:60px;
}
@media (max-width: 768px) {
 #mine h2 {
	font-size:40px;
	line-height:40px;
  }
}
@media (max-width: 480px) {
 #mine h2 {
	font-size:25px;
	line-height:25px;
  }
}
#mine h3{
	color:#FF0004;
		}
#mine h4{
	color:#FF0004;
		}
#mine h5{
	color:#fff;
	}
#mine .outside-black{
	background-image:url(//asset.msi.com/event/mb/2016/X99A_HB/images/topbg1.png);
    background-repeat:no-repeat; 
    background-position:top;
	padding-bottom:90px;
	position:relative;
	 	}
#mine .md{
	position:absolute;
	bottom:-45px;
	}
#mine .mintop{
	background-color:#a40004;
	font-size:30px;
	text-align:center;
	line-height:30px;
	padding:45px;
	}

#mine .mintop span{
	font-size:40px;
	font-weight:bold;
	}
@media (max-width: 769px) {
#mine .mintop{
	font-size:20px;
	text-align:center;
	line-height:35px;
	padding:25px;
	}

#mine .mintop span{
	font-size:35px;
	font-weight:bold;
	}
#mine .md{
	bottom:-25px;
	}	
}
@media (min-width: 992px) {
#mine .mintop{
	font-size:25px;
	text-align:center;
	line-height:40px;
	padding:25px;
	}

#mine .mintop span{
	font-size:40px;
	font-weight:bold;
	}
#mine .md{
	bottom:-35px;
	}

}
@media (max-width: 480px) {
#mine .outside-black{
	max-height:350px;
	}
#mine .mintop{
	font-size:14px;
	text-align:center;
	line-height:20px;
	padding:10px;
	}

#mine .mintop span{
	font-size:20px;
	font-weight:bold;
	}
#mine .md{
	bottom:-15px;
	}
#mine .notes{
	color:#FF0004;
	text-align:right;
	font-weight:bold;
	font-size:9px;
	margin-top:10px;
	margin-bottom:15px;
	}
#mine .box3 img{
	min-height:245px;
	}	
}
#mine .notes{
	color:#FF0004;
	text-align:right;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
	}
#mine .box1 p{
	font-size:14px;
	}
#mine .box2 h5{
	margin-bottom:-2px;
	text-indent:-1em;
	color:#ff0004;
	font-weight:bold;
	}
#mine .box3{
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:#FF0004;
	padding:15px 15px 30px 15px;
	}
#mine .box3 h4{
	margin-bottom:-2px;
	text-indent:-1em;
	}
#mine .box3 img{
	min-height:450px;
	}	
#mine .box4 h3{
	margin-top:25px;	
	}
#mine .box4 ul{
	padding-left:60px;
	}
	
#mystic-light h3{
	color:#fff;
	}
.page-header{
	display:none;
	}
	
#mine .btn-nor {color: #ff0000;background-color:rgba(0,0,0,.5);border-color: #ff0000; border-radius:0;}
#mine .btn-nor:focus,
#mine .btn-nor.focus {
  color: #fff;background-color: #ff0000;border-color: #ff0000;
}
#mine .btn-nor:hover {
  color: #fff;background-color:rgba(255,0,4,.2);border-color: #ff0000;
}
#mine .btn-nor:active,
#mine .btn-nor.active,
#mine .open > .dropdown-toggle.btn-nor {color: #fff;background-color: #ff0000;border-color: #ff0000;}
#mine .btn-nor:active:hover,
#mine .btn-nor.active:hover,
#mine .open > .dropdown-toggle.btn-nor:hover,
#mine .btn-nor:active:focus,
#mine .btn-nor.active:focus,
#mine .open > .dropdown-toggle.btn-nor:focus,
#mine .btn-nor:active.focus,
#mine .btn-nor.active.focus,
#mine .open > .dropdown-toggle.btn-nor.focus {color: #fff;background-color: #cc0000;border-color: #cc0000;}
#mine .btn-nor:active,
#mine .btn-nor.active,
#mine .open > .dropdown-toggle.btn-nor {background-image: none;}
#mine .btn-nor.disabled:hover,
#mine .btn-nor[disabled]:hover,
#mine fieldset[disabled] .btn-nor:hover,
#mine .btn-nor.disabled:focus,
#mine .btn-nor[disabled]:focus,
#mine fieldset[disabled] .btn-nor:focus,
#mine .btn-nor.disabled.focus,
#mine .btn-nor[disabled].focus,
#mine fieldset[disabled] .btn-nor.focus {background-color: #fff;border-color: #ccc;}
#mine .btn-nor .badge {color: #fff;background-color: #333;}

#mine .dropmenu{color:#fff;background-color: #cc0000; border-radius:0; padding:0; margin-top:33px; margin-left:-1px;}
#mine .dropmenu1{color:#fff;background-color: #cc0000; border-radius:0; padding:0; margin-top:12px; margin-left:0px;}
#mine .dropdown-menu.dropmenu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

#mine .dropdown-menu.dropmenu > li > a:hover,
#mine .dropdown-menu.dropmenu > li > a:focus {
  color: #ff0000;
  text-decoration: none;
  background-color: #fff;
}
#mine .dropdown-menu.dropmenu > .active > a,
#mine .dropdown-menu.dropmenu > .active > a:hover,
#mine .dropdown-menu.dropmenu > .active > a:focus {
  color: #ff0000;
  text-decoration: none;
  background-color: #fff;
  outline: 0;
}
#mine .btn-group, #mine .btn-group-vertical {
	display: block;
	vertical-align: middle;
	word-wrap: break-word;
	width: auto;
	padding-top:5px;
}
#mine .nav-tabs {
  border-bottom: none;
  margin-bottom:20px;
}

#mine .nav-tabs > li > a {
   margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid #444;
    border-radius: 0;
	background:#333;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	padding:15px; padding-bottom:15px;
}
#mine .nav-tabs > li > a:hover {
  background-color: #ff0000;
  border: 1px solid #ff0000;
}
#mine .nav-tabs > li.active > a,
#mine .nav-tabs > li.active > a:hover,
#mine .nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #cc0000;
  border: 1px solid #ff0000;
  border-bottom-color: transparent;
}

/*--------*/

#colorpicker{clear:both;height:30px;margin:80px auto 20px;position:relative;width:30px;}#colorpicker .track{background:#EFEFEF url('http://i62.tinypic.com/2w6a3bq.png') no-repeat 50% 50%;border:1px solid #ccc;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px;box-sizing:content-box;cursor:crosshair;display:none;float:left;height:150px;left:-71px;padding:10px;position:absolute;top:-71px;width:150px;z-index:10;}#colorpicker .color{background-color:#EFEFEF;border:1px solid #ccc;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius: 27px;box-sizing: content-box;cursor: pointer;display:inline-block;height:25px;padding:1px;position:relative;width:25px;z-index:11;}#colorpicker .colorInner{-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;height:25px;width:25px;}#colorpicker .dropdown {border:1px solid #ccc;display:none;left:0;list-style:none;position:absolute;top:28px;width:27px;z-index:1000;}#colorpicker .dropdown li{cursor:pointer;height:25px;}
#mystic-light{
    background-position: right 50%;
    background-repeat: no-repeat;
    margin-left: -20px;
    margin-right: -20px;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 50px;
}
#mystic-light-motherboard{
    margin-left: -10%;
    position: relative;
    width: 300%;
}
#mystic-light-canvas{
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
#mystic-light-canvas{
    max-width: 760px;
}
#mystic-light-mask{
    position: relative;
    z-index: 1;
}
@media(min-width:768px){
    #mystic-light-colors-img{
        margin-right: -15%;
    }
    #mystic-light-effects-img{
        margin-right: -10%;
    }
    #mystic-light-motherboard{
        margin-left: -15%;
        margin-right: -85%;
        width: 200%;
    }
@media(min-width:992px){
    #mystic-light-motherboard{
        margin-left: -15%;
        margin-right: -35%;
        width: 150%;
    }
}
@media(min-width:1200px){
    #mystic-light-motherboard{
        margin-left: -15%;
        margin-right: -5%;
        width: 120%;
    }
}
@media(min-width:1600px){
    #mystic-light-motherboard{

    }
}
#mine .dropdown-menu{
	border:0px;
	padding:0px;
	width:180px;
	}
#mine .dropdown-menu>li>a{
	color:#fff;
	}