.annual-report {position:relative;}

h1, h2, h3, h4, h5 {line-height:1.2;}
.white-bg {background: #fff;}
.grey-bg {background: #ddd;}
p.button.white-bg a, a.button.white-bg, .button.white-bg a {background:#ffffff; color:#222;}
p.button.white-bg a:hover, a.button.white-bg:hover, .button.white-bg a:hover {background:#dedede;}
p.button.grey-bg a, a.button.grey-bg, .button.grey-bg a {background:#ddd; color:#222;}
p.button.grey-bg a:hover, a.button.grey-bg:hover, .button.grey-bg a:hover {background:#c5c5c5;}

.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;}

.light-bg h1, .light-bg h2, .light-bg h3, .light-bg h4, .light-bg h5, .light-bg h6, .light-bg p, .light-bg ul, .light-bg ol {color:#fff;}
.medium-bg h1, .medium-bg h2, .medium-bg h3, .medium-bg h4, .medium-bg h5, .medium-bg h6, .medium-bg p, .medium-bg ul, .medium-bg ol {color:#fff;}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg ul, .dark-bg ol {color:#fff;}

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:#ffffff; transition: all 0.3s ease-out 0s;}
header ul li a:hover {color:#222; background:#fff;}
header ul li a.active {background:#fff; color:#222;}
.ar-sticky .row {max-width:100%;}
.ar-sticky h4 {margin:14px 0 0;}
.ar-sticky h4 a {text-decoration:none;}
.ar-sticky h4 a:hover {color:#fff;}
.ar-sticky.stuck {
    position:fixed; 
    width:100%; 
    top:0; 
    z-index:1000;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.34);
}
.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 {
    position: relative;
    height: 27px;
    width: 35px;
    cursor: pointer;
    transition: opacity .25s ease;
    float:right;
    display:none;
    margin:17px 0 0 ;
}
.showMobile span {
    background:#fff;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}
.showMobile span:nth-of-type(2) {top: 11px;}
.showMobile span:nth-of-type(3) {top: 22px;}
/* end Custom mobile Menu */
@media screen and (max-width: 767px) {
.showMobile {display:block;}
}

.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: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; max-width:345px; margin:0 auto 0;}
.stats .item .number {font-size:55px; font-family:'Cachet Bold', sans-serif;}
.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 img {border-radius:6px; -webkit-border-radius:6px;}
.staff .item .detail {padding:10px;}
.staff .item .detail .title {font-size:22px; text-transform:uppercase; line-height:1; font-family: 'Cachet Bold', Verdana, sans-serif; font-size:22px; text-transform:initial; font-weight:400; margin:0;}
.staff .item .detail hr {border-color:#dadada; margin:8px 0 2px;}
.staff .item .detail p {color:; 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 h3 {text-align:center; margin:5px 0;}

.flex-control-paging li a {background:#cecece; opacity:.5;}
.flex-control-paging li a:hover {opacity:.8; background:#cecece;}
.flex-control-paging li a.flex-active {background:#dadada; opacity:1;}
.flex-direction-nav a {color:#cecece; opacity:.5;}
.flex-direction-nav a:hover {color:#cecece; opacity:.8;}

.dark-nav .flex-control-paging li a {background:#868686; opacity:.5;}
.dark-nav .flex-control-paging li a:hover {opacity:.8; background:#868686;}
.dark-nav .flex-control-paging li a.flex-active {background:#6c6c6c; opacity:1;}
.dark-nav .flex-direction-nav a {color:#868686; opacity:.5;}
.dark-nav .flex-direction-nav a:hover {color:#868686; opacity:.8;}

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 {padding:10px 0;}
.footer p {text-align:center; font-size:12px; margin:0;}


@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;}
    .ar-logo img {width:55px;}
    .sticky h4 {margin-top:9px;}

}

@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;}
    
    .highlights .flexslider .slides .item {padding:0;}
    .highlights .flexslider .slides .item .detail {padding-top:20px;}
    
    .flex-direction-nav {display:none;}
}