/* Custom CSS
 * --------------------------------------- */
@font-face {
    font-family: 'five_minutesregular';
    src: url('../fonts/five_minutes-webfont.eot');
    src: url('../fonts/five_minutes-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/five_minutes-webfont.woff') format('woff'),
    url('../fonts/five_minutes-webfont.ttf') format('truetype'),
    url('../fonts/five_minutes-webfont.svg#five_minutesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    color: #ccc;
    background:#000;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
img {
    max-width:100%;
}
a {
    color:#FB9A31;
}
a:hover {
    color:#ccc;
}
h1 {
    font-size: 50px;
    text-transform: uppercase;
}
h2 {
    font-size: 34px;
}
.intro-padding {
    padding:0 120px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ccc;
    background-color: #111;
    border: 1px solid #000;
}
.btn-primary {
    background-color: #111;
    border: 1px solid #000;
    color:#ccc;
}
.btn-primary:hover {
    background-color: #000;
    border: 1px solid #000;
    color:#ccc;
}
.wrap{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative;
}
.intro {
    float:none;
    margin:60px auto 100px auto;
    font-size:17px;
}
.section{
    text-align:center;
}

.quick-info .contact {
    position: fixed;
    top: 0;
    padding: 8px;
    width: 100%;
    text-align: center;
}
.quick-info .contact a {
    color:#ccc;
}
.quick-info .social {
    left:0;
    font-size:30px;
}
.quick-info a {
    color:#ccc;
}
#menu li {
    display:inline-block;
    margin: 10px;
    color: #000;
    background:#ccc;
    background: rgba(255,255,255, 0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#menu li.active{
    background:#666;
    background: rgba(0,0,0, 0.5);
    color: #ccc;
}
#menu li a{
    text-decoration:none;
    color: #000;
}
#menu li.active a:hover{
    color: #000;
}
#menu li:hover{
    background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
    padding: 9px 18px;
    display:block;
}
#menu li.active a{
    color: #ccc;
}
#menu{
    position:fixed;
    top:0;
    left:0;
    height: 40px;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin:0;
}
.twitter-share-button{
    position: fixed;
    z-index: 99;
    right: 149px;
    top: 9px;
}
#download{
    margin: 10px 0 0 0;
    padding: 15px 10px;
    color: #ccc;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
    text-decoration:none;
    color:#ccc;
}
#download:hover{
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #2F96B4;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -ms-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
#infoMenu{
    height: 20px;
    color: #f2f2f2;
    position:fixed;
    z-index:70;
    bottom:0;
    width:100%;
    text-align:right;
    font-size:0.9em;
    padding:8px 0 8px 0;
}
#infoMenu ul{
    padding: 0 40px;
}
#infoMenu li a{
    display: block;
    margin: 0 22px 0 0;
    color: #333;
}
#infoMenu li a:hover{
    text-decoration:underline;
}
#infoMenu li{
    display:inline-block;
    position:relative;
}

#fullPage-nav li a span,
.sectionIcon {
    background-image: url("../img/icons/sprite.png");
    background-repeat: no-repeat;
    display: block;
    margin:0 auto;
}
.sectionIcon {
    display: inline-block;
}
li[data-tooltip="Home"] a span {
    background-position: 0 0;
    height:24px !important;
    width:44px !important;
}
li[data-tooltip="Home"] a.active span {
    background-position: 0 -24px;
}

li[data-tooltip="Live"] a span,
.iconLive {
    background-position: 0 -48px;
    height:31px !important;
    width:43px !important;
}
li[data-tooltip="Live"] a.active span,
.iconLive {
    background-position: 0 -79px;
}

li[data-tooltip="Online"] a span,
.iconOnline {
    background-position: 0 -110px;
    height:30px !important;
    width:50px !important;
}
li[data-tooltip="Online"] a.active span,
.iconOnline {
    background-position: 0 -140px;
}

li[data-tooltip="Social"] a span,
.iconSocial {
    background-position: 0 -170px;
    height:31px !important;
    width:35px !important;
}
li[data-tooltip="Social"] a.active span,
.iconSocial {
    background-position: 0 -201px;
}

li[data-tooltip="Mobile"] a span,
.iconMobile {
    background-position: 0 -232px;
    height:33px !important;
    width:21px !important;
}
li[data-tooltip="Mobile"] a.active span,
.iconMobile {
    background-position: 0 -265px;
}

li[data-tooltip="Download"] a span,
.iconMobile {
    background-position: 0 -298px;
    height:37px !important;
    width:37px !important;
}
li[data-tooltip="Download"] a.active span,
.iconMobile {
    background-position: 0 -335px;
}

