@import url('reset.css');
@import url('common.css');

body {
    background: #000;
}


/*----------------------X299_mb----------------------------------------*/

#X299_mb sup {
    font-size: 70%;
    line-height: normal !important;
    vertical-align: top !important;
    padding-left: 2px;
}

#X299_mb a {
    transition: 0.3s all ease-in 0.1s;
}

#X299_mb {
    width: 100%;
    font-family: 'DINPro-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif; 
    color: #fff;
    font-size: 100%;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box  !important;
    margin: 0 auto;
    padding: 0;
}

#X299_mb section { 
    background-size: cover; 
    background-repeat: no-repeat;  
    width: 100%;
    margin: 0; 
}

#X299_mb .layout-content {
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
    padding: 5% 15px;
}

#X299_mb .fixed { position: fixed; top: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); }
#X299_mb .hide { display: none; }



/* ---------------------------- header start---------------------------*/

.warmp{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 5%;
}

#X299_mb  .logo {
    position: absolute;
    right: 2%;
    top: 2%;
    z-index: 999;
}

#X299_mb  .logo img{
    width: 100%;
}

#X299_mb .bg{
    width: 100%;
    height: 0;
    background: url(https://asset.msi.com/event/mb/2017/Pre-order-x299/images/kv.jpg) no-repeat top center;
    background-size: cover; 
    padding-bottom: 43.69%;    
}

#X299_mb .header{  
    width: 100%; 
    position: relative;
    top: 30px;
    right: 0;    
}



/*--------------------------- section 1-------------------------------*/

#X299_mb .s1{
    display: block;
    background: url(https://asset.msi.com/event/mb/2017/Pre-order-x299/images/s1_bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    position: relative;
    margin-top: 2%;
}

#X299_mb  .content-wrap{
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px;
}


/* ---------------section 1 >  left  ---------------*/



#X299_mb .models{
  width: 70%;
  position: relative;
  padding: 5%;

}

#X299_mb .models .title{
    font-family: 'DINPro-Black';
    color: #fff;
    font-weight: 600;
    background-color: rgba(204,0,0,0.8);
    font-size: 2em;
    line-height: 2em;
    text-transform: uppercase;
    padding: 8px 0px;
    width: 350px;
    text-align: center;

}

#X299_mb .pd-block{
    display: block;
    margin: 0 auto;
    width: 100%;
}


#X299_mb .pd-name {
    font-size: 1.6em;
    line-height: 1.6em;
    font-family: 'din_pro_bold';
    text-align: center;
}

#X299_mb .pd-name a{
     color:#d9d9d9;
     background-color: transparent;
}

#X299_mb .pd-name a{
    line-height: 1.6em;
    color:#d9d9d9;
    background-color: transparent;
}

#X299_mb .pd-name a.:hover{
    color: #f43000
 
}

#X299_mb .icon_plus {
    display: block;
    position: absolute;
    right: -4.5%;
    top: 45%;
}


/* ---------------section 1 > right  ---------------*/


#X299_mb  .gift {
  width: 30%;
 padding: 5% 0;
}

#X299_mb  .gift .gift-block{
    width: 100%;
    padding: 12px 0px 0 35px;
}


#X299_mb  .gift .title {
    padding: 0 6%;
    font-family: 'DINPro-Black';  
    font-size: 2em;
    line-height: 2.5em;
    color: #fff;
    letter-spacing: 5px;
    text-align: left;
    text-shadow: 5px 5px 20px rgba(255, 0, 0, 1), #F00 0px 3px, #F00 3px 0px, #F00 -3px 0px, #F00 0px -3px, #F00 -3px -3px, #F00 3px 3px, #F00 3px -3px, #F00 -3px 3px;
}



#X299_mb  .gift  .gift-name {
    font-size: 1.6em;
    line-height: 1.6em;
    font-family: 'din_pro_bold';
    text-align: left;
}





/* --------------- footer section ---------------*/

#X299_mb .down {   
    color: #FFF;
    width: 100%;
    max-width: 1560px;
    padding: 0px 15px;
    margin: 60px auto;
}
#X299_mb .down p {
    border-bottom:4px solid #C00;
    font-size:1.6em;
    font-family: 'din_pro_bold';
    line-height: 2.4em
}
#X299_mb .down ul { 
    padding: 15px 20px;

}

#X299_mb .down ul>li {
    line-height: 2.4em;
    font-size: 1em;
    list-style: disc;
    font-weight: 900;
}