@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

* 
{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

html {
    
}

body {
    min-width:480px;
    background:#F3F4F4;  
    font-family:'Open Sans',sans-serif;
}

.noSelect, .noSelect > * { 
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.allSelect, .allSelect > * { 
  -webkit-touch-callout: all;
  -webkit-user-select: all;
  -khtml-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.mb-only {
    display:none;   
}

.light {
    font-weight:300;   
}

.heavy {
    font-weight:600;   
}

nav {
    z-index:100;
    position:fixed;
    top:0;
    left:50%;
    margin-left:-540px;
    width:1080px;
    height:100px;
    background:#fff;
    box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);
    font-family:'Open Sans Condensed',sans-serif;
    border-radius:0 0 3px 3px;
}

nav ul {
    list-style:none;
}

nav ul li {
    width:180px;
    margin:0 10px;
    height:100px;
    float:left;
    font-weight:700;
    font-size:17pt;
    line-height:100px;
    text-align:center;
    text-transform:uppercase;
    color:#1F1F1F;
    border-bottom:0px solid #D61F26;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.two-line {
    padding-top:28px;
    line-height:22px !important;   
}

nav ul li:hover {
    border-bottom:12px solid #D61F26;
}

.current {
    background:#D61F26;
    color:#fff !important;
}

#nav-logo {
    padding:12px 15px;
    width:280px;
    background:transparent !important;
    border-bottom:none;
    margin:0;
}

nav ul li img {
    width:100%;
}

#mobile-menu-button {
    display:none;
    float:right;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:20pt;
    cursor:pointer;
}

#mobile-menu-button:hover {
    background:#D61F26;
    color:#fff;
}

#mobile-menu {
    z-index:50;
    display:none;
    width:1080px;
    left:50%;margin-left:-540px;
    position:fixed;
    top:100px;
    background:#fff;
    box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);
    font-family:'Open Sans Condensed',sans-serif;
}

#mobile-menu ul {
    list-style:none;
}

#mobile-menu li {
    width:100% !important;
    display:block;
    height:100px;
    float:left;
    font-weight:700;
    font-size:18pt;
    line-height:100px;
    text-align:center;
    text-transform:uppercase;
    color:#1F1F1F;
}

#mobile-menu li:hover {
    background:#D61F26;
    color:#fff;
}

#main {
    width:1080px;
    float:left;
    background:#F8F9F9;
    position:relative;
    left:50%;
    margin-left:-540px;
    padding-top:120px;
    padding-bottom:50px;
    display:block;
    min-height:1000px;
}

#main:before {
    content:'';
    height:100%;
    width:20px;
    position:absolute;
    z-index:-1;
    top:0;
    left:-20px;
    
    background: #f3f4f4;
    background: -moz-linear-gradient(left,  #f3f4f4 0%, #f8f9f9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f4f4), color-stop(100%,#f8f9f9));
    background: -webkit-linear-gradient(left,  #f3f4f4 0%,#f8f9f9 100%);
    background: -o-linear-gradient(left,  #f3f4f4 0%,#f8f9f9 100%);
    background: -ms-linear-gradient(left,  #f3f4f4 0%,#f8f9f9 100%);
    background: linear-gradient(to right,  #f3f4f4 0%,#f8f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f4', endColorstr='#f8f9f9',GradientType=1 );
}

#main:after {
    content:'';
    height:100%;
    width:20px;
    position:absolute;
    z-index:-1;
    top:0;
    right:-20px;

    background: #f8f9f9;
    background: -moz-linear-gradient(left,  #f8f9f9 0%, #f3f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8f9f9), color-stop(100%,#f3f4f4));
    background: -webkit-linear-gradient(left,  #f8f9f9 0%,#f3f4f4 100%);
    background: -o-linear-gradient(left,  #f8f9f9 0%,#f3f4f4 100%);
    background: -ms-linear-gradient(left,  #f8f9f9 0%,#f3f4f4 100%);
    background: linear-gradient(to right,  #f8f9f9 0%,#f3f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f9', endColorstr='#f3f4f4',GradientType=1 );
}
#fake-splash-about {
    width:100%;
    height:550px;
    background-size:1080px;
    float:left;
    margin-bottom:20px;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 0.6);
    overflow:hidden;
    background:#000 url('/img/boardroom-splash.jpg') no-repeat 50% 50%;
}
#splash-about {
    width:100%;
    height:550px;
    background:#000 url('/img/boardroom-splash.jpg') no-repeat 50% 50%;
    background-size:1080px;
    float:left;
    margin-bottom:20px;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 0.6);
    overflow:hidden;
}
#about-strip {
    margin-top:50px;
    position:relative;
    z-index:3;
    width:100%;
    position:absolute;
    left:0;
}
#about-strip h4 { 
    font-family:'Open Sans Condensed', sans-serif;
    text-align:center;
    width:100%;
    font-weight:300;
    font-size:24pt;
    line-height:32pt;
}
#about-strip h5 { 
    font-family:'Open Sans', sans-serif;
    text-align:center;
    width:100%;
    font-weight:300;
    font-size:16pt;
    line-height:24pt;
    margin-bottom:20px;
}
.black-strip {
    padding:40px;
    background:rgba(25, 25, 25, 0.9);
    color:#fff;  
}
.black-strip h4, h6 {
    color:#fff !important;
}
#building {
    float:left;
    position:relative;
    margin-top:10px;
    width:100%;
    height:500px;
    background:#000 url('../content/08e54498eab22737a8709283c4a91668.JPG') no-repeat 50% 0;
    background-size:cover;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 0.6);
    border-radius:10px;
    overflow:hidden;
    margin-bottom:10px;
}
#building .black-strip {
    margin-top:100px;
    padding:20px;
}
#sara-splash {
    float:left;
    position:relative;
    margin-bottom:10px;
    width:100%;
    height:600px;
    background:#000 url('../content/b372dac2a99f3225f23d12c5ca018932.jpg') no-repeat 50% 0;
    background-size:cover;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 0.6);
    border-radius:10px;
    overflow:hidden;
}
#sara-splash .black-strip {
    margin-top:350px; 
    font-size:14pt;
    line-height:18pt;
    font-weight:300;
}
#sara-text {
    padding-left:15px; 
    font-weight:300;
    font-size:16pt;
    line-height:24pt;
}
#splash-cr {
    width:100%;
    height:550px;
    background:#000 url('../content/797cb8dd12cbbae5df07bd5659993ebd.jpg') no-repeat 50% 50%;
    background-size:1080px;
    float:left;
    margin-bottom:20px;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 1);
    overflow:hidden;
}
#splash-cr-wheel {
    position:absolute;
    z-index:2;
    margin-left:-287px;
    left:50%;
    top:12px;
    width:580px;
    height:580px;
}
#splash-cr-wheel img {
    width:100%;
}
#splash-cr-txt {
    position:absolute;
    z-index:3;
    top:30px;
    left:0;
    width:100%;
    color:#fff;
    background:rgba(0,0,0,0.6);
    transition:1000ms;
    -webkit-transition:1000ms;
    -moz-transition:1000ms;
}
#splash-cr-txt h5, #splash-cr-txt h3 {
    font-size:28pt;
    line-height:34pt;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
    color:#D61F26;
    width:100%;
    background:#fff;
    padding:10px 10%;
    margin:0;
}

