body {margin:0; }
.franklin {font-family: "franklin", sans-serif; }
.page-width {width:600px; margin:0 auto; text-align: center; background: white; }

.be-header {width:100%; height:100px; border-bottom:1px solid grey; position: relative;}
    .be-logo {position: absolute; left:0; width:140px; height:100px; top:0;}
        .be-logo img {position: absolute; top:35px; left:0; width:120px;}
        .be-header-title {font-size: 18px; line-height: 22px; font-weight: bold; text-align: left; padding:31px 15px; width:150px; height:39px; background: #2DB4C0; color:white; position: absolute; top:0; left:141px;}
        .be-header-subtitle {font-size: 12px; line-height: 16px;  text-align: left; padding:31px 18px; width:174px; height:39px;  position: absolute; top:0; left:321px; border-right:1px solid grey;}
        .be-header-date {font-size: 18px; line-height: 22px; text-align: ce; font-weight: bold; position: absolute; right:0; padding:33px 0; width:48px; }
        
.be-intro {width:400px;  padding:60px 100px ; height:205px; position: relative; }
    .be-intro-title {font-size: 40px; line-height: 50px; text-align: left;}
    .be-underline {width:180px; height:6px; margin-top:4px; background:#2DB4C0; }
    .be-intro-map {width:295px; position: absolute; bottom: -10px; right:146px;}
        .be-intro-map #map {width:295px; }
    .trevor-pic {width:95px; position: absolute; right:50px; top:130px;}
    .comedycentral-pic {width:95px; height:95px; border-radius: 50%; background:#808080; position: absolute; right:50px; top:240px;}
        .comedycentral-pic img {width:45px; position: absolute; left:25px; top:16px; }
    
.be-descrip { width:400px; height:80px; padding:30px 100px ; background:#E6E6E6; text-align: left; }
    .be-descrip-text {font-size: 14px; line-height: 18px; margin-top:4px;}
.be-socialmedia { width:400px; height:135px; padding:60px 100px ; border-bottom:6px solid #2DB4C0;  }
    .be-socialmedia-text {font-size: 20px; font-weight: bold;}
    .be-socialmedia-box {height:120px;}
        .be-socialmedia-icon {display: inline-block; margin-top:50px; margin-right:2px; margin-left:2px; position: relative; top:-6px; }
            .be-socialmedia-icon svg {display: none;}
            .enlarge .be-socialmedia-icon svg {display: inline-block;}
        .be-socialmedia-bubble-container {width:0px; height:95px; display: inline-block; margin-top:10px; position: relative; -webkit-transition: all 1s ;-moz-transition: all 1s ; -ms-transition: all 1s ; -o-transition: all 1s ; transition: all 1s ;}
        .be-socialmedia-bubble {width:0px; height:0px; left:0; top:50%; border-radius: 50%; background:#EA282E; display: inline-block; margin-top:-0px; -webkit-transition: all 1s ;-moz-transition: all 1s ; -ms-transition: all 1s ; -o-transition: all 1s ; transition: all 1s ;}
        .enlarge .be-socialmedia-bubble-container { width:95px; margin-left:5px; margin-right:5px; }
        .enlarge .be-socialmedia-bubble {width:95px; height:95px; position: absolute; margin-top:-47px;  }
        .enlarge .be-socialmedia-icon { margin-top:50px; top:-36px; }
        .enlarge .be-socialmedia-icon.lastone {margin-right:56px;}
            .be-socialmedia-bubble-text {display:inline-block; font-size: 36px; margin-left:-34px; margin-top:-17px; color:transparent; position: absolute; top:50%; left:50%; -webkit-transition: all 1s ;-moz-transition: all 1s ; -ms-transition: all 1s ; -o-transition: all 1s ; transition: all 1s ;}
            .enlarge .be-socialmedia-bubble-text { color:white; }
    
.be-mentions { width:400px; height:65px; padding:20px 100px ; border-bottom: 1px solid grey; position: relative; }
    .be-mentions-number {font-size: 30px; margin-top:3px;}
    .be-mentions-text {font-size: 20px; font-weight: bold; color:#EA282E; margin-top:3px;}
    .be-mentions-icon {position: absolute; top:-19px; left:0; margin-left:-12px; width:40px; -webkit-transition: all 1.7s ;-moz-transition: all 1.7s ; -ms-transition: all 1.7s ; -o-transition: all 1.7s ; transition: all 1.7s ; }
        .be-mentions-icon img {width:36px; }
        .shiftToCenter .be-mentions-icon {left:50%; margin-left:-20px;}
.be-authors { width:400px; height:80px; padding:20px 100px ; position:relative; }
    .be-authors-number {font-size: 30px; margin-top:-8px;}
    .be-authors-text {font-size: 20px; font-weight: bold; color:#EA282E; margin-top:3px;}    
    .be-authors-icon {position: absolute; top:-22px; left:0; margin-left:-5px; width:26px; -webkit-transition: all 1.8s ;-moz-transition: all 1.8s ; -ms-transition: all 1.8s ; -o-transition: all 1.8s ; transition: all 1.8s ; }
        .be-authors-icon img {width:26px; }
        .shiftToCenter .be-authors-icon {left:50%; margin-left:-13px;}
.be-methods { width:410px; height:40px; padding:50px 95px ; background:#2DB4C0; color:white; }
    .be-methods-text {font-size: 14px; line-height: 20px; margin-top:4px;}
.be-sceptical { width:400px; height:276px; padding:50px 100px ; background:#E6E6E6;}
    .be-sceptical-title {font-size: 28px; font-weight: bold; margin-top:12px; }
    .be-sceptical-text {font-size: 14px; margin-top:20px;}
    .be-sceptical-box {height:162px; }
        .be-sceptical-point-container {display: inline-block; height:95px; width:95px; position: relative; top:38px;}
        .be-sceptical-point {font-size:14px; font-weight: bold; display: inline-block; height:55px; width:95px; border-radius:50%; border:1px solid black; padding-top:40px; margin-left:3px; margin-right:3px; }
        .be-sceptical-point {display: none; position: absolute; top:0; left:0; }
        
        
.be-hottopic { width:600px; height:auto; padding:60px 0; padding-bottom:30px; border-bottom:1px solid grey;}
    .be-hottopic-width { width:450px; padding:0 75px;}
    .be-hottopic-title {font-size: 28px; line-height: 30px; font-weight: bold;}
    .be-hottopic-link {font-size: 20px; font-weight: bold; color:#2DB4C0; margin-top:22px; text-decoration: underline; }
    .be-hottopic-link a {color: inherit;}
    .be-hottopic-text {font-size: 14px; margin-top:8px;}
    .be-hottopic-box {width:60px; height:35px; overflow: hidden; padding-top:10px; background:#E6E6E6; display: inline-block; position: relative; margin-top:10px; -webkit-transition: all 0.6s ;-moz-transition: all 0.6s ; -ms-transition: all 0.6s ; -o-transition: all 0.6s ; transition: all 0.6s ; }
    .be-hottopic-box:hover {background:#2DB4C0; width:560px; height:305px;  }
    .video {display: none; opacity: 0;}
    .be-hottopic-box:hover .video {display: block; opacity: 1; position: absolute; top:0; left:0; }
    .be-hottopic-box.keepopen .video {display: block; opacity: 1; position: absolute; top:0; left:0; }
    .be-hottopic-box.keepopen  {background:#2DB4C0; width:560px; height:305px;  }
    
.be-spike { width:400px; height:324px; padding:60px 100px ; }
    .be-spike-title {font-size: 28px; font-weight: bold; line-height: 31px;}
    .be-spike-number {font-size: 60px; }
    .be-spike-text {font-size: 20px; font-weight: bold; color:#EA282E;}
    .be-spike-box {height:158px; padding-top:12px; position: relative; }
        .spike-line {height:25px; width:100%; }
            .spike-person {height:25px; display: inline-block; margin:0 10px; position: relative;}
                .spike-person-svg {position: absolute; top:0; left:0;}
            .spike-outline {margin-top:5px; height:15px; width:50px; display: inline-block; border-top:1px solid black; border-left:1px solid black; -webkit-transition: all 1.8s ;-moz-transition: all 1.8s ; -ms-transition: all 1.8s ; -o-transition: all 1.8s ; transition: all 1.8s ; }
            .spike-outline.last {border-right:1px solid black;}
            .spike-outline-centerleft {margin-top:5px; display: inline-block; border-right:1px solid black; width:36px; height:15px; -webkit-transition: all 1.8s ;-moz-transition: all 1.8s ; -ms-transition: all 1.8s ; -o-transition: all 1.8s ; transition: all 1.8s ; }
            .spike-outline-centerright {margin-top:5px; display: inline-block;  width:36px; height:15px; }
    .animate-coins-row {position: relative; margin-top:34px;}
        .animate-coin{display: inline-block; margin:0 8px; position: relative;}
        .animate-coin .animatable {position:absolute; left:0; top:0; z-index: 10; opacity: 0;}

.be-AVE { width:400px; height:150px; padding:50px 100px ;  background:#E6E6E6; position: relative; }
    .animate-coin-pouch {position: absolute; left:50%; top:15px; margin-left:-30px; width:60px; height:22px; background:#E6E6E6; border-top:6px solid white; z-index: 20; }
    .be-AVE-number {font-size: 30px; }
    .be-AVE-text {font-size: 20px; font-weight: bold; color:#EA282E; margin-top: 6px;}
    .calendar {position: relative; margin-top:20px; width:46px; display: inline-block; }
        .calendar img {width:46px; }
        .calendar-text {font-size: 20px; font-weight: bold;}
        .calendar-number {font-size: 20px; font-weight: bold; position: absolute; top:18px; left:50%; width:20px; margin-left:-10px;}

.be-conversation { width:400px; height:315px; padding:50px 100px ; }
    .be-conversation-title {font-size: 28px; font-weight: bold;}
    .piechart {margin-top:25px; position: relative;}
        #player {height:160px;}
        .piechart-pointer {position: absolute; left:50%; top:80px;}
            .pointer-center {position: absolute; left:-3px; top:-3px; border-radius: 50%; background:black; width:6px; height:6px;}
            .pointer-line {position: absolute; left:0px; top:0px; background:black; width:110px; height:1px;}
            .pointer-text {position: absolute; left:116px; top:-10px; color:black; font-size: 20px; font-weight: bold;}
        
        .piechart img {width:150px; display: inline-block;  }
    .piechart-table {width:400px; padding-top:4px;}
        .piechart-table-line {border-bottom: 1px solid gray; }
        .piechart-table-cell {display: inline-block; padding:8px 25px; width:50px;  }
        .piechart-table-cell.smalltext {font-size: 14px; font-weight: bold;}
        
.be-standout { width:400px; height:220px; padding:50px 95px ; background:#2DB4C0; color:black; }
    .be-standout-title {font-size: 28px; font-weight: bold; margin-top:10px;}
    .be-standout-text {font-size: 14px; line-height: 20px; margin-top:24px; margin-bottom: 30px;}
    .be-standout-doyou {width:400px; padding-top:40px; border-top:1px solid white;  background:#2DB4C0; }
    .be-standout-doyou {font-size: 20px; font-weight: bold; color:white; position: relative;}   
    .be-standout-icon {position: absolute; top:-20px; width:40px; left:50%; margin-left:-20px;}
        .be-standout-icon img {width:40px;}
    
    
.be-how { width:450px; height:auto; padding:30px 75px ; }
    .be-bullseye-image {margin-top:30px;}
        .be-bullseye-image img {width:40px; }
    .be-how-title {font-size: 18px; font-weight: bold; margin-top:10px; }
    .be-how-text {font-size: 12px; line-height: 16px; margin-top:4px;}

    .be-contact-title {font-size: 18px; font-weight: bold; margin-top:20px; }
    .be-contact-text {font-size: 14px; margin-top:14px; }
    .be-contact-text a {color:black;}

.be-footer {height:200px; position: relative;}
.aisleb {position: absolute; bottom:40px; color:#ccc; font-size: 12px; width:100%;}
.aisleb a {color: inherit;}