.annual-report {position:relative;}

h1, h2, h3, h4, h5 {color:#000; line-height:1.2;}
a {color:#00aeef;}
a:hover {color:#000;}
p.button a, a.button, .button a {background:#00aeef;}
p.button a:hover, a.button:hover, .button a:hover {background:#0089d0;}

.header, .video-info {padding:200px 0;}
.box {background:rgba(0,0,0,0.31); padding:10px; margin:0 0 10px;}
.box h1 {color:#fff; font-size:80px; line-height:1; text-transform:uppercase; text-align:center;}
.box.report-title h1 {font-size:140px;}

#tubular-shield {background:transparent;}


header {background:#222;}
header ul {margin:0; padding:0; list-style-type:none; display:block; text-align:right;}
header ul li {margin:0; padding:0; display:inline-block;}
header ul li a {padding:25px 15px; display:block; font-family:'Cachet Bold'; text-decoration:none; color:#666; transition: all 0.3s ease-out 0s;}
header ul li a:hover {color:#fff;}
header ul li a.active {background:#fff; color:#222;}
.sticky .row {max-width:100%;}
.sticky h4 {margin:14px 0 0;}
.sticky h4 a {text-decoration:none;}
.sticky h4 a:hover {color:#fff;}
.sticky.stuck {position:fixed; width:100%; top:0; z-index:1000;}
.ar-logo {padding-top:10px;}
.ar-logo img {width:70px; float:left;}
.ar-logo h4 {text-transform:uppercase; color:#fff;}

.mobile-menu {display:none;}
.showMobile {margin-top:22px;}

.section {padding:50px 0;}
.section .title {text-align:center; text-transform:uppercase; font-size:60px;}

.section .toggle-button {display:block; width:100%; text-align:left; background:#00aeef; position:relative;}
.section .toggle-button:focus {background:#00aeef;}
.section .toggle-button:hover {background:#0089d0;}
.section .toggle-button:after {content:'+'; position:absolute; font-size:25px; right:7px; top:6px;}
.section .toggle-button.clicked:after {content:'-'; right:9px;}
.section .toggle-content {display:none; padding:20px;}

.stats {margin-top:40px;}
.stats ul {margin:0; padding:0; list-style-type:none; text-align:center;}
.stats ul li {display:inline-block; vertical-align:top;}
    .stats.col1 ul li {width:100%;}
    .stats.col2 ul li {width:49%;}
    .stats.col3 ul li {width:32%;}
    .stats.col4 ul li {width:24%;}
.stats .item {text-align:center; color:#7c7c7c; max-width:345px; margin:0 auto 0;}
.stats .item .number {font-size:55px; font-family:'Cachet Bold', sans-serif; color:#fff;}
.stats .item p {font-weight:700;}

.staff {text-align:center; max-width:1000px; margin:0 auto;}
.staff ul {text-align:center; display:block; list-style-type:none; margin:0; padding:0;}
.staff ul li {max-width:220px; display:inline-block; margin:0; padding:0 5px 15px;}
.staff .item {height:310px; width:175px; border-radius:6px; -webkit-border-radius:6px; position:relative; overflow:hidden; transition: all .1s ease-in-out}
.staff .item .detail {position:absolute; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,.8); padding:110px 15px 0; display:none;}
.staff .item:hover {}
.staff .item:hover .detail {display:block;}
.staff .item .detail h5 {color:#fff; font-size:22px; text-transform:uppercase; line-height:1;}
.staff .item .detail hr {border-color:#666; margin:10px 0;}
.staff .item .detail p {color:#fff; font-weight:700; font-size:14px;}

.flexslider {background:transparent;}
.flexslider .flex-viewport {margin-bottom:60px;}
.flexslider .slides .item {padding:0 30px;}
.flexslider .slides img {border-radius:8px; -webkit-border-radius:8px;}
.flexslider:hover .flex-next {right:0;}
.flexslider:hover .flex-prev {left:0;}
.flexslider .slides .item.image-on-top img {padding:0 15px 0;}
.flexslider .slides .item.image-on-top h3 {text-align:center; margin:5px 0;}

.flex-control-paging li a {background:#869791; opacity:.5;}
.flex-control-paging li a:hover {opacity:1;}
.flex-control-paging li a.flex-active {background:#00aeef; opacity:1;}

.flex-direction-nav a {color:#869791; opacity:.5;}
.flex-direction-nav a:hover {color:#00aeef; opacity:1;}

table {border-bottom:1px solid #fff; border-left:1px solid #fff; margin-top:30px;}
table tr td {border-top:1px solid #fff; border-right:1px solid #fff; padding:7px 15px;}
table tr td.cta {background:rgba(126, 192, 234, 0.4); font-family:'Cachet Bold'; font-size:24px;}

.mobile-menu {position:relative;}
.slicknav_btn {top:8px; background: url(graphics/images/menu.png) no-repeat center center !important; background-size: contain !important; margin:0;}
ul.slicknav_nav {background:transparent !important; text-align:left; margin:10px 0 !important;}
.slicknav_nav a {font-weight:500; color:#666; border-top:1px solid #333; padding:10px;}
.slicknav_nav a:hover {border-radius:0;}
.slicknav_nav a.active:hover {color:#000 !important; border-radius:0;}


.footer p {text-align:center; font-size:12px;}




@media only screen and (max-width: 767px) { 
    ul.menu.desktop {display:none;}
    .ar-logo {padding: 8px 0;}
    
    .mobile-menu ul {margin:10px 20px 0; text-align:left;}
    .mobile-menu ul li {display:block; border-top: 1px solid #333;}
    .mobile-menu ul li a {padding:10px;}
    
    header {padding-bottom:10px;}
    
}

@media only screen and (max-width: 1300px) { 
    .video-info .box h1 {font-size:60px;}
    .video-info .box.report-title h1 {font-size:100px;}
    .video-info {padding:100px 0;}
}

@media only screen and (max-width: 1024px) { 
    .box h1 {font-size:60px;}
    .box.report-title h1 {font-size:100px;}
    .header {padding:150px 0;}
    
    .stats .item .number {font-size:45px;}
    
    .section .title {font-size:55px;}
    
    header ul li a {padding: 20px 10px; font-size:15px;}

}

@media only screen and (max-width: 860px) { 
    .video-info .box h1 {font-size:30px;}
    .video-info .box.report-title h1 {font-size:60px;}
    .video-info {padding:100px 0;}
}

@media only screen and (max-width: 640px) { 
    .header .box h1 {font-size:30px;}
    .header .box.report-title h1 {font-size:60px;}
    
    .section .title {font-size:45px;}
    
    .staff .item .detail {display:block; top:200px; padding-top:15px;}
    .staff .item .detail p {font-size:12px;}
    .staff .item .detail hr {margin:5px 0;}
    .staff .item .detail h5 {font-size:18px;}
    
    .highlights .flexslider .slides .item {padding:0;}
    .highlights .flexslider .slides .item .detail {padding-top:20px;}
    
    .flex-direction-nav {display:none;}
}