@media (min-width: 1200px) {
  .col-xlg-1,
  .col-xlg-2,
  .col-xlg-3,
  .col-xlg-4,
  .col-xlg-5,
  .col-xlg-6,
  .col-xlg-7,
  .col-xlg-8,
  .col-xlg-9,
  .col-xlg-10,
  .col-xlg-11,
  .col-xlg-12 {
    float: left;
  }
  .col-xlg-1 {
    width: 8.333333333333332%;
  }
  .col-xlg-2 {
    width: 16.666666666666664%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-4 {
    width: 33.33333333333333%;
  }
  .col-xlg-5 {
    width: 41.66666666666667%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-7 {
    width: 58.333333333333336%;
  }
  .col-xlg-8 {
    width: 66.66666666666666%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-10 {
    width: 83.33333333333334%;
  }
  .col-xlg-11 {
    width: 91.66666666666666%;
  }
  .col-xlg-12 {
    width: 100%;
  }
}

/* TYPOGRAPHY */

body { font-family: "jaf-facitweb",sans-serif; color: #919191;}

p, a p, a { color: #919191; }
    a:hover { text-decoration: none; cursor:pointer; }

/* LAYOUT */

.navbar-inverse {
    background:#231f20;
}

/* HEADER */

#titlebar {
    margin-bottom: 0px;
    height: 80px;
    background:#fcd923;

}
    #titlebar .navbar-form {
        margin: 0;
    }
    #titlebar form {
        position: relative;
    }
    #titlebar input[type=search] {
        background: #f9cd26;
        border:none;
        border-radius:10px;
        text-transform:uppercase;
        width:840px;
        height:50px;
        margin:15px;
        padding:0px 20px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025);
        color:#fff;
        font-family: "futura-pt",sans-serif;
        font-size:18px; 
        font-weight:700;
        line-height:1em; 
        letter-spacing:2px; 

    }

    #titlebar input[type=search].form-control:focus {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        border:none;
    }

    #titlebar input[type=submit] {
        background: transparent url('images/SearchWhite.png') center right no-repeat;
        background-size: auto 30px;
        border:none;
        text-indent:-9999px;
        width:30px;
        height:50px;
        position:absolute;
        right:30px;
        top:15px;
        
    }

    /* Do not combine: http://stackoverflow.com/a/2610741 */
    #titlebar input[type=search]:-webkit-input-placeholder  { color: #fff; font-weight:600; font-size:18px; line-height:1.2em; letter-spacing:2px; font-family: "futura-pt",sans-serif;}
    #titlebar input[type=search]::-webkit-input-placeholder { color: #fff; font-weight:600; font-size:18px; line-height:1.2em; letter-spacing:2px; font-family: "futura-pt",sans-serif;}
    #titlebar input[type=search]:-moz-placeholder           { color: #fff; font-weight:600; font-size:18px; line-height:1.1em; letter-spacing:2px; font-family: "futura-pt",sans-serif;}
    #titlebar input[type=search]::-moz-placeholder          { color: #fff; font-weight:600; font-size:18px; line-height:1.1em; letter-spacing:2px; font-family: "futura-pt",sans-serif;}
    #titlebar input[type=search]:-ms-input-placeholder      { color: #fff; font-weight:600; font-size:18px; line-height:1.1em; letter-spacing:2px; font-family: "futura-pt",sans-serif;}

    #titlebar input[type=search]:focus:-webkit-input-placeholder  { color: #eac023; } 
    #titlebar input[type=search]:focus::-webkit-input-placeholder { color: #eac023; } 
    #titlebar input[type=search]:focus:-moz-placeholder           { color: #eac023; } 
    #titlebar input[type=search]:focus ::-moz-placeholder         { color: #eac023; } 
    #titlebar input[type=search]:focus:-ms-input-placeholder { color: #eac023; } 


#titlebar .navbar-brand { font-size: 3em; line-height: 1; }

#notification-icon {
  margin: 15px 0px;
  height: 50px;
  width: 50px;
  background: #f9cd26;
  border-radius: 10px;
}


/* TOOLBAR */

#toolbar { top: 80px; }
#toolbar, #toolbar .nav li { height: 60px; }
#toolbar .nav li { border-right: 1px solid #000; }
#toolbar .nav li:first-child { border-left: 1px solid #000; }
#toolbar .navbar-nav > li > a { font-size:.9em; height: 60px; padding:14px 15px; text-align:center;}
#toolbar .navbar-nav > li > a.active { color: #fcd923; }
#toolbar .navbar-toggle { position: static; display: inline-block; padding-top: 18px; border: 0px; }
#toolbar .navbar-toggle .icon-bar { width: auto; background-color: #999999; }
#toolbar .glyphicon { font-size: 18px; }
.navbar-inverse .navbar-nav > li > a { color: #919191; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color:#fcd923; }


#toolbar .nav li.nav-menu a, #toolbar .nav li.nav-cal a {
    line-height: 60px;
    padding:0 15px;
}
#toolbar .nav li.nav-menu a {
    background: url('images/menu.png') center center no-repeat;
    background-size: auto 30px;
    width:50px;
}
#toolbar .nav li.nav-cal a {
    font-size:24px;
    text-transform:uppercase;
    font-weight:600;
}