#splash-cr-txt p {
    font-size:16pt;
    font-family:'Open Sans',sans-serif;
    font-weight:300;
    padding:15px 10%;
}

#splash-cr-overlay {
    position:absolute;
    z-index:5;
    bottom:0;
    left:50%;
    width:80%;
    padding-bottom:20px;
    margin-left:-40%;
    background:#F8F9F9;
    border-radius:13px 13px 0 0;
    display:none;
}

#splash-cr-overlay input[type='text'] {
    width:90%;
    height:50px;
    margin:30px 5% 10px;
    background:#fff url(../img/search.png) no-repeat 99% 5px;
    background-size:35px 35px;
    border-radius:5px;
    border:1px solid #aaa;
    font-family:'Open Sans',sans-serif;
    font-size:14pt;
    padding:7px 50px 7px 15px;
}
#default-listing-space, #listing-space {
    transition:300ms;
    -webkit-transition:300ms;
    -moz-transition:300ms;
}

.light-button {
    float:left;
    width:90%;
    margin:0 5%;
    background:#262627;
    border:1px solid #999;
    text-align:center;
    height:50px;
    line-height:50px;
    border-radius:5px;
    text-transform:uppercase;
    letter-spacing:-1px;
    word-spacing:1px;
    color:#888;
    font-weight:600;
    font-size:15pt;
    cursor:pointer;
    transition:250ms;
    -webkit-transition:250ms;
    -moz-transition:250ms;
}
.light-button:hover {
    background:#2e2e2e;
    color:#D61F26;
    box-shadow:inset 0 -2px 2px rgba(0, 0, 0, 0.8);
    line-height:47px;
    text-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);
}
.light-button i {
    margin-left:10px;
    transition:250ms;
    -webkit-transition:250ms;
    -moz-transition:250ms;
    color:#777;
}
.light-button:hover i {
    color:#F7E9EB;
}

#splash {
    width:100%;
    height:550px;
    background:#000 url('../content/dfc660bb822e0cd2c5e995aac4296033.jpg') no-repeat 50% 50%;
    background-size:1080px;
    float:left;
    margin-bottom:20px;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 1);
}

.splash-button {
    margin-top:80px;
    position:absolute;
    left:50%;
    margin-left:-125px;
}
#button-up {
    cursor:pointer;
}

#tagline {
    position:absolute;
    left:50%;
    width:420px;
    margin:380px 0 0 -210px;
}
.splash-txt {
    font-size:20pt;
    line-height:30pt;
    font-weight:300;
    width:100%;
    float:left;
    text-align:center;
    margin:10px 0 50px 0;
    font-family:"Open Sans Condensed",sans-serif;
}
.splash-txt b, .splash-txt strong {
    font-weight:700;
}

.row {
    width:100%;
    float:left;
/*    overflow:hidden;*/
}

.listing-row {
    float:left;
    width:100%;
    overflow:hidden;
}


