/* MajigMedia.com 2017 */

.poster { margin-top: -20px; margin-bottom: 40px; }
.poster img { width: 890px; border-radius: 6px; }

.banner { text-align:center; margin: 40px 0; }
.banner img {  text-align:center;  max-height: 60px; }


#primary { margin-bottom: 20px;  }
#primary * { 
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.0s;
    animation-name: fade;
    animation-duration: 1.0s;
}
#secondary * { 
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
#tersiary * { 
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2.0s;
    animation-name: fade;
    animation-duration: 2.0s;
}
#primary .news {
    background: var(--primary-bg);
    background-image: none;
    background-size:cover ;
    position: relative; margin: auto;
    height: 325px;
    min-height: 325px;
    border-bottom: 5px solid var(--primary); 
    margin-right: 0px; 
    border-top-left-radius: 6px;
    overflow: hidden;   
}

#primary .news .pips { text-align: right; font-size: 0.8rem; 
position : absolute; bottom: 10px; right: 10px; }
#primary .news .pips span { 
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 10px 5px; 
    /* background-color: #bbb; //*/
    background-color: rgba(100,100,100,0.8); 
    color: rgba(100,100,100,0.8); 
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease; 
}
#primary .news.pips span:hover {
   // background-color: rgba(255,255,0,0.8); 
   // color: rgba(255,255,0,0.8); 
}
#primary .news .pips span.active {
    /* background-color: #717171; //*/
    background-color: var(--primary); 
    color: var(--primary) ; 
}

#primary .news .slide { display : none;      
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

#primary .news .story { 
    position: absolute; 
    bottom: 10px; 
    left: 10px; 
    padding: 5px; 
    max-width: 70%;  
    background: rgba(0,0,0, 0.6); 
    border-radius: 10px; 
}
#primary .news .story .category {display:block;  font-size: 1.0rem; color: var(--primary-txt); text-transform: uppercase; margin-bottom: 5px; }
#primary .news .story .title { display:block; font-size: 2.0rem; color: var(--primary-txt); text-transform: uppercase; margin-bottom: 2px;}
#primary .news .story .detail {  display:block; font-size: 1.3rem; color: var(--secondary-txt); line-height: 16px; letter-spacing: 0.1px; }
#primary .news .story .detail pre { display:block; font-size: 1.3rem; line-height: 16px; letter-spacing: 0.1px; font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;  margin: 0;  white-space: pre-wrap; } 
#primary .news .story img {  display: none;  }

/*#primary .news .story { position: relative; top: 190px; height: 120px; width: 65%; margin-left: 10px; padding: 5px 8px; border-radius: 6px; }

.news .story .category { display: block;}
.news .story .title { display: block;  }
.news .story .detail { float: left; }
.news .pips {  float: right;  top: 290px; margin-right: 10px; font-size: 11px;}

*/
#primary .five { width: 41.3333333333%; }
#primary div:first-of-type { 
    background: var(--primary-bg);
}
#primary .single { min-height: 325px; max-height: 325px;margin: 0 0 10px; border-bottom: 4px solid var(--primary); overflow: hidden; 
 border-top-right-radius: 6px; font-size: 1.0rem; text-transform: uppercase; padding: 10px; font-size: 0.8em; color: var(--secondary-txt); line-height: 1.6rem; letter-spacing: 0.1px;}


#primary .main {  min-height: 145px; margin: 0 0 10px; border-bottom: 3px solid var(--primary);
 border-top-right-radius: 6px; font-size: 1.0rem; text-transform: uppercase; }
#primary .extra { 
    min-height: 170px;
    border-bottom: 3px solid var(--primary);
    margin-right: 0px;
    font-size: 10px;
    text-transform: uppercase; 
}
//#primary .extra:last-of-type { border-bottom-right-radius:8px; }

 #primary .poll { }
 #primary .poll img {  float: right; margin-top: -10px; margin-right: -12px; }
 #primary .poll .question{ text-align: center; padding: 5px; font-size: 1.3rem; font-weight: 400;  }
 #primary .poll .answer { text-align: center; padding: 5px; }
 #primary .poll .answer input { font-size: 1.2rem; text-align: center; }


#secondary {  padding: 0; margin: 20px 0px;  }

#secondary .feature.four { width: 31.999%; }
#secondary .feature {
    min-height: 320px; 
    background: var(--primary-bg); 
    border-bottom: 3px solid var(--primary); 
    background-image: url('../images/promo/specials.png') no-repeat; 
    font-size: 0.9em;
}

#secondary .feature:first-of-type { border-bottom-left-radius:10px; }
#secondary .feature:last-of-type { border-bottom-right-radius:10px; }
#secondary .feature img { max-height: 175px; border: 0;  }
#secondary .feature .story { min-height: 135px; padding: 10px; overflow: hidden;  color: var(--secondary-txt); line-height: 1.6rem; letter-spacing: 0.1px;}
#secondary .feature .story span.title { display: block; font-size: 1.2em; color: var(--primary-txt); text-transform: uppercase; margin-bottom: 2px; line-height: 2.4rem; letter-spacing: 0.1px;}
#secondary .feature .story img {  border: 0;  }
#secondary .feature .story a {  color: #d4a82d; text-decoration: none;  }