li[data-tooltip="Racing To Give"] a span,
.iconPhilanthropy {
    background-position: 0 -372px;
    height:35px !important;
    width:35px !important;
}
li[data-tooltip="Racing To Give"] a.active span,
.iconPhilanthropy {
    background-position: 0 -407px;
}

li[data-tooltip="Contact"] a span,
.iconContact {
    background: none !important;
}
li[data-tooltip="Contact"] a span:before,
.iconContact:before {
    content: "\f075";
    font-family: FontAwesome;
    text-align:center;
    color:#ccc;
    display: block;
    font-size:30px;
}
li[data-tooltip="Contact"] a.active span:before,
.iconContact:before {
    color:#FB9A31;
}
li[data-tooltip="eCommerce"] a span,
.iconCommerce {
    background: none !important;
}
li[data-tooltip="eCommerce"] a span:before,
.iconCommerce:before {
    content: "\f07a";
    font-family: FontAwesome;
    text-align:center;
    color:#ccc;
    display: block;
    font-size:30px;
}
li[data-tooltip="eCommerce"] a.active span:before,
.iconCommerce:before {
    color:#FB9A31;
}
li[data-tooltip="Education"] a span,
.iconEducation {
    background: none !important;
}
li[data-tooltip="Education"] a span:before,
.iconEducation:before {
    content: "\f02d";
    font-family: FontAwesome;
    text-align:center;
    color:#ccc;
    display: block;
    font-size:30px;
}
li[data-tooltip="Education"] a.active span:before,
.iconEducation:before{
    color:#FB9A31;
}

ul.subPages li a.subPage span {
    background: rgba(0,0,0,0.8) !important;
    border-radius: 100%;
    padding: 0;
    line-height: 30px;
    width: 35px !important;
    height: 35px !important;
    display: block;
}
ul.subPages li a.subPage span:before {
    text-align:center;
    color:#999;
    display: block;
    font-size:19px;
    line-height:25px;
}
.subPageNav {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
}
ul.subPages {
    display:table;
    margin:0 auto;
}
ul.subPages li {
    margin:10px 0 !important;
    padding:0 !important;
    float:left;
    top: 2px;
    width: 50px;
    height: 32px;
    z-index: 1;
}
ul.subPages li a {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
ul.subPages li a {
    text-decoration: none !important;
}
ul.subPages li a:hover span:before {
    color:#FB9A31;
}
ul.subPages li a.subPage span:before {
    font-family: FontAwesome;
    text-align: center;
    color: #ccc;
    display: block;
    font-size: 21px;
    line-height: 37px;
}

ul.subPages li:nth-child(5) a.subPage span:before {
    content: "\f130";
}
ul.subPages li:nth-child(6) a.subPage span:before {
    content: "\f0eb";
}
ul.subPages li:nth-child(7) a.subPage span:before {
    content: "\f140";
}
ul.subPages li:nth-child(8) a.subPage span:before {
    content: "\f0c0";
}
ul.subPages li:nth-child(9) a.subPage span:before {
    content: "\f0a1";
}
ul.subPages li:nth-child(10) a.subPage span:before {
    content: "\f108";
}
ul.subPages li:nth-child(11) a.subPage span:before {
    content: "\f02d";
}
ul.subPages li:nth-child(12) a.subPage span:before {
    content: "";
    background-image: url("../img/icons/sprite.png");
    background-position: 0 -443px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    width: 22px;
    height: 21px;
    position: relative;
    top: 7px;
}
ul.subPages li:nth-child(12) a.subPage.active span:before {
    background-position: 0 -465px;
}
ul.subPages li:nth-child(13) a.subPage span:before {
    content: "\f075";
}
ul.subPages li:nth-child(14) a.subPage span:before {
    content: "\f09a";
}
ul.subPages li:nth-child(15) a.subPage span:before {
    content: "\f099";
}



/*ul.subPages li:nth-child(1) a.subPage span:before {*/
    /*content: "\f130";*/
/*}*/
/*ul.subPages li:nth-child(2) a.subPage span:before {*/
    /*content: "\f128";*/
/*}*/
/*ul.subPages li:nth-child(3) a.subPage span:before {*/
    /*content: "\f0ac";*/
/*}*/
/*ul.subPages li:nth-child(4) a.subPage span:before {*/
    /*content: "\f0c0";*/
/*}*/
/*ul.subPages li:nth-child(5) a.subPage span:before {*/
    /*content: "\f0a1";*/
/*}*/
/*ul.subPages li:nth-child(6) a.subPage span:before {*/
    /*content: "\f108";*/
/*}*/

#section0.active ul.subPages li a.active.subPage span:before {
    color:#FB9A31;
}