.b-bottom {border-bottom:1px solid #ccc}
.b-top {border-top:1px solid #ccc}
.b-left {
    border-left:1px solid #ccc;
    padding-bottom:200px;
    margin-bottom:-200px;
}
.b-right {border-right:1px solid #ccc}

.top-10 {margin-top:10px !important;}
.top-25 {margin-top:25px !important;}
.top-50 {margin-top:50px !important;}
.top-75 {margin-top:75px !important;}
.top-100 {margin-top:100px !important;}
.top-200 {margin-top:200px !important;}

.txt-mid {text-align:center;}

.col-100, .col-50, .col-25, .col-33, .col-75 { 
    float:left; 
    height:100%; 
    min-height:10px;
}

.col-100 {
    width:100%;
}

.col-75 {
    width:75%;
}

.col-50 {
    width:50%;
}

.col-25 {
    width:25%;
}

.col-33 {
    width:33.33%;
}

.lead {
    font-weight:300;
    font-size:18pt;
    line-height:24pt;
}

a {
    color:#a3191f;
    text-decoration:none;
}
a:visited {
    color:#a3191f;
}
a:hover {
    color:#D61F26;
}
.red {
    color:#D61F26;
}

h2 {
    color:rgba(214, 31, 38, .9);
    text-shadow: -1px 3px 5px #F8F9F9, 0 0 0 #000, -1px 3px 5px #F8F9F9,0 0 3px rgba(0, 0, 0, 0.3);
    text-align:center;
    font-size:38pt;
    line-height:38pt;
    font-weight:700;
    text-transform:uppercase;
    margin-top:10px;
    margin-bottom:20px;
    width:100%;
    float:left;
    cursor:default;
    position:relative;
}

h2 .lead-in {
    position:absolute;
    bottom:0;
    right:0;
    font-size:12pt;
    line-height:19pt;
    text-shadow:none;
    color:#666;
}
h2 .lead-in i {
    margin:0 15px 0 2px;
    position:relative;
    bottom:1px;
    color:#D61F26;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
}
h2 .lead-in:hover i {
    font-size:16pt;
    bottom:-1px;
}

h3 {
    width:100%;
    float:left;
    cursor:default;
    color:#262626;
    text-align:left;
    font-size:28pt;
    line-height:28pt;
    font-weight:700;
    margin-top:10px;
    margin-bottom:20px;
}

h4, h6 {
    width:100%;
    float:left;
    
    color:#262626;
    text-align:left;
    font-size:18pt;
    line-height:18pt;
    font-weight:600;
    margin-top:10px;
    margin-bottom:20px;
}

.listing {
    float:left;
    width:97.5%;
    margin:10px 1.25%;
    min-height:120px;
    border:1px solid #bbb;
    border-radius:15px;
    
    background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#eaeaea 100%);
    background: linear-gradient(to bottom,  #f7f7f7 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 );
}
.listing, .listing > * {
    cursor:pointer;
}

.listing h4 {
    float:left;
    width:100%;
    padding:10px 15px;
    font-size:16pt;
    line-height:21pt;
    color:#1F1F1F;
    margin:2px 0;
    
}

.listing h4 span {
    font-weight:600;
    color:#D61F26;
}

.listing h4+h4 {
    padding-top:0px;   
}

.listing h4 i {
    margin-left:5px;
    color:#353635;
    font-size:13pt;
    bottom:2px;
    position:relative;
}
.listing h4 img {
    width:32px;
    position:relative;
    top:8px;
}

.map-icon {
    float:left;
    margin-right:10px;
    line-height:35px;
    font-size:18pt !important;
    transition:300ms;
    -webkit-transition:300ms;
    -moz-transition:300ms;
}
.map-icon:hover {
    font-size:23pt !important;
    color:#D61F26;
    margin-right:6px;
}

.listing p {
    font-size:13pt;
    font-weight:300;
    padding:10px 15px;
    color:#1F1F1F;
}

.listing b {
    font-weight:300;   
}

.listing ul, ol {
    list-style-position:inside;
    font-size:13pt;
    font-weight:300;
    padding:0px 15px;
    color:#1F1F1F;   
}

footer {
    background:#1F1F1F;
    width:100%;
    height:50px;
    position:relative;
    float:left;
}

#copyright {
    width:1080px;
    position:absolute;
    height:50px;
    left:50%;
    bottom:0;
    margin-left:-540px;
    color:#c9c9c9;
    font-size:9pt;
    text-transform:uppercase;
    line-height:50px;
    text-align:center;
}
#admin-access {
    position:absolute;
    z-index:9999;
    left:0;bottom:0;
    font-size:10pt;
    width:50px; 
    text-align:center;
    height:50px;
    line-height:50px;
    color:#f3f4f4;
}

#contact-details {
    margin-top:20px;
    margin-bottom:10px;
}
#contact-details p {
    padding:10px;
    background:#eee;
    color:#1F1F1F;
    font-size:15pt;
    border:1px solid #aaa;
    border-radius:5px;
    margin:5px;
    font-weight:300;
}
#contact-details i {
    margin-right:5px;   
}
#contact-details span {
    font-weight:600;
    color:#D61F26;
}
.contact-type-btn {
    width:95%;
    margin:5px 2.5%;
    border-radius:10px;
    height:50%;
    text-align:center;
    cursor:pointer;
    float:left;
    background: #7d7e7d;
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
    overflow:hidden;
    position:relative;
}
.contact-type-btn:before{
	content: "";
	display: block;
	padding-top: 70%;
}
.contact-type-btn span {
    float:left;
    width:100%;
    padding:5px 0;
/*    background:rgba(31, 31, 31, 0.75);*/
    background:rgba(214, 31, 38, 0.7);
    color:#fff;
    font-size:21pt;
    top:10%;
    left:0px;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
    text-transform:uppercase;
    transition:300ms;
    -webkit-transition:300ms;
    -moz-transition:300ms;
    position:absolute;
    z-index:2;
}
.contact-type-btn:hover span {
/*    background:rgba(31, 31, 31, 0.85);*/
    background:rgba(214, 31, 38, 0.95);
    font-size:24pt;  
    top:40%;
}
.contact-type-btn img {
    width:105%; 
    position:absolute;
    top:50%; left:50%;
    margin:-35% 0 0 -52.5%;
    z-index:1;
    opacity:0.9;
    transition:300ms;
    -webkit-transition:300ms;
    -moz-transition:300ms;
}
.contact-type-btn:hover img {
    opacity:1;
    width:110%;
    margin:-36% 0 0 -55%;
}
/* Admin Center CSS */
#admin-main {
    width:100%;
    float:left;
    min-height:100%;
    padding-bottom:50px;
}
#admin-nav-mobile {
    display:none;
    background:#262626;
    width:100%;
    min-width:335px;
    height:80px;
    position:fixed;
    z-index:999;
    top:0;left:0;
    box-shadow:3px 0 4px rgba(0, 0, 0, 0.3);
}
#admin-nav-mobile ul {
    list-style:none;
    display:none;
}
#admin-nav-mobile li {
    float:left;
}
#admin-nav-mobile ul .active {
    background:#D61F26;
    color:#fff;
}
#admin-nav-mobile .admin-nav-logo {
    background:#fff !important; 
    padding:8px 0 5px 2px !important;
    border-right:0px solid #D61F26 !important;
    width:200px;
    font-size:16pt;
    list-style:none;
}
#admin-nav-mobile .admin-nav-logo img {
    width:100%;
}
#admin-nav-mobile .admin-nav-logo-current {
    background:#fff !important; 
    padding:8px 0 5px 2px !important;
    border-right:0px solid #D61F26 !important;
    width:215px;
    font-size:16pt;
    list-style:none;
    border-left:15px solid #D61F26;
}
#admin-nav-mobile .admin-nav-logo-current img {
    width:100%;
}
#admin-return-mobile {
    position:absolute;
    left:210px;
    top:8px;
    font-size:18pt;
    color:#fff;
    cursor:pointer;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
    text-align:center;
    width:30px;
}
#admin-return-mobile:hover {
    font-size:22pt;
}
#admin-nav-mobile-menu-button {
    display:none;
    float:right;
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    font-size:20pt;
    cursor:pointer;
    color:#fff;
}
#admin-nav-mobile-menu-button:hover {
    background:#D61F26;
}
#admin-nav-mobile-menu {
    z-index:50;
    display:none;
    width:1080px;
    left:50%;margin-left:-540px;
    position:fixed;
    z-index:99999;
    top:80px;
    background:#262626;
    box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);
    font-family:'Open Sans Condensed',sans-serif;
}

