@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900,400italic,100);

*:focus, button:focus, .ui:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

h4{font:300 normal 50px/1.4 Roboto, sans-serif;color:#e9e9e9;width:100%;text-align:center;z-index:999;text-transform:uppercase;}
.red{color:#FD2146;background:none;}
.bold{font-weight:700;}
.bigger{font-size:60px;}
.fixed-block{position:fixed;width:100%;}
#intro,#frequency,#triggers,#relationship,#weapons,#suspects,#failures,.footer{display:none;}
p.sub-head{font-size:18px;font-weight:100;color:#FFF;top:208px;text-align:right;position:absolute;width:385px;left:178px;z-index:12;padding:8px;}
#mk-head-wrap{background:rgba(255,255,255,0.75);box-shadow:0 2px 7px #333;height:44px;position:fixed;width:100%;top:0;z-index:999999;display:none;}
ul.navigation{overflow:hidden;height:44px;width:1004px;margin:0 auto;}
ul.navigation li{height:44px;display:block;line-height:44px;text-align:center;overflow:hidden;float:left;position:relative;}
ul.navigation li:first-child a{background:url(../graphics/mk-sprite.png) -10px -4455px;display:block;height:24px;width:67px;padding:8px 0;}
ul.navigation li:first-child a:hover{background:url(../graphics/mk-sprite.png) -256px -4455px;margin:0;padding:7px 0;}
ul.navigation li:nth-child(2){margin:0 15px 0 0;}
ul.navigation li:nth-child(2) a{color:#535353;font:normal 300 28px/43px Roboto, sans-serif;background:none;padding:0 0 0 5px;}
ul.navigation li:nth-child(2) a:hover{background:none;color:#444d59;margin:0;padding:0 0 0 5px;}
ul.navigation li a{color:#666;display:block;font-size:11px;outline:0;text-decoration:none;z-index:9004;padding:0 7px;}
ul.navigation li a:hover{background:#dadbde;color:#666;height:500px;display:block;-webkit-transition:background-color .25s;-moz-transition:background-color .25s;-ms-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s;margin:0 -1px;padding:0 8px;}
ul.navigation li.active a{background:#444d59;color:#fff;}
ul.navigation li.active:nth-child(2) a{background:none;border-left:none;border-right:none;color:rgba(78,78,78,0.8);}
ul.navigation li.active:nth-child(2) a:hover{color:rgba(78,77,89,0.8);}
ul.navigation li.facebook a,ul.navigation li.twitter a{background-image:url(../graphics/mk-sprite.png);background-color:transparent;display:block;height:44px;text-indent:-5000px;cursor:pointer;padding:0;}
ul.navigation li.facebook a{width:21px;background-position:-10px -3179px;margin:0 18px 0 10px;}
ul.navigation li.facebook:hover a{width:21px;background-position:-245px -3179px;margin:0 18px 0 10px;padding:0;}
ul.navigation li.twitter a{background-position:-10px -3242px;width:25px;}
ul.navigation li.twitter:hover a{background-position:-244px -3242px;width:25px;padding:0;}
ul.navigation li ul.subnav{position:absolute;height:5px;bottom:6px;width:100%;line-height:0;cursor:pointer;}
ul.navigation li ul.subnav li,ul.navigation li ul.subnav li:nth-child(2){display:inline-block;height:5px;width:5px;float:none;border-radius:5px;margin:0 auto;}
ul.navigation li ul.subnav li a{background-color:#ccc;height:5px;width:5px;display:block;}
ul.navigation li ul.subnav li:last-child a{width:6px;padding:0;}
ul.navigation li ul.subnav li a:hover{background:#fff;}
ul.navigation li ul.subnav li.current a{background:red;}
ul.navigation li ul.subnav li.current a:hover{background:blue;}
.slide{display:none;position:fixed;width:100%;min-height:768px!important;margin:0 auto;}
p.intro-text{width:600px;font-size:18px;line-height:26px;text-align:center;font-weight:100;z-index:999;margin:0 auto 50px;}
.data-item-title{position:relative;width:100%;}
.data-item-title h3{background:#000;text-transform:uppercase;position:relative;z-index:999;display:inline-block;padding:0 8px 0 0;}
.data-item-title:after{content:' ';border-bottom:1px solid #3f3e3d;color:#BFB29E;font-size:13px;line-height:25px;text-transform:uppercase;position:absolute;top:28px;height:2px;width:100%;right:0;margin:0 0 6px;}

/* =============================================================================
   GLOBAL ITEMS
   ========================================================================== */
.inner-wrap{width:1000px;position:relative;margin:0 auto;}
.chapter-image{height:713px;width:1200px;display:block;position:absolute;top:44px;left:50%;margin-left:-600px;}
#progress{height:8px;background:#931D1D url(../graphics/progress-bar.jpg);bottom:0;z-index:99999;position:fixed;}
.data-item-title p{width:100%;text-align:left;font-weight:300;font-size:16px;color:#999;border:none;margin:0 0 10px;padding:0;}
a.info-btn{width:200px;height:23px;display:block;position:fixed;z-index:9999;line-height:25px;text-align:center;background:rgba(255,255,255,0.5);color:#333;font-weight:400;}
a.info-btn:hover{background:rgba(255,255,255,0.7);color:#000;}
.credits-wrap{top:545px;}
.credits-wrap p{font:normal 12px/23px Roboto, sans-serif;color:#D7D7D7;}
.scroll-nav-wrap{background:#000;height:96px;width:70px;display:block;position:fixed;bottom:20px;right:0;z-index:9999;}
.scroll-nav-wrap a.scroll-down,.scroll-nav-wrap a.scroll-down-2,.scroll-nav-wrap a.scroll-down-3,.scroll-nav-wrap a.scroll-up{background:url(../graphics/mk-sprite.png) 6px -3393px no-repeat;height:27px;width:70px;position:absolute;top:58px;right:0;cursor:pointer;display:none;z-index:99999;}
.scroll-nav-wrap a.scroll-down-2{z-index: 98; opacity: 0.4; -webkit-animation: downarw-2 5s infinite;}

@-webkit-keyframes downarw-2 {  
    0% {top:58px; -webkit-filter: brightness(100%);}
    50% {top:58px; -webkit-filter: brightness(100%);}
    100% {top:88px; -webkit-filter: brightness(0%);}  
}  

.scroll-nav-wrap a.scroll-up{background:url(../graphics/mk-sprite.png) 6px -3320px no-repeat;top:10px;border-bottom:1px solid #272222;padding:0 0 10px;}
.scroll-nav-wrap a.scroll-down:hover{background:url(../graphics/mk-sprite.png) -229px -3393px no-repeat;}
.scroll-nav-wrap a.scroll-up:hover{background:url(../graphics/mk-sprite.png) -229px -3320px no-repeat;}
.scroll-nav-wrap a.replay{color:#fff;position:absolute;bottom:20px;left:14px;}
.scroll-nav-wrap a.replay:hover{color:#FD2146;}

/* =============================================================================
   COMBINED STYLES
   ========================================================================== */
#frequency h4.intro-head,#triggers h4.intro-head,#relationship h4.intro-head,#weapons h4.intro-head,#suspects h4.intro-head,#failures h4.intro-head{position:absolute;text-align:right;z-index:9999;font-weight:100;}
h4 span{background-color:rgba(0,0,0,0.4);display:inline-block;margin:1px 0 0;padding:0 2px 2px;}
p.intro-text{border-top:1px solid #3F3E3D;border-bottom:1px solid #3F3E3D;color:#ccc;padding:10px 0 12px;}

/* =============================================================================
   SLIDE (TITLE PAGE)
   ========================================================================== */
#title .top-bg{background:#000 url(../graphics/title-top-bg.jpg);height:196px;width:100%;display:block;left:0;}
#title .inner-wrap{top:0;z-index:99999;}
#title .title-wrap{text-align:right;background:url(../graphics/title-bg.jpg) 14px 0 no-repeat;height:223px;}
#title .inner-wrap h1{color:#fff;font:normal 700 80px/1.1 Roboto, sans-serif;letter-spacing:.016em;white-space:nowrap;z-index:10;position:relative;left:0;top:53px;}
#title .inner-wrap h2{color:#c8c8c8;font:normal 100 20px/2.2 Roboto, sans-serif;letter-spacing:.09em;text-transform:uppercase;width:955px;position:relative;left:41px;top:60px;}
#title h5{position:fixed;color:#FD2146;right:73px;bottom:24px;font-size:14px;font-weight:400;width:215px;text-align:right;line-height:20px;}

/* =============================================================================
   SLIDE (INTRO)
   ========================================================================== */
#intro{background:#fff url(../graphics/slide-2-top-bg.jpg) repeat-x;display:block;left:0;width:100%;z-index:999;}
#intro p{font-size:18px;font-weight:300;width:861px;color:#000;top:150px;text-align:left;position:relative;margin:0 0 20px 67px;}
#intro p a{color: #000; text-decoration: underline; font-weight: 400;}
#intro p a:hover{color: #FD2146; text-decoration: underline;}

a.large-info-btn{background:url(../graphics/mk-sprite.png) -10px -471px;height:42px;width:42px;display:block;position:absolute;top:570px;left:469px;}
a.large-info-btn:hover{background-position:-201px -471px;cursor:pointer;}
.credits-wrap.methodology .reveal-modal{width:800px;left:50%;margin:0 0 0 -400px;}
.credits-wrap.methodology{top:-540px;left:35px;}
.credits-wrap.methodology .text-wrap{height:400px;width:100%;overflow-y:scroll;overflow-x:hidden;}
.credits-wrap.methodology .text-wrap p{margin:0 0 23px;}
.credits-wrap.methodology .text-wrap h5{color:#FD2146;font-size:14px;}
.credits-wrap.methodology .text-wrap ul{margin:0 0 15px;}
.credits-wrap.methodology .text-wrap ul li{color:#d7d7d7;list-style:square inside;text-indent:-1em;margin:4px 0;padding:0 0 0 20px;}
.credits-wrap.methodology h3{font-size:24px;font-weight:300;color:#FD2146;text-transform:uppercase;border-bottom:1px #CCC solid;margin:0 0 8px;padding:0 0 8px;}
.bdm-bdr{position:absolute;bottom:-15px;height:15px;width:100%;background:url(../graphics/bdm-bdr.png) repeat-x;}

/* =============================================================================
   SLIDE (FREQUENCY )
   ========================================================================== */
.chapter-image.chap_1-1 {background: url('../images/chapter-1/chapter_1-1.jpg');}
.chapter-image.chap_1-2 {background: url('../images/chapter-1/chapter_1-2.jpg');}

#frequency h4.intro-head{font-size:50px;font-weight:100;top:171px;left:25px;width:580px;text-align:left;line-height:1.0;z-index:999;}
#frequency h4.intro-head .row-one, #frequency h4.intro-head .row-two, #frequency h4.intro-head .row-three {position: absolute;}
#frequency h4.intro-head .row-one {top: 0; left: 207px;}
#frequency h4.intro-head .row-two {top: 53px; left: 14px}
#frequency h4.intro-head .row-three {top: 106px; left: 190px}
#frequency p.intro-text{position:absolute;width:454px;text-align:right;font:300 18px/27px Roboto, sans-serif;left:45px;font-weight:100;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0 12px;}
#frequency p.intro-text.block-two{position:absolute;width:398px;text-align:right;left:105px;font-size:14px;border:none;}

#ch1-chart {top: 50px}
#frequency .timeline-wrap {top: 70px;}
#frequency .fbi-data {top: 70px; position: relative; text-align: center;}
#frequency .fbi-data p{font-size: 18px; margin: 0 auto; display: block; width: 215px; position: absolute; font: 100 18px/1.3 'Roboto', sans-serif; text-align: right;}
#frequency .fbi-data p.row-one{top:141px; left: 151px; width: 184px;}
#frequency .fbi-data p.row-two{top:116px; left: 242px;}
#frequency .fbi-data p.row-two .bigger {font-size: 90px; font-weight: 700; letter-spacing: -4px;text-align: right;}
#frequency .fbi-data p.row-three{top:173px; left: 432px; width: 100px; text-align: left; line-height: 1.1}
#frequency .fbi-data p.row-four{width:400px; top:528px; left: 176px;}
#frequency .fbi-data p .percent {font-size: 30px; font-weight: 200; position: relative; top: -41px; left: -6px;}
.credits-wrap.frequency{bottom: 0; left: 221px;}
.credits-wrap.frequency a.close-reveal-modal{top: -13px; right: -15px;}
a.info-btn {left: 40%; bottom: 0px;}
.touch a.info-btn {left: 412px; bottom: 21px;}
.touch .reveal-modal {left: 262px;}

/* =============================================================================
   SLIDE (TRIGGERS)
   ========================================================================== */
.chapter-image.chap_2-1 {background: url('../images/chapter-2/chapter_2-1.jpg');}
.chapter-image.chap_2-2 {background: url('../images/chapter-2/chapter_2-2.jpg');}
#triggers h4.intro-head{font-size:36px;top:332px;right:33px;width:445px;text-align:right;line-height:1.2;z-index:9999;}
#triggers .smaller{font-size:35px;}
#triggers p.intro-text{right:33px;width:430px;text-align:right;}
#triggers p.intro-text.block-two{width:920px;text-align:left;border:none;}

/* =============================================================================
   SLIDE (RELATIONSHIP)
   ========================================================================== */
.chapter-image.chap_3-1 {background: url('../images/chapter-3/chapter_3-1.jpg');}
.chapter-image.chap_3-2 {background: url('../images/chapter-3/chapter_3-2.jpg');}
#relationship h4.intro-head {font-size: 36px; top: 176px; right: 23px; width: 700px; line-height: 1.1; z-index: 9999;}
#relationship .male-vs-female {margin: 40px 0;}
#relationship p.intro-text {right: 25px;}

/* =============================================================================
   SLIDE (WEAPONS)
   ========================================================================== */
.chapter-image.chap_4-1 {background: url('../images/chapter-4/chapter_4-1.jpg');}
.chapter-image.chap_4-2 {background: url('../images/chapter-4/chapter_4-2.jpg');}
#weapons h4.intro-head{text-align:left;font-size:46px;line-height:1;width:360px;top:322px;left:291px;}
#weapons p.intro-text{width:1024px;font-size:16px;text-align:left;z-index:999;font-weight:100;margin:0 0 10px;}
#weapons .chart-wrap {width: 100%;}
#weapons .red {background-color: rgba(0, 0, 0, 0.4);}

/* =============================================================================
   SLIDE (SUSPECTS)
   ========================================================================== */
/*.chapter-image.chap_5-1 {background: url('../images/chapter-5/chapter_5-1.jpg');}*/
.chapter-image.chap_5-2 {background: url('../images/chapter-5/chapter_5-2.jpg');}
/*.chapter-image.chap_5-3 {background: url('../images/chapter-5/chapter_5-3.jpg');}*/
/*.chapter-image.chap_5-4 {background: url('../images/chapter-5/chapter_5-4.jpg');}*/

#suspects h4.intro-head {top: 170px; right: 30px; width: 635px; line-height: 1.2;}
#suspects p.intro-text {width: 550px; right: 32px; font-size: 17px; text-align: right; z-index: 999; font-weight: 100;}
#suspects p.intro-text.block-two {width: 870px; left: 0; border: none; text-align: left;}

.suspects-caption h5 {font-size: 30px; font-weight: 100; margin: 10px 0 0;}
.suspects-caption cite {font-size: 11px; float: right;}
.suspects-caption p {font-size: 13px; margin:5px 0 0;}
.suspects-caption h6 {font-size: 16px; margin:20px 0 0; border-bottom: none; text-align: center;}

/* =============================================================================
   SLIDE (FAILURES)
   ========================================================================== */
.chapter-image.chap_6-1 {background: url('../images/chapter-6/chapter_6-1.jpg');}
.chapter-image.chap_6-2 {background: url('../images/chapter-6/chapter_6-2.jpg');}

#failures h4.intro-head{float:right;top:120px;right:70px;width:620px;line-height:1.0;}
#failures p.intro-text{width:430px;font-size:18px;text-align:right;z-index:999;right:77px;font-weight:100;margin:0 auto 50px;}

/* =============================================================================
   SLIDE (EXPLORE)
   ========================================================================== */
#explore .ts-events {margin: 5px 0 0 10px !important;}

/* =============================================================================
   CASES
   ========================================================================== */
.cases{display:block;top:100px;left:0;width:100%;z-index:9990;}
.cases .inner-wrap{width:940px;display:block;height:550px;position:absolute;left:50%;font:normal 700 14px/1.5 Roboto, sans-serif;margin:0 0 0 -450px;}
.case{background:#e0e0e0 url(../graphics/case_bg.jpg);overflow:hidden;width:700px;position:relative;padding:0 0 20px;}
.case-sidebar{float:left;font:normal 700 14px/1.6 Roboto, sans-serif;width:241px;margin:26px 30px 0 10px;padding:0 0 0 10px;}
.case-sidebar .case-image img{border:1px solid #999;}
.case-sidebar .icon-stats-wrap{display:block;}
.case-sidebar .case-icon{float:left;}
.case-sidebar ul.case-stats{width:130px;float:left;text-transform:uppercase;font-size:13px;margin:-5px 0 0 20px;}
.case-sidebar ul.case-stats li{margin:5px 0 0;}
.case-sidebar p.credit{font-size:9px;text-align:right;color:#999;text-transform:uppercase;margin:-2px 0 0;}
.case-sidebar p.cutline{font-size:11px;line-height:17px;color:#333;border-bottom:1px solid #CCC;margin:5px 0 15px;padding:0 0 15px;}
article{float:left;width:360px;margin-top:19px;vertical-align:top;}
p.case-quote{top:25px;left:190px;color:#000;font:normal 700 32px/1.2 Roboto, sans-serif;margin-bottom:10px;}

.source {font-size: 10px; font-style: italic; line-height: 17px; color: #666; display: block; text-align: right; margin: 3px 0 20px;}
.case-body {top: 160px; left: 190px;}
.case-main  p.case-quote {font: normal 700 20px/1.3 'Roboto', sans-serif; margin: 0 0 5px;}
.case-main p {margin: 0 0 15px; font-size: 12px; line-height: 19px; color:#333;}

ul.tabs {margin: 0; padding: 0; list-style: none; width: 240px; float: right; font-size: 16px; text-transform: uppercase;}
ul.tabs li {text-indent: 45px; position: relative; margin: 15px 0 0; background: rgba(68, 77, 89, 0.6); zoom: 1; filter: alpha(opacity=60); opacity: 0.6;}
ul.tabs li:hover {background: rgba(68, 77, 89, 0.8); zoom: 1; filter: alpha(opacity=90); opacity: 0.9;}
ul.tabs li a {color: #fff; display: block; padding: 0 10px 0 15px; outline: none; height: 42px; line-height: 42px; cursor: pointer; text-transform: uppercase; }
ul.tabs li.active a{color: #000;}
ul.tabs li.active, ul.tabs li.active:hover {color: #fff; background: url('../graphics/mk-sprite.png') -10px -350px no-repeat; zoom: 1; filter: alpha(opacity=100); opacity: 1;}

#ch1-cases ul.tabs li.case-1 a {background-position: 3px -596px;}
#ch1-cases ul.tabs li.case-1.active a {background-position: -231px -596px;}
#ch1-cases ul.tabs li.case-1.active a:hover {background-position: -466px -596px;}
#ch1-cases ul.tabs li.case-2 a {background-position: 3px -666px;}
#ch1-cases ul.tabs li.case-2.active a {background-position: -231px -666px;}
#ch1-cases ul.tabs li.case-2.active a:hover {background-position: -466px -666px;}

#ch2-cases ul.tabs li.case-1 a {background-position: 3px -737px;}
#ch2-cases ul.tabs li.case-1.active a {background-position: -231px -737px;}
#ch2-cases ul.tabs li.case-1.active a:hover {background-position: -466px -737px;}
#ch2-cases ul.tabs li.case-2 a {background-position: 3px -807px;}
#ch2-cases ul.tabs li.case-2.active a {background-position: -231px -807px;}
#ch2-cases ul.tabs li.case-2.active a:hover {background-position: -466px -807px;}
#ch2-cases ul.tabs li.case-3 a {background-position: 3px -876px;}
#ch2-cases ul.tabs li.case-3.active a {background-position: -231px -876px;}
#ch2-cases ul.tabs li.case-3.active a:hover {background-position: -466px -876px;}
#ch2-cases ul.tabs li.case-4 a {background-position: 3px -950px;}
#ch2-cases ul.tabs li.case-4.active a {background-position: -231px -950px;}
#ch2-cases ul.tabs li.case-4.active a:hover {background-position: -466px -950px;}

#ch3-cases ul.tabs li.case-1 a {background-position: 3px -1016px;}
#ch3-cases ul.tabs li.case-1.active a {background-position: -231px -1016px;}
#ch3-cases ul.tabs li.case-1.active a:hover {background-position: -466px -1016px;}
#ch3-cases ul.tabs li.case-2 a {background-position: 3px -1087px;}
#ch3-cases ul.tabs li.case-2.active a {background-position: -231px -1087px;}
#ch3-cases ul.tabs li.case-2.active a:hover {background-position: -469px -1087px;}

#ch4-cases ul.tabs li.case-1 a {background-position: 3px -1226px;}
#ch4-cases ul.tabs li.case-1.active a {background-position: -231px -1226px;}
#ch4-cases ul.tabs li.case-1.active a:hover {background-position: -466px -1226px;}
#ch4-cases ul.tabs li.case-2 a {background-position: 3px -1296px;}
#ch4-cases ul.tabs li.case-2.active a {background-position: -231px -1296px;}
#ch4-cases ul.tabs li.case-2.active a:hover {background-position: -466px -1296px;}
#ch4-cases ul.tabs li.case-3 a {background-position: 3px -1366px;}
#ch4-cases ul.tabs li.case-3.active a {background-position: -231px -1366px;}
#ch4-cases ul.tabs li.case-3.active a:hover {background-position: -466px -1366px;}
#ch4-cases ul.tabs li.case-4 a {background-position: 3px -1156px;}
#ch4-cases ul.tabs li.case-4.active a {background-position: -231px -1156px;}
#ch4-cases ul.tabs li.case-4.active a:hover {background-position: -466px -1156px;}

#ch5-cases ul.tabs li.case-1 a {background-position: 3px -1436px;}
#ch5-cases ul.tabs li.case-1.active a {background-position: -231px -1436px;}
#ch5-cases ul.tabs li.case-1.active a:hover {background-position: -466px -1436px;}
#ch5-cases ul.tabs li.case-2 a {background-position: 3px -1506px;}
#ch5-cases ul.tabs li.case-2.active a {background-position: -231px -1506px;}
#ch5-cases ul.tabs li.case-2.active a:hover {background-position: -466px -1506px;}
#ch5-cases ul.tabs li.case-3 a {background-position: 3px -1576px;}
#ch5-cases ul.tabs li.case-3.active a {background-position: -231px -1576px;}
#ch5-cases ul.tabs li.case-3.active a:hover {background-position: -466px -1576px;}
#ch5-cases ul.tabs li.case-4 a {background-position: 3px -1646px;}
#ch5-cases ul.tabs li.case-4.active a {background-position: -231px -1646px;}
#ch5-cases ul.tabs li.case-4.active a:hover {background-position: -466px -1646px;}

ul.tabs li a {background-image: url('../graphics/mk-sprite.png'); background-position: -784px -689px;}
ul.tabs li.active a {background-position: -10px -880px;}
ul.tabs li.active a:hover {background-position: -782px -690px; color: #fff;}
ul.tabs li.active a:before {content:" "; height: 59px; width: 21px; background: url('../graphics/mk-sprite.png') -10px -181px no-repeat; display: block; left: -16px; top: -5px; position: absolute; z-index: 999;}

/* =============================================================================
   GUN CHART
   ========================================================================== */
.gun-data .inner-wrap {top: 22px;}
.gun-data .row-1, .gun-data .row-2, .gun-data .row-3{position: relative; height: 160px; display: block; -webkit-box-shadow: 0 -5px 14px -2px black; -moz-box-shadow: 0 -5px 14px -2px black; box-shadow: 0 -5px 14px -2px black;}
.gun-data .total-number {width: 241px; display: block; height: 160px; text-align: center; padding: 15px 0;}
.gun-data .total-number h4 {color: #fff; font-size: 18px; font-weight: 100;}
.gun-data .total-number h5 {color: #ff2244; font-size: 60px; font-weight: 700; margin: -10px 0 0; letter-spacing: -2px; text-shadow: 1px 2px 2px #000;}
.gun-data .total-number h5 .percent {font-size: 30px; font-weight: 200; position: relative; top: -22px;}
.gun-data .row-1{background-color:rgba(68,78,90,0.25);}
.gun-data .row-2{background-color:rgba(68,78,90,0.35); height: 170px;}
.gun-data .row-3{background-color:rgba(68,78,90,0.45);}
.gun-data .block {height: 100px; width: 270px; position: absolute; background-image: url('../graphics/guns-sprite.png');}
.gun-data .block > h4, h5 {color: #fafafa; position: relative;}
.gun-data .block h4 {font-size: 18px; font-weight: 700;}
.gun-data .block h4 .small-percent {font-size: 12px; position: relative; top: -4px;left: 2px; background: none;}
.gun-data .block h5 {font-size: 12px; font-weight: 100; text-transform: uppercase;}
.gun-data .block.semi-handgun {top: 16px; left: 260px; background-position: -10px -10px;}
.gun-data .block.semi-handgun h4 {top: 33px; left: -28px;}
.gun-data .block.semi-handgun h5 {top: 33px; left: 52px;}
.gun-data .block.revolver-handgun {top: 15px; left: 475px; background-position: -10px -201px;}
.gun-data .block.revolver-handgun h4 {top: 33px; left: -16px;}
.gun-data .block.revolver-handgun h5 {top: 33px; left: 81px;}
.gun-data .block.assault-pistol {top: 8px; left: 717px; background-position: -10px -400px;}
.gun-data .block.assault-pistol h4 {top: 33px; left: 14px;}
.gun-data .block.assault-pistol h5 {top: 33px; left: 122px;}
.gun-data .block.single-shot-rifle {top: 8px; left: 260px; background-position: -10px -960px;}
.gun-data .block.single-shot-rifle h4 {top: 21px; left: 2px;}
.gun-data .block.single-shot-rifle h5 {top: 21px; left: 119px;}
.gun-data .block.semi-auto-rifle {top: 55px; left: 467px; background-position: -10px -610px}
.gun-data .block.semi-auto-rifle h4 {top: 26px; left: 30px;}
.gun-data .block.semi-auto-rifle h5 {top: 26px; left: 148px;}
.gun-data .block.auto-rifle {top: -5px; left: 734px; background-position: -10px -770px;}
.gun-data .block.auto-rifle h4 {top: 35px; left: 14px;}
.gun-data .block.auto-rifle h5 {top: 35px; left: 131px;}
.gun-data .block.shotgun {top: 28px; left: 260px; background-position: -10px -1115px;}
.gun-data .block.shotgun h4 {top: 24px; left: -12px;}
.gun-data .block.shotgun h5 {top: 24px; left: 106px;}

/* =============================================================================
   FOOTER
   ========================================================================== */
.footer {background: #fff; display: block; height: 370px; position: fixed; width: 100%;}
.footer:before {content: " "; display: block; background: #000 url('../graphics/footer-top-bg.png') repeat-x; height: 108px;}
.footer .inner-wrap {top: 0}
.footer .inner-wrap .title-wrap {width: 405px; height: 129px; display: block; background: url('../graphics/mk-sprite.png') no-repeat 392px -4270px; margin: 0 0 40px 20px; font-family: 'Roboto', sans-serif; position: relative;}
.footer .inner-wrap .title-wrap h4 {font-weight: 700; font-size: 32px; color: #000; position: absolute; right: 18px; top: 25px; text-align: right;}
.footer .inner-wrap .title-wrap p {font-size: 11px; font-weight:300; position: absolute; top: 62px; right: 20px; color: #333;}
.footer .inner-wrap .credits-wrap {width:542px; position: absolute; top: 8px; right: 14px; display: block;}
.footer .inner-wrap .credits-wrap p {display: block; font: normal 13px/1.5 'arial',sans-serif; color: #666; float: left; margin: 0 0 10px;}
.footer .inner-wrap .credits-wrap p strong {color: #333; font-weight: 700;}
.footer .inner-wrap .credits-wrap p a {color: #333; font-weight: 700;}
.footer .inner-wrap .credits-wrap p a:hover {text-decoration: underline;}
.footer .inner-wrap .social {position: absolute; top: 85px; right: 15px; text-indent: -5000px;}
.footer .inner-wrap .social .facebook, .footer .inner-wrap .social .twitter {height: 25px; width: 29px; display: block; background-image: url('../graphics/mk-sprite.png'); position: absolute; cursor:pointer;}
.footer .inner-wrap .social a.facebook {background-position: -10px -2674px; right: 46px;}
.footer .inner-wrap .social a.facebook:hover {background-position: -245px -2674px;}
.footer .inner-wrap .social a.twitter {background-position: -10px -2850px; right: 10px;}
.footer .inner-wrap .social a.twitter:hover {background-position: -245px -2850px;}
.footer .inner-wrap a.top-arw {position: absolute; top: -160px; right: 20px; background: url('../graphics/mk-sprite.png') -8px -3320px; height: 30px; width: 45px; color: #ccc; padding: 31px 0 0;}
.footer .inner-wrap a.top-arw:hover {background-position: -243px -3320px}
.footer .copyright {background: #000 url('../graphics/copyright-top-bg.png') 1px -1px repeat-x; height: 90px; position: absolute; bottom:0; width: 100%;}
.footer .copyright p {text-align: center; color: #999; font-size: 12px; margin: 46px 0 0;}

.ipad_vert_wrapper {display: none}
@media only screen and (device-width: 768px) and (orientation:portrait) {
    .touch body {background: #333;}
    .touch #ipad_wrap {display: none;}
    .touch .ipad_vert_wrapper {display: block; width: 100%; overflow: hidden; position: absolute; height: 100%; top: 0;}
    .touch .ipad_vert_wrapper h2 {display:inline; color:#0F9;}
    .touch .ipad_vert_wrapper #header{text-align: center; overflow: hidden; min-width:500px; max-width:768px;}
    .touch .rotate_icon {display: block; height: 204px; width: 187px; margin: 200px auto 20px; background: url('../graphics/rotate-ipad.png');}
    .touch #progress {display: none}
    .touch h6.rotate_text {width:200px; margin:0 auto; font:normal 700 14px/1.5 Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
}

    /* Android Tablet (portrait) ----------- */
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) {
    .touch body {background: #333;}
    .touch #ipad_wrap {display: none;}
    .touch .ipad_vert_wrapper {display: block; width: 100%; overflow: hidden; position: absolute; height: 100%; top: 0;}
    .touch .ipad_vert_wrapper h2 {display:inline; color:#0F9;}
    .touch .ipad_vert_wrapper #header{text-align: center; overflow: hidden; min-width:500px; max-width:768px;}
    .touch .rotate_icon {display: block; height: 204px; width: 187px; margin: 200px auto 20px; background: url('../graphics/rotate-ipad.png');}
    .touch #progress {display: none}
    .touch h6.rotate_text {width:200px; margin:0 auto; font:normal 700 14px/1.5 Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
    }

.lt-ie9 .prog-container {display: none;}

.ie8-only {display: none}
.lt-ie9 .hide-ie8 {display: none; margin: 0 20px; z-index: 999999; background: red; height: 200px; overflow: hidden;}
.lt-ie9 .ie8-only {display: block; height: 400px; margin: 0 20px 20px; text-align: center; position: relative;}
.lt-ie9 .ie8-only .mk-title {height:213px; width: 1054px; background: url('../graphics/ie8-head.jpg'); display: block; margin: 50px auto;}
.lt-ie9 .ie8-only .top-wrap {background:#fef76e; display: block; height: 115px; width: 800px; margin: 0 auto; position: relative;}
.lt-ie9 .ie8-only .top-wrap h6 {font-size: 24px; font-weight: 700; width: 390px; margin: 18px 0 0; position: absolute; left: 0; top: 5px; text-align: right;}
.lt-ie9 .ie8-only .top-wrap ul {width: 360px; margin: 30px auto; margin: 10px 0; position: absolute; right: 0;}
.lt-ie9 .ie8-only .top-wrap ul li {display: inline; float:left; width:95px; height: 95px; font-size: 10px; color: #333; font-weight: 700; padding: 5px 0 0;}
.lt-ie9 .ie8-only .top-wrap ul li:hover {background: #d7d157}
.lt-ie9 .ie8-only .top-wrap ul li img {margin: 0 0 5px; max-width: 65%;}