/* Style for our header texts
* --------------------------------------- */
h1,h2{
    margin:0;

}
h1,h2,h3,h4,h5{
    color: #FB9A31;
}
.intro p{
    color: #ccc;
}
.table {
    margin:0;
    padding:0;
}
.controlArrow {
    display:none;
}
ul {
    margin:0;
    padding:0;
}
li {
    margin:0;
    padding:0;
    list-style-type: none;
    font-size: 15px;
    margin-bottom:15px;
}
li:last-child {
    margin-bottom:0;
}
.well {
    background: #000;
    background: rgba(0,0,0,0.8);
    border: 3px solid #FB9A31;
    border-radius:0;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
    text-align:center;
}

/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section2,
#section3{
}

/* Defining each sectino background and styles
* --------------------------------------- */
#section0{
    background-image: url(http://www.audiencegeneration.com/assets/img/audience.jpg);
    background-size: cover;

}
#section0 .intro {
    margin-top:52px;
}
/*#section1{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section2{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section3{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section4{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section5{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section6{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section7{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/
/*#section8{*/
    /*background-image: url(../img/pattern/bo_play.png);*/
    /*background-repeat: repeat;*/
/*}*/

/* Overwriting styles for control arrows for slides
* --------------------------------------- */
.controlArrow.prev {
    left: 50px;
}
.controlArrow.next{
    right: 50px;
}


/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #ccc;
}

#gmap_canvas img {
    max-width: none !important;
    background: none !important
}


/* grid */
.noscroll {
    overflow: hidden;
}

.grid-wrap {
    margin: 10px auto 0;
    width: 100%;
    padding: 0;
    -webkit-perspective: 1500px;
    perspective: 1500px;
}
.grid img,
.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* For Webkit browsers */
    filter: gray; /* For IE 6 - 9 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */


    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    border: 3px solid #FB9A31;
}
.grid img:hover,
.grayscale:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}
.grid {
    position: relative;

    -webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1);
    -moz-transition: all 0.5s cubic-bezier(0,0,0.25,1);
    -ms-transition: all 0.5s cubic-bezier(0,0,0.25,1);
    -o-transition: all 0.5s cubic-bezier(0,0,0.25,1);
    transition: all 0.5s cubic-bezier(0,0,0.25,1);

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.view-full .grid {
    -webkit-transform: translateZ(-1500px);
    -moz-transform: translateZ(-1500px);
    -ms-transform: translateZ(-1500px);
    -o-transform: translateZ(-1500px);
    transform: translateZ(-1500px);
}

.grid figure {
    padding-top: 15px;
    padding-bottom: 15px;
}

.grid figure,
.grid .placeholder,
.grid .extra {
    /*height: 322px;*/
}

.display-text div {
    height: 100%; width: 100%;
    background: #000;
    border: 3px solid #FB9A31;
    /*font-family:five_minutesregular;*/
    font-size: 24px;
    font-weight: normal;
    display:table;
}
.display-text div p {
    display: table-cell;
    vertical-align: middle;
    padding:0 5px;
    color:#FB9A31;
}

.display-text div em {
    font-size:20px;
    margin-top:5px;
    color:#CCC;
    display: block;
    font-style:normal;
}