#admin-nav-mobile-menu ul {
    list-style:none;
}
#admin-nav-mobile-menu li {
    width:100% !important;
    display:block;
    height:100px;
    float:left;
    font-weight:300;
    font-size:18pt;
    line-height:100px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
}

#admin-nav-mobile-menu li:hover {
    background:#D61F26;
    color:#fff;
}
#admin-nav {
    width:250px;
    background:#262626;
    height:100%;
    position:fixed;
    left:0; top:0;
    box-shadow:3px 0 4px rgba(0, 0, 0, 0.3);
}
#admin-nav ul {
    list-style:none;
}
#admin-nav ul li {
    color:#fff;
    font-size:16pt;
    line-height:30px;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:400;
    width:100%;
    float:left;
    padding:20px 10px;
    text-align:center;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
    border-right:0px solid #D61F26;
}
#admin-nav ul li:hover {
    border-right:15px solid #D61F26;   
}
#admin-nav ul .active {
    background:#D61F26;
    border-right:0px solid #D61F26 !important;
}
#admin-nav .admin-nav-logo {
    background:#fff !important; 
    padding:8px 0 5px 2px !important;
    border-right:0px solid #D61F26 !important
}
#admin-nav .admin-nav-logo img {
    width:100%;
}
#admin-nav .admin-nav-logo-current {
    background:#fff !important; 
    padding:8px 0 5px 2px !important;
    border-right:0px solid #D61F26 !important;
    border-bottom:15px solid #D61F26;
    font-size:16pt;
    list-style:none;
}
#admin-nav .admin-nav-logo-current img {
    width:100%;
}
#admin-return {
    position:absolute;
    bottom:5px;
    left:15px;
    font-size:18pt;
    color:#fff;
    cursor:pointer;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
    text-align:center;
    width:30px;
}
#admin-return:hover {
    font-size:22pt;
}