#secondary div.table { background: var(--primary-txt); padding: 0px; margin: 5px 0 10px 0; clear: left; overflow: hidden; text-transform: uppercase; font-size: 1.1rem; }
#secondary div.table div.row{ clear: left; float: left; width: 100%; }
#secondary div.table div.row:nth-of-type(odd){ background: var(--secondary-bg); }
#secondary div.table div.row:nth-of-type(even){ background: var(--primary-bg); }
#secondary div.table div.row:first-of-type{ font-weight: 800; }
#secondary div.table div.no-head:first-of-type{ font-weight: 400;   }
#secondary div.table div.row div { padding: 8px 4px; }

#secondary .feature .story div.versions {   }
#secondary .feature .story div.versions div.row { clear: left;  }
#secondary .feature .story div.versions div.row div{ float: left;  }
#secondary .feature .story div.versions div.row div.product{ width: 65%; text-align: left;  }
#secondary .feature .story div.versions div.row div.version{  width: 25%; text-align: right; margin-left: 2%;}


#primary .secondary, #secondary .secondary {   border-color:  var(--secondary); }
#primary .red, #secondary .red {  border-color:  #aa0000; }

#primary .red, #secondary .red {  border-color:  #aa0000; }
#primary .blue, #secondary .blue {  border-color: #0000aa; }
#primary .green, #secondary .green {  border-color:  #00aa00; }
//#primary .silver, #secondary .silver {  border-color:  #8a8a8a; }
//#primary .gold, #secondary .gold {  border-color:  #d4a82d; }

#blog {  }
#blog .story { margin-top: 20px;  padding-right: 10px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid var(--secondary-bg); font-size: 1.1rem; color: var(--secondary-txt);  line-height: 16px; letter-spacing: 0.1px; 
 text-transform: none; }
#blog.six .story { clear: left;  }
#blog.twelve .story { float: left; min-width: 100%;  }

#blog .story {  }
#blog .story  pre { font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;  margin: 0; 
font-size: 1.1rem;  white-space: pre-wrap; }
#blog .story .title { 
    display:block;  
    color: var(--primary-txt);
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: 0.1px;
    padding: 0;
    margin: 0 0 3px;
 }

#blog .story img { width: 192px; height: 127px; }



/*
.content #features { }
.content #features .main { float: left; background: #1b1d1f; width: 510px; height: 325px; border-bottom: 5px solid #d4a82d; margin-right: 10px; border-top-left-radius: 8px; 
-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;	}
.content #features .med { float: right; background: #1b1d1f; width: 380px; height: 150px; margin: 0 0 10px; border-bottom: 5px solid #d4a82d;
 border-top-right-radius: 8px; font-size: 10px;   text-transform: uppercase; }
.content #features .sml { float: left; 
    background: #1b1d1f;
    width: 185px;
    height: 160px;
    border-bottom: 5px solid #d4a82d;
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase; }
.content #features .mini { }

.content #features .last {  margin-right: 0px; }
.content #features .splash {  background-image: url('../images/promos/feat-splash.png');	}

.content #features .red {  border-bottom: 5px solid red; }
.content #features .blue {  border-bottom: 5px solid blue; }
.content #features .green {  border-bottom: 5px solid green; }
.content #features .silver {  border-bottom: 5px solid #8a8a8a; }
.content #features .gold {  border-bottom: 5px solid #d4a82d; }





.content #other { width: 530px; float: left; }
.content #side { width: 350px; float: right; border-left: 1px solid #1b1d1f; padding: 0 5px; }
.content #side div { margin-bottom: 10px;  }




.content #side .promo { padding: 5px; border: 1px solid #1b1d1f;  } 
.content #side .promo div img { max-width: 338px; padding: 0px; margin: 0; }
.content #side .promo .bowling { } 
.content #side .promo div.bowling img { max-width: 348px; margin: -5px -5px -10px -5px; }

.content #side div.split  {  padding: 0; overflow: hidden;   }
.content #side div.split .left { float: left;}
.content #side div.split .right {  float: right;  }
.content #side div.split .half { width: 173px; height: 200px;  float: left; overflow: hidden; margin-right: 4px; margin-bottom: 4px;  }
.content #side div.split .mini { width: 173px; height: 98px; float: left; overflow: hidden;  margin-right: 4px; margin-bottom: 4px; }
.content #side div.split .last { margin-right: 0; }
.content #side div.split .w-mini { position: relative; top: -102px; }




/*

.content .features .poll { }
.content .features .poll img {  float: right; margin-top: -10px; margin-right: -12px; }
.content .features .poll .question{ text-align: center; padding: 5px; font-size: 14px; font-weight: 400;  }
.content .features .poll .answer { text-align: center; padding: 5px; }
.content .features .poll .answer input { font-size: 12px; text-align: center; }
*/