#toolbar .navbar-nav > li.nav-date > a .nav-date-day {
    font-size: 21px;
    line-height:18px;
    display:inline-block;
    width:100%;
    font-weight:600;
}
#toolbar .navbar-nav > li.nav-date a { line-height: 16px; }

#toolbar .navbar-nav > li.nav-idk > a { padding: 0 15px; width:50px;}

#toolbar .navbar-nav > li.nav-idk > a.left {
    background: url('images/arrow_left.png') center center no-repeat;
}
    #toolbar .navbar-nav > li.nav-idk > a.left:hover {
        background-image: url('images/arrow_left_yellow.png');
    }

#toolbar .navbar-nav > li.nav-idk > a.right {
    background: url('images/arrow_right.png') center center no-repeat;
}
#toolbar .navbar-nav > li.nav-idk > a.right:hover {
        background-image: url('images/arrow_right_yellow.png');
    }



/* CONTENT */

#content {
    position: fixed;
    top: 140px;
    left: 0px;
    right: 0px;
    bottom: 50px;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
    background-color: #F0F1F2;
}

#content .content-inner {
overflow-x: auto;
overflow-y: hidden;
height: 100%;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.marketing-section {
    display: inline-block;
    float: none;
    height: 100%;
    background-color: #E2E2E2;
    overflow: auto;
    overflow-x: hidden;
    vertical-align: top;
}

.marketing-section.960 { min-width:960px; } 
.marketing-section.1140 { min-width:1140px; }

#marketing-sign-up {
background-image:url('images/blurred_image.jpg');
background-repeat: no-repeat;
height:430px;
color:#fffeff;
background-size:100%;
}

#marketing-sign-up-text {
margin-top: 100px;
}
#marketing-sign-up-text a{
margin-top: 20px;
}

#marketing-sign-up p, #marketing-sign-up a {
color:#fffeff;
}

#marketing-actions {
}
#marketing-create {
background-image: url('images/create.png');
background-repeat: no-repeat;
height: 200px;
background-position-x: 50%;
}
#marketing-create:hover {
background-image: url('images/createhover.png');
}
#marketing-manage {
background-image: url('images/manage.png');
background-repeat: no-repeat;
height: 200px;
background-position-x: 50%;
}
#marketing-manage:hover {
background-image: url('images/managehover.png');
}
#marketing-share {
background-image: url('images/share.png');
background-repeat: no-repeat;
height: 200px;
background-position-x: 50%;
}
#marketing-share:hover {
background-image: url('images/sharehover.png');
}
#marketing-discover {
background-image: url('images/discover.png');
background-repeat: no-repeat;
height: 200px;
background-position-x: 50%;
}
#marketing-discover:hover {
background-image: url('images/discoverhover.png');
}

#marketing-create h3, #marketing-manage h3, #marketing-share h3, #marketing-discover h3 {
padding-top: 150px;
text-align: center;
}
#marketing-create h3:hover, #marketing-manage h3:hover, #marketing-share h3:hover, #marketing-discover h3:hover {
color:#696969;
}

#marketing-create-section, #marketing-share-section {
text-align:center;
}

#marketing-create-section h1,  #marketing-manage-section h1, #marketing-share-section  h1{
color:#353535;
font-weight:bold;
}
#marketing-manage-section {
text-align: center;
margin-top: 50px;
}
.btn.black {
background-color: #353535;
}

/* FOOTER */

#footer {
  z-index: -1;
  height:50px;
}

    #footer > .row {
        margin-left: 385px;
    }
#create-btn {
    background: url('images/CreateAdd.png') center center no-repeat;
    width:30px;
    height:50px;
    display:inline-block;
}

#footer .navbar-nav ul { margin-bottom: 0px;}

#footer .navbar-nav ul li {
       list-style:none;
       display: inline-block;
}

#footer .navbar-nav ul li:first-child { border-left: 1px solid #000; }

    #footer .navbar-nav ul li a {
        height: 50px;
        padding: 0px 15px;
        text-align: center;
        line-height:50px;
        display:inline-block;
        border-right: 1px solid #000;
    }
        #footer .navbar-nav ul li a.active {
             border-bottom:2px solid #fcd923;
             color:#fcd923;
        }
        #footer .navbar-nav ul li a.logout {
            color:#535250;
            margin-left:100px;
            border-right:none;
        }
        #footer .navbar-nav ul li a:hover {
            color: #fff;
        }