#admin-content {
    width:100%;
    padding:10px 0 0 260px;
    background:transparent;
}
#listings-table-wrap {
    float:left;
    width:80%;
    margin:10px 10%;
    border-radius:15px;
    box-shadow:0px 2px 4px rgba(0, 0, 0, 0.35);
    overflow:hidden;
    background:#f9f9f9;
}
#listings-table {
    border-collapse:collapse;
    float:left;
    width:100%;
    word-wrap:break-word;
}
#listings-table tr {
    text-align:center;
}
#listings-table tr td:first-child,#listings-table tr th:first-child {
    text-align:left;
    width:20%;
}
#listings-table tr td:nth-child(2),#listings-table tr th:nth-child(2) {
    width:20%;
}
#listings-table tr td:nth-child(3),#listings-table tr th:nth-child(3) {
    width:20%;
}
#listings-table tr td:nth-child(4),#listings-table tr th:nth-child(4) {
    width:20%;
}
#listings-table tr td:nth-child(5),#listings-table tr th:nth-child(5) {
    width:20%;
}
#listings-table tr th {
    padding:10px; 
    border-bottom:1px solid #d6d6d6;
    cursor:default;
}
.row-highlight {
    background:#D61F26!important;
    color:#fff;
    border-bottom:1px solid #888;
}
/* manage listings sort classes */
.sortable {
    cursor:pointer !important;
}
.sortable:hover {
    color:#D61F26;
}
.sortable:after, .sort-down:after, .sort-up:after {
    font-family:'FontAwesome';
    font-size:12pt;
    font-weight:normal;
    margin-left:8px;
    cursor:pointer;
}
.sortable:after { content:"\f10c";color:#ccc; }
.sort-down:after { content:"\f13a";color:#666; }
.sort-up:after { content:"\f139";color:#666; }
.current-sort {
    
}

#listings-table tr td {
    padding:10px;
    background: -moz-linear-gradient(top,  rgba(206,206,206,0.5) 0%, rgba(206,206,206,0) 5px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,0.5)), color-stop(5px,rgba(206,206,206,0)));
    background: -webkit-linear-gradient(top,  rgba(206,206,206,0.5) 0%,rgba(206,206,206,0) 5px);
    background: -o-linear-gradient(top,  rgba(206,206,206,0.5) 0%,rgba(206,206,206,0) 5px);
    background: -ms-linear-gradient(top,  rgba(206,206,206,0.5) 0%,rgba(206,206,206,0) 5px);
    background: linear-gradient(to bottom,  rgba(206,206,206,0.5) 0%,rgba(206,206,206,0) 5px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80cecece', endColorstr='#00ffffff',GradientType=0 );
}
#listings-table tbody tr:nth-child(2n+1) {
    background:#eee;
}

#listings-table .tool-icon {
    cursor:pointer;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
    font-size:14pt;
    margin-right:4px;
}
#listings-table .tool-icon:hover {
    color:#D61F26;   
}
.row-highlight .tool-icon:hover {
    color:#000 !important;   
}
#create-listing {
    width:80% !important;
    margin:0px 10% !important;
}
#new-listing-form, #edit-listing-form {
    width:80%;
    margin:10px 10%;
}
#new-listing-form .row, #edit-listing-form .row {
    padding:10px 0;
    width:100% !important;
    margin:0 !important;
    overflow:visible;
}
#no-listings-box {
    width:100%;
    text-align:center;
}
#no-listings-box label {
    display:inline-block;
    padding:10px 0;
    line-height:40px;
}
#new-listing-form label, #edit-listing-form label {
    float:left;
    width:20%; 
    line-height:40px;
}
#new-listing-form input[type='text'], #edit-listing-form input[type='text'] {
    float:left;
    width:80%;
    height:40px;
    font-family:'Open Sans',sans-serif;
    padding:5px 10px;
    font-size:12pt;
}
.big-input {
    width:100% !important;
    height:50px;
    text-align:center;
}
#new-listing-form textarea, #edit-listing-form textarea {
    width:80%;
    resize:vertical;
    height:120px;
    float:left;
    font-family:'Open Sans',sans-serif;
    font-size:12pt;
    padding:5px 10px;
}
.listings-back, .applicant-back, .employer-back, .contact-back, .content-back, .listing-back {
    position:absolute;
    top:5px;
    left:15px;
    cursor:pointer;
    font-size:26pt !important;
}
.listing-back { left:0px !important; transition:200ms; }
.listing-back:hover { color:#D61F26; }
#add-field, #add-field-edit {
    float:right;
    margin-right:10px;
    font-size:18pt;
    line-height:45px;
    cursor:pointer;
}
#add-field:hover, #add-field:hover {
    color:#D61F26;
}
#existing-fields, #existing-fields-edit {
    float:right;
    width:80%;
    margin-top:20px;
}
.existing-field {
    background:#888;
    padding:5px 10px;
    color:#fff;
    border-radius:3px;
    cursor:pointer;
    position:relative;
    margin:0 10px 10px 0;
    float:left;
}
.existing-field i {
    position:absolute;
    left:-5px;
    top:-5px;
    background:#fff;
    border-radius:50%;
    width:12px;
    height:12px;
    color:#444;
    font-size:11pt;
}
.existing-field i:hover {
    color:#D61F26;
}
.country-icon {
    width:30px;
    position:relative;
    top:8px;
    margin-right:3px;
}
.country-row input[type="radio"] {
    display:none;   
}
.country-row input[type="radio"] + label {
    margin-right:30px;
    width:auto !important;
    font-weight:300;
    font-size:14pt;
    cursor:pointer;
}
.country-row input[type="radio"]:checked + label img {
    box-shadow:0 0 4px #000;
    border-radius:50%;
}
.toggle {
    margin-right:10px;
    cursor:pointer;
    font-size:22pt;
    position:relative;
    top:2px;
}
.toggle:hover {
    color:#D61F26;
}
#salary-slider, #salary-slider-edit {
    width:80%;
    float:left;
    margin-top:12px;
}
.salary-input {
    width:39% !important; 
    margin-top:15px;
}
.salary-input + .salary-input {
    margin-left:2%;
    
}
.employment-row {
    float:left;
    width:100%;
}
.employment-row input[type="radio"], .employment-row input[type="checkbox"], #no-listings-box input[type="checkbox"] {
    display:none;
}
.employment-row input[type="radio"] + label i, .employment-row input[type="checkbox"] + label i, #no-listings-box input[type="checkbox"] + label i {
    width:14px;
    height:14px;
    border-radius:3px;
    margin-right:3px;
}
.employment-row input[type="radio"]:checked + label i, .employment-row input[type="checkbox"]:checked + label i, #no-listings-box input[type="checkbox"]:checked + label i {
    background:#D61F26;
}
.employment-row input[type="radio"] + label, .employment-row input[type="checkbox"] + label, #no-listings-box input[type="checkbox"] + label {
    margin-right:40px;
    width:auto !important;
    font-weight:300;
    font-size:14pt;
    cursor:pointer;
}