.grid figure, .grid .extra {
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.grid figure.active {
    opacity: 0;
}

.grid .placeholder {
    pointer-events: none;
    position: absolute;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.placeholder > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.placeholder .front img {
    width: 100%;
    height: 100%;
}

.placeholder .back {
    background:#000;

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.view-full .placeholder {
    -webkit-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
    -moz-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
    -ms-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
    -o-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
    transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
}

.vertical .view-full .placeholder {
    -webkit-transform: translateZ(1500px) rotateX(-179.9deg);
    -moz-transform: translateZ(1500px) rotateX(-179.9deg);
    -ms-transform: translateZ(1500px) rotateX(-179.9deg);
    -o-transform: translateZ(1500px) rotateX(-179.9deg);
    transform: translateZ(1500px) rotateX(-179.9deg);
}

.grid figure img {
    display: block;
    width: 100%;
}

.content,
.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; /* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */
}

.content {
    overflow-y: scroll;
    height: 0; /* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */
    background: #000;
    visibility: hidden;
    z-index: 400;
    -webkit-overflow-scrolling: touch;
}

.loading {
    opacity: 0;
    z-index: 1;
    background: transparent url(../img/preloader.gif) no-repeat center center;

    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);

    -webkit-transition: opacity 0.5s, transform 0.5s;
    -moz-transition: opacity 0.5s, transform 0.5s;
    -ms-transition: opacity 0.5s, transform 0.5s;
    -o-transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.loading.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.content.show {
    height: auto;
    pointer-events: auto;
    visibility: visible;
}

.content > div {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 80%;
    overflow: hidden;
    height: 0;
    opacity: 0;
    background: #000;
    margin-left: 10%;
    margin-top: 1%;
}

.content > div.show {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.close-content {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 10px;
    font-size: 1.6em;
    color: #aaa;
    cursor: pointer;
    pointer-events: none;
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.close-content:hover {
    color: #999;
}

.content > div.show ~ .close-content {
    opacity: 1;
    pointer-events: auto;
}

/* Dummy content */

.dummy-img,
.dummy-text {
    max-width: 600px;
    width: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.vertical .dummy-img,
.vertical .dummy-text {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.horizontal .dummy-img,
.horizontal .dummy-text {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

.content > div.show .dummy-img,
.content > div.show .dummy-text {
    opacity: 1;
}

.vertical .content > div.show .dummy-img,
.vertical .content > div.show .dummy-text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.horizontal .content > div.show .dummy-img,
.horizontal .content > div.show .dummy-text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

p.dummy-text:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

p.dummy-text:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.dummy-img {
    height: 400px;
    background-color: #ddd;
    margin: 30px auto;
}

.dummy-text {
    text-align: left;
    margin: 0 auto;
    padding: 10px 0;
    color: #ddd;
    font-size: 1em;
    font-family: 'Blokk', Arial, serif;
}

.dummy-text:last-child {
    padding-bottom: 100px;
}

/* Simple fallback */
/* if any of these are not supported, a simple fallback will be shown */
.no-pointerevents .content,
.no-csstransforms3d .content,
.no-csstransitions .content,
.no-pointerevents .content > div,
.no-csstransforms3d .content > div,
.no-csstransitions .content > div,
.no-pointerevents .close-content,
.no-csstransforms3d .close-content,
.no-csstransitions .close-content {
    opacity: 1;
    visibility: visible;
    display: none;
    height: auto;
}

.no-pointerevents .show .close-content,
.no-csstransforms3d .show .close-content,
.no-csstransition .show .close-content,
.no-pointerevents div.show,
.no-csstransforms3d div.show,
.no-csstransitions div.show,
.no-csstransitions .dummy-img,
.no-csstransitions .dummy-text,
.no-csstransforms3d .dummy-img,
.no-csstransforms3d .dummy-text,
.no-pointerevents .dummy-img,
.no-pointerevents .dummy-text {
    display: block !important;
    opacity: 1;
}

@media screen and (max-width: 1000px) {

    .grid figure,
    .grid .placeholder {
        width: 240px;
        height: 212px;
    }

}

.extra li, .extra ul, .extra ol {
    margin:0;
    padding:0;
    overflow:hidden
}

.panel, .panel-heading {
    color:#CCC !important;

    background: #000;
    background: rgba(0,0,0,0.8);
    border: 3px solid #FB9A31;
    border-radius:0;
}
.panel-heading {
    background-color:#000 !important;
    border:0;
    border-bottom: 3px solid #FB9A31;
    border-color:#FB9A31 !important;
}
.panel-body {
    background:rgba(0,0,0,0.9);
}
.panel-body ol,.panel-body li,.panel-body a {
    margin:0;padding:0;
    overflow:hidden;
    text-overflow: ellipsis;
    max-width:100%;
    color:#ccc;
    white-space: nowrap;
}
.success{ background: #CFFFF5;padding: 10px; margin-bottom: 10px; border: 1px solid #B9ECCE; border-radius: 5px; font-weight: normal; }
.error{ background: #FFDFDF; padding: 10px; margin-bottom: 10px; border: 1px solid #FFCACA; border-radius: 5px; font-weight: normal;}

.quick-info {
    position: relative;
    z-index: 100;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    background: #FB9A31;
    color:#000;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #FB9A31;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #FB9A31;
}
.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #FB9A31;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #FB9A31;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #FB9A31;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #FB9A31;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #FB9A31;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #FB9A31;
}

.slimScrollBar {
    background: transparent !important;
}

.carousel-caption {
    left: 10%;
    right: 10%;
    padding-bottom: 0;
}
.carousel-indicators {
    bottom: -35px;
}

#carousel-home .item .carousel-caption {
    text-align: left;
    position: relative;
    left: 0;
    right: 0;
}
#carousel-home .item img {
    max-width: 100%;
}
.sponsor-logos img {
    width: 11%;
    margin-left: 1%;
    margin-top:10px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* For Webkit browsers */
    filter: gray; /* For IE 6 - 9 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */


    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sponsor-logos img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}

footer {
    position: fixed;
    bottom:0; left:0;
    color:#ccc;
    padding:5px;
}

@media(max-width: 1012px){
    .subPageNav {
        top: 20px;
        min-width:650px;
    }
    #section0 .intro {
        margin-top: 70px;
    }
}