/* Timeline Items */
#timeline-wrap {
    width:90%;
    float:left;
    margin:20px 5%;
    position:relative;
}
#timeline-toolbar {
    width:90%;
    float:left;
    margin:5px 5%;
    padding:10px;
    background:#fdfdfd;
    border:1px solid #ccc;
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.35);
    padding-bottom:20px;
}
.tt-fixed {
    position:fixed;
    z-index:9999;
    top:-5px;
    left:0;
    width:100%;
    padding:0px 0px 0px 260px;
}
#timeline-toolbar span {
    float:left;      
    font-size:14pt;
    min-height:40px;
    padding-top:10px;
}
#timeline-toolbar i {
    float:left; 
    margin-top:3px;
    font-size:18pt;
}
#timeline-toolbar select {
    width:82%;
    margin:0 5% 0 3%;
    padding-top:2px;
    float:left;
    font-size:10pt;
    font-family:'Open Sans',sans-serif;
    background:#fff;
    height:30px;
    border:1px solid #ccc;
    border-radius:5px;
    padding-left:10px;
}
#timeline-toolbar option {
    padding:2px 10px;   
}
#tt-time {
    width:38%;
}
#tt-time i {
    width:10%;
    text-align:right;
}
#tt-type i {
    width:10%;
    text-align:right;
    padding-right:1%;
}
#tt-type {
    width:57%;
}
#tt-type input {
    display:none;
}
#tt-type input +label:before {
    font-family:'FontAwesome';
    font-size:12pt;
    font-weight:normal;
    margin-left:8px;
    cursor:pointer;
    content:"\f096";
    color:#ccc;
    margin-right:5px;
}
#tt-type input:checked +label:before {
    font-size:11.5pt;
    content:"\f0c8";
    color:#D61F26;
}
#tt-type label {
    float:left; 
    height:20px;
    margin-right:10px;
    cursor:pointer;
}
#tt-size {
    width:5%;
}
#tt-size i {
    cursor:pointer;
}   
#timeline-stem {
    position:absolute;
    left:50%;
    top:0;
    width:1px;
    height:100%;
    background:#999;
}
#timeline-start {
    position:absolute;
    width:50px;
    height:50px;
    left:50%;
    margin-left:-25px;
    top:-25px;
    border-radius:50%;
    background:url('../img/start-button-up-250.png');
    background-size:50px;
}
.timeline-label {
    position:absolute;
    width:300px;
    font-size:12pt;
    font-weight:700;
    left:50%;
    top:185px;
    margin-left:-150px;
    border-radius:3px;
    background:#fff;
    text-align:center;
    padding:6px 0;
    text-transform:uppercase;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
    color:#D61F26;
}
.timeline-item {
    position:relative;
    float:left;
    width:90%;
    margin:50px 10% 0 5%;
    padding-bottom:15px;
    background:#e6e6e6;
    border:1px solid #ccc;
    text-align:center;
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.15);
}
.timeline-item i {
    font-size:28pt;
    color:#999;
    float:left;
    width:10%;
    margin-top:14px;
    text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8);
    cursor:default;
}
.unseen {
    color:#D61F26 !important; 
    cursor:pointer !important;
}
.unseen:hover {
    color:#fd2d35 !important; 
}
#notif-spacer {
    margin-top:250px;
    float:left;
    width:100%;
    height:1px;
}
.timeline-item .timeline-item-title {
    color:#555;
    font-size:18pt;
    font-weight:300;
    float:left;
    width:85%;
    margin-top:15px;
}
.timeline-item .timeline-item-time {
    width:100%;
    float:left;
    padding:2px 0 1px;
    font-size:10.5pt;
    font-weight:600;
    text-transform:uppercase;
    color:#999;
    background:#eee;
}
.timeline-item-small {
    position:relative;
    float:left;
    width:90%;
    margin:20px 10% 0 5%;
    padding-bottom:10px;
    background:#e6e6e6;
    border:1px solid #ccc;
    text-align:center;
    box-shadow:0px 1px 4px rgba(0, 0, 0, 0.15);   
}
.timeline-item-small i {
    font-size:18pt;
    color:#999;
    float:left;
    width:10%;
    margin-top:9px;
    text-shadow:0px 0px 3px rgba(255, 255, 255, 0.6);
    cursor:default;
}
.timeline-item-small .timeline-item-title {
    color:#555;
    font-size:14pt;
    font-weight:300;
    float:left;
    width:85%;
    margin-top:8px;
}
.timeline-item-small .timeline-item-time {
    width:100%;
    float:left;
    padding:2px 0 1px;
    font-size:8pt;
    font-weight:600;
    text-transform:uppercase;
    color:#999;
    background:#eee;
}

/* Long Listings Section */
.ll-row {
    width:90%;
    margin:0 5%;
    float:left;
}
#ll-title {
    width:100%;
    float:left;
    text-align:center;
    font-size:32pt;
    line-height:32pt;
    font-weight:600;
    padding:0 25px 20px 25px;
    margin-top:20px;
    margin-bottom:15px;
    border-bottom:1px solid #ccc;
    position:relative;
}
#ll-fields {
    width:100%;
    float:left;
    text-align:center;
    font-size:16pt;
    font-weight:300;
}
#ll-fields a {
    
}
#ll-fields a:after {
    content:'\2022';
    margin:0 5px;
}
#ll-fields a:last-child:after {
    content:none;
}
.ll-row-single {
    margin:10px 5%;
    width:90%;
    float:left;
}
.ll-row-single label {
    font-size:20pt;
    line-height:24pt;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
    width:100px;
    /* padding-right:20px;
    border-right:1px solid #ccc;
    text-align:right;*/
    float:left;
}
.ll-row-single span {
    font-size:18pt;
    font-weight:300;
    line-height:24pt;
    padding-left:15px;
    color:#D61F26;
    float:left;
}
.ll-row-single img {
    width:24px;
    margin:0 5px;
}
.ll-row label {
    font-size:20pt;
    line-height:24pt;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
    float:left;   
    width:100%;
    margin:10px 0 10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
.ll-row p {
    font-size:14pt;
    line-height:20pt;
    font-weight:300;
}
.ll-row ul {
    list-style:circle inside none;
}
.ll-row li {
    font-size:14pt;
    line-height:20pt;
    font-weight:300;
    margin-left:10px;
}

/* EMPLOYER CONTACT FORM */
#login-form {
    padding:50px 25%;   
}
#contact-form {
    padding-bottom:50px;
    float:left;
}
#contact-form .row {
    padding:5px;
    position:relative;
    overflow:visible;
}
#contact-form label {
    width:25%;
    float:left;
    margin-top:6px;
    font-size:17pt;
    line-height:20pt;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
    text-align:right;
    padding-right:5%;
}
#contact-form input[type='text'], #contact-form input[type='email'], #contact-form input[type='tel'], #contact-form input[type='password'], #contact-form textarea {
    width:75%;
    float:left;
    height:40px;
    font-family:'Open Sans',sans-serif;
    font-size:14pt;
    padding:5px;
    border-radius:3px;
    border:1px solid #aaa;
}
#contact-form input[type='checkbox'] {
    float:left;
    display:none;
}
#contact-form input[type='checkbox'] + label {
    text-align:left;
    font-weight:400;
    font-family:'Open Sans',sans-serif;
    font-size:12pt;
    width:35%;
    margin:4px 1.25% 0;
    background:#ccc;
    border-radius:5px;
    text-align:center;
    padding:5px 8px;
    cursor:pointer;
    border:2px dotted transparent;
}
#contact-form input[type='checkbox'] + label:hover {
    border:2px dotted #aaa;   
}
#contact-form input[type='checkbox']:checked + label {
    background:#D61F26;
    color:#fff;
    border:2px dotted transparent;
}
#contact-form input[type='checkbox']:checked + label:hover {
    background:#dd4349 !important; 
}
#contact-form textarea {
    min-height:200px;
    resize:vertical;
}
#contact-form input[type='submit'], #contact-form input[type='button'] {
    width:100%;
    height:40px;
    background:#ccc;
    border:1px solid #aaa;
    border-radius:5px;
    float:left;
    font-family:'Open Sans',sans-serif;
    font-size:14pt;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    padding:1px 0;
    transition:250ms;
    -webkit-transition:250ms;
    -moz-transition:250ms;
    box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
}
#contact-form input[type='submit']:hover, #submit-graphic:hover + input[type='submit'], #contact-form input[type='button']:hover {
    background:#D61F26;
    color:#fff;
    box-shadow:inset 0px -2px 3px rgba(0, 0, 0, 0.3);
    padding:0 0 1px;
    border:1px solid #691013;
}
#contact-form input[type='file'] {
    font-size:100%;
    margin-top:8px;
    width:75%;
    padding:10px;
}
#position-box {
    width:75%;
    float:left;
}
#position-add-field {
    float:right !important; 
    margin-top:10px;
}
#submit-graphic {
    position:absolute;
    top:-30px; left:8%;
    width:110px;
    cursor:pointer;
}
#employer-preview-panel .row, #applicant-preview-panel .row {
    width:90%;
    margin-left:5%;
    margin-bottom:10px;
}
#employer-preview-panel label, #applicant-preview-panel label {
    width:25%; 
    padding-right:2%;
    float:left;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
    font-size:18pt;
    line-height:20pt;
    text-align:center;
}
#employer-preview-panel span, #applicant-preview-panel span {
    width:75%;
    float:left;
    font-size:18pt;
    line-height:20pt;
}
#employer-preview-panel span b, #applicant-preview-panel span b {
    font-weight:600;
}

#filter-box {
    border:1px solid #aaa;
    border-radius:5px 5px 0 0;
    height:100px;
    width:90%;
    margin-left:5%;
    display:none;
    margin-bottom:-3px;
    background:#fff;
    padding:5px 15px;
    float:left;
}
#filter-box .country-row label {
    margin-right:0;   
}
#filter-box .country-row {
    width:50%;
    float:left;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
}
#filter-box .employment-row {
    width:50%;
    float:left;
    padding:0 0 15px 20px;
    border-left:1px solid #ccc;
    margin:10px 0;
    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
}
#contact-form input[type="file"] {
    width:75%;
    padding:10px;
}
.alert {
    float:left;
    width:99%;
    margin-left:0.5%;
    padding:6px 10px;
    background:rgba(214, 31, 38, 0.7);
    border:1px solid rgba(214, 31, 38, 1);
    color:#fff;
    border-radius:4px;
    font-size:13pt;
}
.alert + .alert {
    margin-top:5px;   
}
.alert i {
    margin:0 5px;   
}
.alert span {
    font-weight:600;
}
.alert-glow {
    box-shadow:0px 0px 4px rgba(214, 31, 38, 0.8);   
}

/* ADMIN MANAGE CONTENT */
#admin-content textarea {
    resize:vertical;
    font-family:'Open Sans',sans-serif;
    font-size:14pt;
    padding:10px;
    width:100%;
    min-height:160px;
}
#edit-home, #edit-cs, #edit-emp, #edit-about, #edit-contact {
    padding-right:10px; 
    max-width:1100px;
    margin:0 auto;
}
#content-main-panel .light-button {
    margin-bottom:20px;
}
#edit-home .light-button, #edit-cs .light-button, #edit-emp .light-button, #edit-about .light-button, #edit-contact .light-button { width:100%;    margin:0; }
#fake-splash {
    width:100%;
    height:550px;
    background-size:1080px;
    float:left;
    margin-bottom:20px;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 1); 
    background:#000 url('/content/dfc660bb822e0cd2c5e995aac4296033.jpg') no-repeat 50% 50%;
}
.pic-edit {
    position:absolute;
    z-index:100;
    left:50%;
    width:400px;
    margin-left:-200px;
    top:35%;
    background:rgba(255, 255, 255, 0.75);
    border-radius:5px;
    padding:10px 10px 20px 10px;
    font-size:18pt;
    line-height:24pt;
    text-align:center;
}
.pic-edit input {
    font-size:14pt; 
    margin-top:10px;
}
#fake-splash-cr {
    width:100%;
    height:550px;
    background-size:1080px;
    background:#000 url('../content/797cb8dd12cbbae5df07bd5659993ebd.jpg') no-repeat 50% 50%;
    float:left;
    margin-bottom:20px;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 1);
    overflow:hidden;
}
.simple-input-label {
    float:left;
    width:30%;
    text-align:center;
    font-size:13pt;
    line-height:40px;
}
.simple-input {
    width:70%;
    float:right;
    padding:5px 10px;
    font-family:'Open Sans',sans-serif;
    font-size:13pt;
    height:40px;
}
#final {
    background:url(../img/employer-bw.jpg) no-repeat 50% 50%;
    background-size:cover;
    float:left;
    width:100%;
    position:relative;
}
#fake-final {
    float:left;
    width:100%;
    position:relative;
    height:800px;
    background:url(/img/employer-bw.jpg) no-repeat 50% 50%;
    background-size:cover;
    margin:25px 0;
}
.emp-box {
    background:#000;
    width:100%;
    border-radius:13px;
    position:relative;
    box-shadow:inset 0 8px 15px rgba(0, 0, 0, 1); 
    overflow:hidden;
    float:left;
}
 
/* iPads (portrait and landscape) ----------- */
@media screen and (max-width : 1100px) {
    #edit-home, #edit-cs, #edit-emp, #edit-about, #edit-contact {
        padding-right:0px;   
    }
    .mb-only {
        display:block;   
    }
    .mb-remove {
        display:none;
    }
    nav {
        left:0;
        margin:0;
        width:100%;
    }

    nav ul li {
        display:none;
    }

    #nav-logo {
        display:block;
    }

    #mobile-menu-button {
        display:block;
    }

    #mobile-menu {
        display:none;
        min-width:480px;
        width:100%;
        max-width:1080px;
        left:0;margin-left:0;
    }

    .row {
        width:95%;
        margin:0 2.5% 20px;
        float:left;
    }

    #main {
        margin:0;
        left:0;
        width:100%;
    }
    #main:before,#main:after { width:0; }

    #splash, #splash-cr, #splash-about {
        width:95%;
        margin:0 2.5% 20px;
    }

    #copyright {
        width:100%;
        margin:0;
        left:0;
    }

    #admin-nav {
        display:none;
    }
    #admin-nav-mobile {
        display:block;
    }
    #admin-nav-mobile-menu-button {
        display:block;
    }

    #admin-nav-mobile-menu {
        display:none;
        min-width:480px;
        width:100%;
        max-width:1080px;
        left:0;margin-left:0;
    }
    #admin-content {
        width:100%;
        padding:90px 10px 10px;
    }
    .tt-fixed {
        padding:90px 10px 10px;
    }
    #contact-form .two-line-contact {
        margin-top:-8px;
    }
    h2 .lead-in {
        bottom:-30px;
        right:50%;
        width:200px;
        margin-right:-100px;
    }
    .mb-start {
        width:30px !important;
        height:30px !important;
        margin-left:-15px !important;
        top:-5px !important;
        background-size:30px !important;
    }
    #login-form {
        padding:50px 10%;   
    }
    
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width : 480px) {

    nav {
        min-width:480px;
    }

}