@import url("strap.css"); @font-face { font-family: 'museo_slab500'; src: url('fonts/museo_slab_500-webfont.eot'); src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'),homepage url('fonts/museo_slab_500-webfont.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_sans500'; src: url('fonts/museosans_500-webfont.eot'); src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_500-webfont.woff') format('woff'), url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#museo_sans900') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo300'; src: url('fonts/museo300-regular-webfont.eot'); src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo300-regular-webfont.woff') format('woff'), url('fonts/museo300-regular-webfont.ttf') format('truetype'), url('fonts/museo300-regular-webfont.svg#museo300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_sans900'; src: url('fonts/museosans_900-webfont.eot'); src: url('fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_900-webfont.woff') format('woff'), url('fonts/museosans_900-webfont.ttf') format('truetype'), url('fonts/museosans_900-webfont.svg#museo_sans900') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo700'; src: url('fonts/museo700-regular-webfont.eot'); src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo700-regular-webfont.woff') format('woff'), url('fonts/museo700-regular-webfont.ttf') format('truetype'), url('fonts/museo700-regular-webfont.svg#museo700') format('svg'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'thirsty_script_mediumregular'; src: url('fonts/thirstyscriptmedium-webfont.eot'); src: url('fonts/thirstyscriptmedium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/thirstyscriptmedium-webfont.woff') format('woff'), url('fonts/thirstyscriptmedium-webfont.ttf') format('truetype'), url('fonts/thirstyscriptmedium-webfont.svg#thirsty_script_mediumregular') format('svg'); font-weight: normal; font-style: normal; } */ *:active,*:visited,*:hover { outline:0; } body { font-size: 14px; line-height: 20px; font-family:Trebuchet MS, sans-serif; color: #ccc; background:#252227 url(img/bg/greysqaures.jpg); margin: 0; padding:0; position:relative; } body.cooming-soon { position:inherit; height:100%; min-height: 100%; -webkit-box-shadow:1px 1px 11px 1px #000000 inset; box-shadow:1px 1px 11px 1px #000000 inset; } body.fixedNav { padding:60px 0 40px 0; } #main-body-content { padding-top:100px; /* overflow:hidden; */ } .inner #main-body-content { padding-top:30px; } a, a:visited { color: #c20e50; text-decoration: none; outline:0 none; } a:hover { color: #fff; text-decoration:none; outline:0 none; } a:active { outline:0 none; text-decoration:none; } /* Paragraph Elements */ p { margin:0 0 10px; font-family:Trebuchet MS, sans-serif; font-size:14px; line-height:1.5em; } .lead { margin-bottom:10px; text-transorm:uppercase; color:#c20e50; font-size: 20px; font-weight: 200; line-height: 30px; text-transform:uppercase; font-family:museo_slab500, "Helvetica Neue", Helvetica, Arial, sans-serif; } .uppercase-grey { text-transform:uppercase; font-size:16px; color:#666; font-fmaily:museo300, Helvetica, Arial, sans-serif; } a.plain-link { font-family:Trebuchet MS, sans-serif; font-size:14px; line-height:1.5em; color:#ccc; } a.plain-link:hover { color: #fff; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999; } /* Header Elements */ h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight:normal; line-height:1.2em; color:inherit; text-rendering:optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999; } h1 { font-size: 60px; line-height:1em; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h1 span.smaller, .fake-header span.smaller { display:block; font-size:23%; line-height:1.1em; } #we-are-pretty h1 { font-size:50px; } h1.sans { font-size:50px; line-height:1em; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h2 { font-size:30px; line-height:40px; font-family:museo_slab500, "Helvetica Neue", Helvetica, Arial, sans-serif; } h2.sans-small { text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h2.sans { font-size:50px; line-height:1em; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h3 { font-size: 24px; line-height:28px; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h4 { font-size: 18px; color:#ccc; text-transform:uppercase; line-height: 20px; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h5 { font-family:museo_slab500, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; color:#999; line-height:1.4em; } h5.think-pretty { text-transform:uppercase; font-size:21px; color:#ccc; } h6 { color:#fff; font-size:14px; font-weight:bold; line-height:20px; margin-bottom:5px; } h1 small { font-size: 24px; } h2 small { font-size: 18px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } h1 small.small-intro { font-size: 14px; font-weight:normal; display:block; color:#ccc; } #bc-header { margin-bottom:20px } span.fake-header{ font-size: 60px; line-height:1em; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } span.fake-header small { font-size: 14px; line-height:15px; font-weight:normal; display:block; color:#ccc;} small.new-line { font-size: 14px; font-weight:normal; display:block; color:#ccc; line-height:1em; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } small.new-line + h1 { margin: 0px 0 10px; } h1 small.new-line { font-size: 14px; font-weight:normal; display:block; color:#ccc; } h2 small.new-line { font-size: 12px; font-weight:normal; display:block; color:#ccc; } h3 small.new-line { font-size: 10px; font-weight:normal; display:block; color:#ccc; } h4 small.new-line { font-size: 9px; font-weight:normal; display:block; color:#ccc; } h1.smaller-h1 { font-size:24px; line-height:1.4em; font-weight:normal; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } #because { font-size:90px; } h1 .small-grey, h2 .small-grey, h3 .small-grey, h4 .small-grey, h5 .small-grey { font-style:italic; color:#666; text-transform:capitalize; font-weight:normal; display:block; } h1 .small-grey { font-size:19px; } h2 .small-grey { font-size:17px; } h3 .small-grey { font-size:15px; } h4 .small-grey { font-size:13px; } h5 .small-grey { font-size:10px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee; } .yellow { color: #fbb034;} /* List Elements */ ul, ol { padding: 0; margin: 0 0 10px 25px; list-style:none; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.sqaure-style-list{ margin-left:0; } ul.sqaure-style-list li { list-style:none; padding-left:20px; background:url(img/pinksquare.png) no-repeat left 7px; margin-bottom:5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal dt { float: left; width: 120px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 130px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } abbr[title] { cursor: help; border-bottom: 1px dotted #999; } abbr.initialism{ font-size: 90%; text-transform: uppercase; } /* Quote & Code */ blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding:3px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } /* Label */ .label, .badge{ font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; } .label { padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding: 1px 9px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href]{ background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } /* Tables */ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #ddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-right-topleft: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #474549; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table [class*=span], .row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } table .span1 { float: none; width: 44px; margin-left: 0; } table .span2 { float: none; width: 124px; margin-left: 0; } table .span3 { float: none; width: 204px; margin-left: 0; } table .span4 { float: none; width: 284px; margin-left: 0; } table .span5 { float: none; width: 364px; margin-left: 0; } table .span6 { float: none; width: 444px; margin-left: 0; } table .span7 { float: none; width: 524px; margin-left: 0; } table .span8 { float: none; width: 604px; margin-left: 0; } table .span9 { float: none; width: 684px; margin-left: 0; } table .span10 { float: none; width: 764px; margin-left: 0; } table .span11 { float: none; width: 844px; margin-left: 0; } table .span12 { float: none; width: 924px; margin-left: 0; } table .span13 { float: none; width: 1004px; margin-left: 0; } table .span14 { float: none; width: 1084px; margin-left: 0; } table .span15 { float: none; width: 1164px; margin-left: 0; } table .span16 { float: none; width: 1244px; margin-left: 0; } table .span17 { float: none; width: 1324px; margin-left: 0; } table .span18 { float: none; width: 1404px; margin-left: 0; } table .span19 { float: none; width: 1484px; margin-left: 0; } table .span20 { float: none; width: 1564px; margin-left: 0; } table .span21 { float: none; width: 1644px; margin-left: 0; } table .span22 { float: none; width: 1724px; margin-left: 0; } table .span23 { float: none; width: 1804px; margin-left: 0; } table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td, .table tbody tr.New td { background-color: #dff0d8; } .table tbody tr.error td, .table tbody tr.Closed td { background-color: #f2dede; } .table tbody tr.info td, .table tbody tr.Open td { background-color: #d9edf7; } .table tbody tr.warning td, .table tbody tr.Re-Opened td, .table tbody tr.Escalated td { background-color: #fcf8e3; } /* @end */ /* ************** Web Forms ************** */ form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom:3px; font-size:16px; text-transform:uppercase; font-weight:normal; color:#999; font-style:italic; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height:26px; padding:4px 6px; margin-bottom: 9px; font-size: 14px; line-height:26px; color: #555; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } input, textarea { width: 210px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color:#d3d3d4; border: 1px solid #7f7e80; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(194,14,80,.8); outline:0 none; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: 0 1px 1px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,1); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; } select, input[type="file"] { height: 31px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 31px; padding-top:6px; } select { width: 220px; border: 1px solid #bbb; background-color: #d3d3d4; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999; background-color: #fcfcfc; border-color: #ccc; cursor: not-allowed; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color:#333; text-shadow:1px 0 1px #fff; text-transform:capitalize; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; text-transform:capitalize; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; text-transform:capitalize; } input:-moz-placeholder:focus, input::-webkit-input-placeholder:focus, textarea:-ms-input-placeholder:focus, input::-webkit-input-placeholder:focus, textarea::-webkit-input-placeholder:focus { color:#999; text-transform:capitalize; } .placeholder { color: #999; text-transform:capitalize; } .placeholderFocus { color: #999; text-transform:capitalize; } ::-webkit-input-placeholder { text-transform:capitalize; } ::-moz-placeholder { text-transform:capitalize; } /* firefox 19+ */ :-ms-input-placeholder { text-transform:capitalize; } /* ie */ input:-moz-placeholder { text-transform:capitalize; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #eee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning .checkbox:focus, .control-group.warning .radio:focus, .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error .checkbox:focus, .control-group.error .radio:focus, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success .checkbox:focus, .control-group.success .radio:focus, .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color:#c20e50; color:#999; -webkit-box-shadow: 0 0 2px #000; -moz-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background:#000; border:0 none; *zoom: 1; } .help-block, .help-inline { color:#666; } .help-block { margin-bottom: 10px; } .help-inline { padding-left: 5px; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; font-size: 14px; vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-append .add-on, .input-prepend .add-on { width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { margin-left: -1px; vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; } .form-horizontal .control-label { float: left; width: 140px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *padding-left: 20px; margin-left: 160px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 160px; } .form-horizontal .help-block { margin-top: 10px; margin-bottom: 0; } .form-horizontal .form-actions { padding-left: 160px; } .req { font-size:1em; font-size:17px; color:#c20e50; font-weight:normal; font-family:Arial, sans-serif; } input.required { background:#d3d3d4/* url(ico/required.png) no-repeat 99% 4px */; } /* ****** Captcha */ #captcha-area { } #captcha-reload { float:left; width:345px; margin-right:10px; } .captchaimg { height:36px; width:160px; background:#666; float:left; } .captchaimg img { } #CaptchaV2 { height:27px; float:left; margin-left:10px; } #CaptchaV2:focus { } #reload-captcha { height:25px; float:left; } #reload-captcha:after { display:none; } p.captcha-message { font-size:12px; color:#999; line-height:1.3em; } #contact-form #CaptchaV2 { float:none; height:29px; margin-left:0; } #contact-form .captchaimg { float:none; width:220px !important; margin-bottom:10px; margin-top:23px; text-align:center; } #contact-form #reload-captcha { margin-right:0; position:absolute; bottom:8px; right:0; } #contact-form #captcha-reload { float:none; width:auto; padding:0; margin:0; } #contact-form .captcha-region { position:relative; } #recaptcha_area, #recaptcha_table { width:220px !important; overflow:hidden; } .recaptcha_r4_c4, .recaptcha_r2_c1, .recaptcha_r2_c2, .recaptcha_r3_c1, .recaptcha_r3_c3, .recaptcha_r7_c1, .recaptcha_r8_c1, .recaptcha_r1_c1, #recaptcha_privacy { display:none; } .recaptchatable .recaptcha_r4_c1, .recaptcha_r4_c2, .recaptchatable .recaptcha_r3_c2 { background:none !important; } #recaptcha_widget_div { margin-bottom:20px; } /* ****** Buttons */ /* Default */ .btn, a.btn { padding:7px 14px 6px 14px; margin-bottom: 0; margin-right:18px; font-size: 14px; line-height: 20px; *line-height: 20px; overflow:visible; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background:#f5f5f5; -webkit-border-radius:0; border-radius:0; position:relative; border:0 none; text-transform:uppercase; font-style:italic; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } .btn:after, a.btn:after { content:""; float:right; position:absolute; top:0; right:-16px; border-bottom-width:17px; border-bottom-color:transparent; border-bottom-style:solid; border-left-width:17px; border-left-color:#f5f5f5; border-left-style:solid; border-top-width:17px; border-top-color:transparent; border-top-style:solid; height:0; width:0; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6;} .btn:active, .btn.active { background-color: #ccc \9; } .btn:hover { color: #333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; background-position: 0 -30px; border:0 none; -webkit-transition: background-position 0.01s linear; -moz-transition: background-position 0.01s linear; -o-transition: background-position 0.01s linear; transition: background-position 0.01s linear; } .btn:focus { outline:thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; border-color:#e6e6e6; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn:hover:after, a.btn:hover:after { border-left-color:#e6e6e6; } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large, a.btn-large { padding:9px 14px 11px 14px; font-size:16px; line-height:normal; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 3px 9px; font-size: 12px; line-height: 18px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 16px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color:#fff; } .btn { border-color:#ccc; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } /* Primary */ .btn-primary, a.btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #c20e50; border:0 none; *background-color: #c20e50; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background:#b3154f; *background: #b3154f; } .btn-primary:active, .btn-primary.active { background-color: #b3154f \9; } .btn-primary:after, a.btn-primary:after { border-left-color: #c20e50; } .btn-primary:hover:after, a.btn-primary:hover:after, .btn-primary.active:after, .btn-primary.disabled:after, .btn-primary[disabled]:after { border-left-color:#b3154f; } /* Warning */ .btn-warning , a.btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #faa732; border:0 none; } .btn-warning:after, a.btn-warning:after { border-left-color: #faa732; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #fff; background-color: #f89406; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-warning:hover:after, .btn-warning:active:after, .btn-warning.active:after, .btn-warning.disabled:after, .btn-warning[disabled]:after { border-left-color:#f89406; } /* Danger */ .btn-danger, a.btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background:#da4f49; border:0 none; } .btn-danger:after, a.btn-danger:after { border-left-color:#da4f49; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background: #bd362f; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-danger:hover:after, .btn-danger:active:after, .btn-danger.active:after, .btn-danger.disabled:after, .btn-danger[disabled]:after { border-left-color:#bd362f; } /* Success */ .btn-success, a.btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #5bb75b; border:0 none; } .btn-success:after, a.btn-success:after { border-left-color:#5bb75b; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background: #51a351; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-success:hover:after, .btn-success:active:after, .btn-success.active:after, .btn-success.disabled:after, .btn-success[disabled]:after { border-left-color:#51a351; } /* Information */ .btn-info, a.btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #49afcd; border:0 none; } .btn-info:after, a.btn-info:after { border-left-color:#49afcd; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background: #2f96b4; } .btn-info:active, .btn-info.active { background: #24748c \9; } .btn-info:hover:after, .btn-info:active:after, .btn-info.active:after, .btn-info.disabled:after, .btn-info[disabled]:after { border-left-color:#2f96b4; } /* Inverse */ .btn-inverse, a.btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #363636; border:0 none; } .btn-inverse:after, a.btn-inverse:after { border-left-color:#363636; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color:#fff; background: #222222; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } .btn-inverse:hover:after, .btn-inverse:active:after, .btn-inverse.active:after, .btn-inverse.disabled:after, .btn-inverse[disabled]:after { border-left-color:#222222; } /* Actual Button stuff */ button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; margin-right:18px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 11px; margin-right:20px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active { position:relative; background: transparent; background-image:none; text-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; } .btn-link:after, a.btn-link:after { content:""; display:none; } .btn-link { border:0 none; cursor: pointer; color:#c20e50; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #fff; text-decoration: underline; background-color: transparent; } .btn-link:hover:after { display:none; } /* After Sizes */ .btn-large:after, a.btn-large:after { content:""; right:-20px; border-bottom-width:20px; border-left-width:20px; border-top-width:20px; } .btn-large:hover:after, .btn-large:active:after, .btn-large.active:after, .btn-large.disabled:after, .btn-large[disabled]:after { content:""; right:-20px; border-bottom-width:20px; border-left-width:20px; border-top-width:20px; } button.btn.btn-small:after, input.btn.btn-small[type="submit"]:after { content:""; right:-12px; border-bottom-width:12px; border-left-width:12px; border-top-width:12px; } button.btn.btn-mini:after, input.btn.btn-mini[type="submit"]:after { content:""; right:-10px; border-bottom-width:10px; border-left-width:10px; border-top-width:10px; } .btn-reverse.btn { position:relative; } .btn-reverse.btn:before { border-right-color:#f5f5f5; border-top-color:transparent; border-top-style:solid; border-bottom-color:transparent; border-bottom-style:solid; border-right-style:solid; height:0; width:0; position:absolute; content:""; float:left; top:0; left:-19px; } .btn-reverse.btn:after { display:none; } /* Reverse Colours */ .btn-reverse.btn.btn-primary:before { border-right-color:#c20e50; } .btn-reverse.btn.btn-primary:hover:before { border-right-color:#b3154f } /* Reverse Sizes */ .btn-reverse.btn-large:before { border-right-width:19px; border-bottom-width:19px; border-right-width:19px; border-top-width:19px; } .btn-reverse.btn-small:after { left:-12px; border-right-width:12px; } .btn-reverse.btn-mini:after { left:-10px; border-right-width:10px; } [class^="icon-"], [class*=" icon-"] { background-image:url(img/glyphicons-halflings.png); } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav > .active > a > [class^="icon-"], .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url(img/glyphicons-halflings-white.png); } .btn-group { position: relative; font-size: 0; white-space: nowrap; *margin-left: .3em; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn{ margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; border-bottom-right-radius:0; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .dropdown-toggle:after, a.dropdown-toggle:after { display:none; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret{ margin-top: 6px; } .btn-large .caret{ border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .dropup .btn-large .caret { border-bottom: 5px solid #000; border-top: 0; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret,.btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .btn-group-vertical .btn:after, .btn-group-vertical .btn:after { display:none; } /* ************** Menu Stuctures ************** */ .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav li { list-style:none; } .navbar .nav ul > li { float:left; margin-right:20px; } #utility-nav .nav ul > li { margin-right:0; background:none; } .navbar .nav ul > li ul li { float:none; } #main-nav li.whyuseus { margin-top:20px; } #main-nav li.short-spacing { margin-top:10px; } #main-nav li.spacing { margin-bottom:5px; } #main-nav li.spacing a { color:#666; font-size:13px; text-transform:uppercase; font-style:normal; font-family:museo_sans900,Arial,sans-serif; } .nav > li > a { display: block; text-shadow:none; } .nav > ul > li > a{ display: block; } .nav > li > a:hover, .nav > ul > li > a:hover { text-decoration: none; background-color: #eee; } .nav > .pull-right, .nav > ul > .pull-right { float: right; } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color:#c20e50; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .nav-header, .nav-list > li.nav-header > a, .nav-list > li.nav-header > a:visited, .nav-list >.li.nav-header > a:active, .nav-list > li.nav-header > a:hover { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #fff; background-color: #0088cc; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color:#c20e50; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret{ border-top-color: #555; border-bottom-color: #555; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover{ color: #fff; background-color: #999; border-color: #999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eee #ddd #eee #eee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eee #eee #eee #ddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff; } .nav > .disabled > a { color: #999; } .nav > .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom:0; color: #555; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #fff, #f2f2f2); background-image: -o-linear-gradient(top, #fff, #f2f2f2); background-image: linear-gradient(to bottom, #fff, #f2f2f2); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #555; text-shadow: 0 1px 0 #fff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #555; } .navbar-link:hover { color: #333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #fff; } .navbar .btn, .navbar .btn-group { margin-top: 6px; } .navbar .btn-group .btn { margin: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; width: 100%; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner, .navbar-static-top .navbar-inner { border: 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1); } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav > ul { position: relative; left: 0; display: block; margin:0; } .navbar .nav > li > a, .navbar .nav > ul > li > a { float: none; padding: 10px 15px 10px; color: #555; text-decoration: none; text-shadow: 0 1px 0 #fff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav > ul > li > a:focus, .navbar .nav > ul > li > a:hover { background:none; color: #333; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > li > a:hover, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .homepage .navbar .nav .homepage-link a,.homepage2 .navbar .nav .homepage-link a, .navbar .nav > ul > .active > a, .navbar .nav > ul > .active > a:hover, .navbar .nav > ul > .active > a:focus { color: #c20e50; text-decoration:none; margin-top:-9px; background:none; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); padding-bottom:3px; padding-left:0; padding-right:0; -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #fff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #ccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before, .navbar .nav > ul > li > .dropdown-menu:before { display:none; } .navbar .nav > li > .dropdown-menu:after, .navbar .nav > ul > li > .dropdown-menu:after { display:block; padding-bottom:15px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before, .navbar-fixed-bottom .nav > ul > li > .dropdown-menu:before {display:none; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after, .navbar-fixed-bottom > ul .nav > li > .dropdown-menu:after { display:none; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .navbar .nav li.dropdown-hover.open > .dropdown-toggle, .navbar .nav li.dropdown-hover.active > .dropdown-toggle, .navbar .nav li.dropdown-hover.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555; } .navbar .nav li.dropdown > .dropdown-toggle .caret, .navbar .nav li.dropdown-hover > .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret, .navbar .nav li.dropdown-hover.open > .dropdown-toggle .caret, .navbar .nav li.dropdown-hover.active > .dropdown-toggle .caret, .navbar .nav li.dropdown-hover.open.active > .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right, .navbar .nav > ul > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before, .navbar .nav > ul > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after, .navbar .nav > ul > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu, .navbar .nav > ul > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse { color: #999; } .navbar-inverse .navbar-inner { background:#131114 url(img/bg/black-grid.jpg) repeat 0 0; } .navbar-inverse .brand, .navbar-inverse .nav > li > a, .navbar-inverse .brand, .navbar-inverse .nav > ul > li > a { color:#666; font-size:14px; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; text-transform:uppercase; text-shadow:none; padding-left:0; padding-right:0; } .navbar-inverse .brand, .navbar-inverse .nav > li > a span, .navbar-inverse .brand, .navbar-inverse .nav > ul > li > a span { display:none; } .navbar-inverse .nav > ul > li.active > a span, .homepage .navbar-inverse .nav > ul > li.homepage-link > a span, .homepage2 .navbar-inverse .nav > ul > li.homepage-link > a span, .navbar-inverse .nav > ul > li > a:hover span, .navbar .nav .active a span { display:block; color:#999; font-size:9px; font-weight:bold; margin:2px 0 -2px; line-height:9px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:hover, .navbar-inverse .nav > ul > li > a:hover { color: #fff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav >u > li > a:hover, .navbar-inverse .nav > ul > li > a:focus, .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav > ul > li > a:focus, .navbar-inverse .nav >u > li > a:hover { background-color: transparent; color: #fff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus, { color: #fff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown-hover.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown-hover.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown-hover.open.active > .dropdown-toggle { background:none; text-decoration:none; padding-top:3px; padding-bottom:0; margin:0; color:#c20e50; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown-hover > .dropdown-toggle .caret { border-top-color: #999; border-bottom-color: #999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown-hover.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown-hover.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown-hover.open.active > .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .navbar-inverse .navbar-search .search-query { color: #fff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #ccc; text-transform:uppercase; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #ccc; text-transform:uppercase; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #ccc; text-transform:uppercase; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline:0 none; } .navbar-inverse .btn-navbar { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #fff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .nav .dropdown-hover { position:relative; } .nav .dropdown-hover ul { display:none; } .nav .dropdown-hover:hover ul, .nav .dropdown-hover.open ul { display:block; } .nav .dropdown-hover li a { color:#999; font-size:12px; padding-left:20px; text-transform:capitalize; font-style:italic; font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #fff; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999; } .pagination { height: 40px; margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination a, .pagination span, .pagination .pag-current { float: left; padding: 0 14px; line-height: 38px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; } .pagination a:hover, .pagination .active a, .pagination .active span, .pagination .pag-current, .pagination-container a:hover { background-color: #f5f5f5; color:#333; text-decoration:none; } .pagination .active a, .pagination .active span, .pagination .pag-current { color: #999; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999; background-color:#252227; cursor: default; } .pagination li:first-child a, .pagination li:first-child span, .pagination .pag-prev { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a, .pagination li:last-child span , .pagination .pag-next { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-container a { display:inline-block; float:none; border:0 none; padding:0 7px; } .pagination-container { color:#000; } /* Active state colour */ .pagination-container a:first-child:hover, .pagination-container a:last-child:hover { background:none; } .pager, .next-previous-blogs { margin:0 0 90px 0; list-style: none; text-align: center; *zoom: 1; } .pager:before, .next-previous-blogs:before { } .pager a, .next-previous-blogs a, .photogalleryNavigation a { padding: 5px 14px; background-color:#C20E50; border: 1px solid #C20E50; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#fff; font-family:museo_sans900,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; font-style:italic; text-transform:uppercase; } .pager a:hover, .next-previous-blogs a:hover { text-decoration: none; background-color: #b41750; } .pager .disabled a, .pager .disabled a:hover , .next-previous-blogs .disabled a, .next-previous-blogs .disabled a:hover { color: #999; background-color: #fff; cursor: default; } .next-previous-blogs.spread a#previouspage { float: left !important; } .next-previous-blogs.spread a#nextpage { float: right !important; } .photogalleryNavigation { padding-top:15px; } .photogalleryNavigation a:first-child { float:left; } .photogalleryNavigation a:last-child { float:right; } .thumbnails { margin-left: -20px; list-style: none; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } td.photogalleryItem{ padding:3px; } td.photogalleryItem img { -webkit-border-radius:4px; border-radius:4px; } td.photogalleryItem a { margin:0; padding:0; display:block; border:1px solid #ddd; -webkit-border-radius:4px; border-radius:4px; } td.photogalleryItem a:hover { border:1px solid #0088cc; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; } .alert h4 { margin:0; color:#c09853; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } p.false { display:none; } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #c20e50; background-image: -moz-linear-gradient(top, #c20e50, #cb1558); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c20e50), to(#cb1558)); background-image: -webkit-linear-gradient(top, #c20e50, #cb1558); background-image: -o-linear-gradient(top, #c20e50, #cb1558); background-image: linear-gradient(to bottom, #c20e50, #cb1558); background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .hero-unit { padding: 60px; margin-bottom: 30px; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px; } .hero-unit p { font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; 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: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-bottom: 10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-right: 10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { content: ""; z-index: -1; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-width: 10px 10px 0; border-top-color: #fff; } .popover.top .arrow:after { border-width: 11px 11px 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -1px; left: -11px; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-width: 10px 10px 10px 0; border-right-color: #fff; } .popover.right .arrow:after { border-width: 11px 11px 11px 0; border-right-color: rgba(0, 0, 0, 0.25); bottom: -11px; left: -1px; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-width: 0 10px 10px; border-bottom-color: #fff; } .popover.bottom .arrow:after { border-width: 0 11px 11px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -1px; left: -11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-width: 10px 0 10px 10px; border-left-color: #fff; } .popover.left .arrow:after { border-width: 11px 0 11px 11px; border-left-color: rgba(0, 0, 0, 0.25); bottom: -11px; right: -1px; } .modal-open .dropdown-menu { z-index: 2050; } .modal-open .dropdown.open { *z-index: 2050; } .modal-open .popover { z-index: 2060; } .modal-open .tooltip { z-index: 2080; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .dropdown-toggle { *margin-bottom: -3px; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top:43px; left: 0; z-index: 1040; display: none; float: left; min-width:150px; padding: 5px 0; margin: 2px 0 0; list-style: none; background:url("img/bg/black-grid.jpg") repeat scroll 0 0 #131114; border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 0.6); *border-right-width: 2px; *border-bottom-width: 2px; border-top:0 none; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .dropdown-menu a { display: block; padding:3px 20px 0 20px; clear:both; font-weight: normal; line-height:20px; font-family:museo_sans900, Arial, sans-serif; font-size:12px; text-transform:uppercase; color:#999; font-style:italic; text-decoration:none; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color:#c20e50; background:none; border:0 none; padding:3px 20px; margin:0; } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #fff; text-decoration: none; outline:0 none; background:#ae0d48; } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999; } .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: "\2191"; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active{ left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-align: center; background: #222222; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover { color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #fff; line-height: 20px; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } /* ******************************************** Utility Styles ************************************************ */ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color:#222; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .close { float: right; font-size: 20px; font-weight: bold; line-height:20px; background-color:#c20e50; color: #fff; text-shadow:none; opacity:1; filter: alpha(opacity=20); } .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .center-content { text-align:center; } .inner-container{ position:relative; } .swirly-text { font-family:'thirsty_script_mediumregular', Georgia,cursive; font-style:italic; } .no-margin-left { margin-left:0; } .no-margin-right { margin-right:0; } .image-left { float:left; margin:10px 10px 10px 0; } .image-right { float:right; margin:10px 0 10px 10px; } .transparent { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; overflow: visible \9; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .hidden, .hide { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } .light-hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .relative-inner { position:relative; } .block-with-shadow { background:transparent url(img/bg/content-shadow.png) center bottom no-repeat; } .main-container { padding-bottom:85px; } .pretty-pink { color:#c20e50; font-size:12px; line-height:13px; } .capatlize { text-transform:uppercase; } .p-pink { color:#c20e50; } .striped-header { background:transparent url(img/bg/striped-header.png) 50% 59% no-repeat; } .centre-text { text-align:center; } .strong { font-weight:bold; color:#fff; } .bigger-font { font-size:20px; line-height:1.4em; } ul.styled { margin-left:0; } ul.styled li { padding-left:15px; list-style:none; background:url(ico/list-icon.png) no-repeat 0 7px transparent; } ul.nostyle li { list-style:none; } ul.spaced li { margin-bottom:10px; } h1.bc-standing { color:#ccc; margin-top:25px; text-align:center; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; text-transform:uppercase; } /* ******************************************** PlUGINS ************************************************ */ /* SLIDER */ .slider-volume { width: 300px; } .slider-volume > .dragger { width: 20px; height: 20px; margin: 0 auto; border: 1px solid #ccc; background:#fff; } .slider-volume > .track, .slider-volume > .highlight-track { height: 15px; background: #C20E50; } .slider-volume > .highlight-track { background-color: #c5c5c5; background: -moz-linear-gradient(top, #c5c5c5, #a2a2a2); background: -webkit-linear-gradient(top, #c5c5c5, #a2a2a2); background: linear-gradient(top, #c5c5c5, #a2a2a2); } /* END SLIDER */ /* BxSlider v4.0 - Fully loaded, responsive content slider */ /** RESET AND LAYOUT */ .bx-wrapper { position:relative; margin:0; padding: 0; *zoom:1; max-height:700px; height:auto !important; height:700px background:none; } .bx-wrapper img { width:100%; display:block; margin:-50px auto 0 auto; } /** THEME */ .bx-wrapper .bx-viewport { background:none; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position:absolute; bottom:-30px; width:100%; } /* LOADER */ .bx-wrapper .bx-loading { height:100%; width:100%; min-height:50px; background:none; position:absolute; top:0; left:0; z-index:2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; } .bx-wrapper .bx-pager.bx-default-pager a { width:10px; height:10px; background: #666; text-indent:-9999px; display:block; margin:0 5px; outline:0; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:none; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-prev { left:0; background: url(img/controls.png) no-repeat top right; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity:1; } .bx-next { right:0; background: url(img/controls.png) no-repeat top left; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity:1; } .bx-prev:hover { width:73px; } .bx-next:hover { width:73px; } a.bx-next, a.bx-prev { position:absolute; bottom:44%; margin-top:-16px; outline:0; width:60px; height:71px; text-indent:-9999px; z-index:110; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } /* a.disabled.bx-next,a.disabled.bx-prev { opacity:0.5; } */ /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align:center; } .bx-wrapper .bx-controls-auto .bx-start { width:10px; height:11px; display:block; text-indent:-9999px; outline:0; background:url(img/controls.png) -86px -11px no-repeat; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position:-86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { width:9px; height:11px; display:block; text-indent:-9999px; outline:0; background:url(img/controls.png) -86px -44px no-repeat; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position:-86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align:left; width:80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right:0; width:35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color:#fff; font-family:Arial; display: block; font-size:.85em; padding:10px; } /* @end --------- */ /* ******************************************************************************************************************************** */ /* *********************************************** CUSTOM FEATURES *************************************************** */ #no-script { z-index:100; height:30px; width:100%; position:fixed; text-align:center; font-size:17px; } #side-controls { width:55px; padding-left:50px; height:230px; position:fixed; bottom:35%; right:0; background:url(img/spacebar.png) top left no-repeat transparent; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; display:none; } body.phone #side-controls { display:none; } #side-controls .inner-controls { position:relative; } #side-controls img { position:absolute; left:0; top:0; } a#back-top { width:55px; height:50px; line-height:55px; font-size:16px; color:#777; display:block; margin-top:65px; font-family:museo_slab500,sans-serif; background:url(img/bg/goup.png) transparent 0 0; text-align:center; } a#next:hover { opacity:0.7; color:#fff; text-decoration:none; } a#next { width:55px; height:50px; line-height:55px; font-size:16px; color:#777; display:block; font-family:museo_slab500,sans-serif; background:url(img/bg/godown.png) transparent 0 0; text-align:center; } a#next:hover,a#back-top:hover { opacity:0.7; color:#fff; text-decoration:none; } /* Logo */ #company-logo { text-decoration:none; margin:0px 70px 0 -21px; display:block; float:left; color:#c20e50; } #company-logo:hover { cursor:auto; } /* @end --------- */ /* Menu */ #main-nav { } #main-nav .navbar-inner { height:63px; line-height:63px; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; -webkit-box-shadow:0 1px 10px 0 #000; box-shadow:0 1px 10px 0 #000; } #main-nav .container { position:relative; } #main-nav .nav { margin-top:18px; margin-right:20px; float:right; } #main-nav.fixed-top .navbar-inner { opacity:0.9; filter: alpha(opacity=90); } #main-nav #bc-partner, #main-nav #kentico-partner { display:block; position:absolute; right:0; z-index:-1; top:63px; opacity:1; filter: alpha(opacity=100); } #main-nav #kentico-partner { display:none; } body.kentico #main-nav #kentico-partner { display:block; } body.kentico #main-nav #bc-partner { display:none; } #main-nav li.instagram > a, #coming-soon-content li.instagram > a, .social-likes li.instagram > a, #main-nav li.pinterest > a, #coming-soon-content li.pinterest > a, .social-likes li.pinterest > a, #main-nav li.behance > a, #coming-soon-content li.behance > a, .social-likes li.behance > a, #main-nav li.facebook > a, #coming-soon-content li.facebook > a, .social-likes li.facebook > a, #main-nav li.twitter > a, #coming-soon-content li.twitter > a, .social-likes li.twitter > a { width:32px; height:23px; text-indent:9999px; padding:0; margin-right:0; margin-top:0; border-bottom:0 none; border-left:1px solid #252526; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main-nav li.instagram > a, #coming-soon-content li.instagram > a, .social-likes li.instagram > a { background-image: url(ico/instagram.png);background-position:center -20px; } #main-nav li.pinterest > a, #coming-soon-content li.pinterest > a, .social-likes li.pinterest > a { background-image: url(ico/pinterest.png);background-position:center -22px; } #main-nav li.facebook > a, #coming-soon-content li.facebook > a, .social-likes li.facebook > a { background-image: url(ico/facebook.png); background-position:center -20px; } #main-nav li.twitter > a, #coming-soon-content li.twitter > a, .social-likes li.twitter > a { width:28px; background-image: url(ico/twitter.png); background-position:right -20px; } #main-nav li.behance > a, #coming-soon-content li.behance > a, .social-likes li.behance > a { width:30px; background-image: url(ico/behance.png); background-position:center -20px; } #main-nav li.behance > a:hover, #coming-soon-content li.behance > a:hover, .social-likes li.behance > a:hover { width:30px; background-image: url(ico/behance.png); background-position:center 11px; } #coming-soon-content #utility-nav .nav { background:none; margin:0; padding:0; border:0 none; } #main-nav li > a:hover,.navbar-inner.nav li > a:active,.navbar-inner.nav li > a:focus { color: #c20e50; text-decoration:none; margin-top:-9px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); padding-bottom:3px; -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } #main-nav li.open > a { margin-top:-2px; padding-bottom:3px; } #main-nav li.open > a span { display:block; color:#999; font-size:9px; font-weight:bold; margin:2px 0 -2px; line-height:9px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } #main-nav .navbar .nav > .active > a span, #main-nav .navbar .nav > .active > a:hover span, #main-nav .navbar .nav > .active > a:focus span, .homepage #main-nav .navbar .nav .homepage-link a span, #main-nav .navbar .nav > ul > .active > a span, #main-nav .navbar .nav > ul > .active > a:hover span, #main-nav .navbar .nav > ul > .active > a:focus span { display:block; font-size:10px; line-height:10px; color:#ccc; } #main-nav .dropdown-menu li > a:hover, #main-nav .dropdown-menu li > a:focus, #main-nav .dropdown-submenu:hover > a { color:#c20e50; margin-top:0; background:none; border:0 none; padding:3px 20px 0 20px; } #main-nav li.dropdown-hover.active > a:hover { padding-bottom:3px; margin-top:0px; } #main-nav li.title-link a { color:#666; text-transform:uppercase; font-size:13px; padding-left:10px; font-style:normal; letter-spacing:0.025em; font-family:museo_sans900, Arial, sans-serif; } #main-nav li.title-link a:hover, #main-nav li.title-link.active a { padding-left:10px; } #main-nav li.instagram > a:hover, #main-nav li.pinterest > a:hover, #main-nav li.facebook > a:hover, #main-nav li.twitter > a:hover, #coming-soon-content li.instagram > a:hover, #coming-soon-content li.pinterest > a:hover, #coming-soon-content li.facebook > a:hover, #coming-soon-content li.twitter > a:hover, .social-likes li.instagram > a:hover, #coming-soon-content li.pinterest > a:hover, .social-likes li.facebook > a:hover, .social-likes li.twitter > a:hover { border-bottom:0 none; opacity:0.9; filter: alpha(opacity=90); background-position:center top; } #main-nav li.instagram > a:hover{ background-position:center 10px; } #main-nav li.pinterest > a:hover{ background-position:center 9px; } #main-nav li.facebook > a:hover { background-position:center 10px; } #main-nav li.twitter > a:hover { background-position:right 9px; } #coming-soon-content li.instagram > a:hover { background-position:center 3px; } #coming-soon-content li.pinterest > a:hover { background-position:center 2px; } #coming-soon-content li.facebook > a:hover { background-position:center 3px; } #coming-soon-content li.twitter > a:hover { background-position:right 2px; } .social-likes li.instagram > a:hover{ background-position:center 10px; } .social-likes li.pinterest > a:hover{ background-position:center 9px; } .social-likes li.facebook > a:hover { background-position:center 10px; } .social-likes li.twitter > a:hover { background-position:right 9px; } .social-likes li.instagram > a:hover{ background-position:center 3px; } .social-likes li.pinterest > a:hover{ background-position:center 3px; } .social-likes li.facebook > a:hover { background-position:center 3px; } .social-likes li.twitter > a:hover { background-position:right 3px; } .social-likes li.instagram > a, .social-likes li.pinterest > a, .social-likes li.facebook > a, .social-likes li.twitter > a { display:block; width:30px; float:none; height:24px; padding:0; margin:0; position:inherit; top:auto; left:auto; right:auto; bottom:auto; } #main-nav #bc ul { padding-top:50px; background:#000 url(img/bg/bclogo-small.png) no-repeat 5px 10px; background:rgba(0,0,0,0.9) url(img/bg/bclogo-small.png) no-repeat 5px 10px; } /* Utility Nav */ #utility-nav { height:27px; float:right; margin-top:25px; overflow:hidden; } #utility-nav .nav { height:27px; line-height:30px; margin-top:23px; margin-right:0; margin-top:0; background:none; -webkit-box-shadow:none; box-shadow:none; } /* @end --------- */ /* Single Banner */ .single-banner { height:425px; width:100%; position:relative; } .banner-content { width:940px; margin-left:-470px; color:#fff; position:absolute; left:50%; top:30%; text-align:center; } .banner-content h1 { font-size:365%; color:#fff; text-shadow:1px 0px 1px rgba(0,0,0,0.2) } /* @end --------- */ /* Home Page */ h2.big-pink { font-size:73px; color:#c20e50; font-weight:900; text-align:center; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; line-height:0.9em; color: #c20e50; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ color: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyMGU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDFkNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); color: -moz-linear-gradient(top, #c20e50 0%, #ad1d4f 100%); /* FF3.6+ */ color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c20e50), color-stop(100%,#ad1d4f)); /* Chrome,Safari4+ */ color: -webkit-linear-gradient(top, #c20e50 0%,#ad1d4f 100%); /* Chrome10+,Safari5.1+ */ color: -o-linear-gradient(top, #c20e50 0%,#ad1d4f 100%); /* Opera 11.10+ */ color: -ms-linear-gradient(top, #c20e50 0%,#ad1d4f 100%); /* IE10+ */ color: linear-gradient(to bottom, #c20e50 0%,#ad1d4f 100%); /* W3C */ } .homepage .lead , .homepage2 .lead { text-align:center; font-style:normal; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; color:#bbb; line-height:1.4em; margin:0 17%; font-weight:900; } .homepage .lead.l-link, .homepage2 .lead.l-link { font-style:normal; padding-top:10px; padding-bottom:30px; } .homepage .lead.l-link a, .homepage2 .lead.l-link a { color:#fff; text-decoration:none; } .homepage #say-hello, .homepage2 #say-hello { text-align:center; color:#c20e50; font-size:38px; margin:55px 0 70px; font-weight:bold; letter-spacing:-0.015em; } .homepage h3.swirly-text, .homepage2 h3.swirly-text { font-size:115px; margin-top:60px; line-height:0.8em; letter-spacing:-0.015em; text-transform:none; color:#c20e50; text-align:center; } /* Evolution */ #evolution { background:transparent; } #timeline { width:100%; height:390px; overflow:hidden; position:relative; border-bottom:3px dashed #ccc; } #years { margin:80px 0; padding:100px 0 0 0; background:transparent url(img/timeline/greyline.png) repeat-x 0 76.5%; } #years li { height:90px; line-height:135px; list-style:none; float:left; background:transparent url(img/timeline/circle.png) no-repeat 50% 50%; margin-right:132px; font-size:20px; font-family:museo_slab500, Arial, sans-serif; text-align:center; } #years li.odd { line-height:50px; } #years li.first-child, #years li:first-child { } #years li.last-child, #years li:last-child { margin-right:0; } #time-stamps { } #time-stamps li { width:225px; height:67px; position:absolute; background:transparent url(img/timeline/long-top-line.png) no-repeat 0 100%; list-style:none; } #time-stamps li.odd-event { background:transparent url(img/timeline/short-bottom-line.png) no-repeat 77% 0; } #time-stamps li .event-inner { position:relative; } #time-stamps li.odd-event { height:170px; padding-top:0; padding-bottom:0; } #time-stamps li:first-child { background:transparent url(img/timeline/start-line.png) no-repeat 0 100%; padding-bottom:80px; } #time-stamps li.last-child { background:transparent url(img/timeline/short-bottom-line.png) no-repeat 0 0; } .circle { width:37px; height:37px; text-align:center; position:absolute; left:-15px; bottom:0; line-height:36px; border-radius:19px; background:#ccc; } .circle img { display:inline; } .event-content { width:190px; position:absolute; top:-100px; right:0; font-size:13px; color:#ccc; } #time-stamps li.odd-event .event-content { height:105px; padding:0; position:absolute; top:110px; left:0; text-align:left; } #time-stamps li.first-child .circle { left:24px; bottom:-94px; } #time-stamps li.odd-event .circle { left:81px; bottom:-102px; } #time-stamps li.last-child .circle { top:64px; left:-15px; } #time-stamps li.first-child .event-content { padding-left:0; position:absolute; top:0; left:0; } #time-stamps li.last-child .event-content { left:-104px; position:absolute; width:175px; top:110px; } .big-square-focus { font-size:62px; color:#ccc; margin:70px 0; letter-spacing:-0.035em; font-weight:900; text-align:center; background:transparent url(img/bg/arrows.png) no-repeat 50% 50%; } body.phone #time-stamps li.last-child { background:transparent url(img/timeline/short-bottom-line.png) no-repeat 77% 0; } body.phone #time-stamps li.last-child .event-content { left:-126px; top:114px; } /* @end --------- */ #first-loader { width:100%; min-height:100%; height:auto !important; height:100%; position:absolute; top:0; left:0; content:""; background:url("img/bg/greysqaures.jpg") repeat scroll 0 0 #252227; z-index:1000; } #lcircle { width:250px; height:250px;line-height:250px; position:relative; padding:40px; color:#c21253; font-size:36px; text-align:center; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:50px auto 0 auto; } #lcircle img { display:inline; margin:30px 0 0 0; border:0 none;} #lcircle p { text-transform:uppercase; position:absolute; bottom:128px; left:44.5%; font-size:9px; text-decoration:blink; } .jCProgress { position: absolute; z-index: 9999999; /* margin-top:-15px; /* offset from the center */ } .jCProgress > div.percent { font: 18px/27px 'BebasRegular', Arial, sans-serif; color:#ebebeb; text-shadow: 1px 1px 1px #1f1f1f; position:absolute; margin-top:40px; margin-left:22px; text-align: center; width:60px; } /* Header */ #header { margin:10px; margin-bottom:20px; position:relative; overflow:hidden; } .header-utility { width:20%; height:50px; background:#ccc; position:absolute; right:0; bottom:0; } /* @end --------- */ /* Login */ #login-block { width:500px; } .login-inteface { width:250px; padding:15px; } .navbar .nav ul.login-inteface > li { float:none; } .login-inteface p { font-size:15px; text-shadow:1px 0 1px #fff; } .navbar .nav ul.login-inteface li.login-bc { width:250px; float:left; padding-right:15px; border-right:1px solid #ccc; } .navbar .nav ul.login-inteface li.register-account { width:224px; padding-left:5px; margin-left:5px; float:left; } li.register-account p { text-align:center; } .login-facebook { background-color:#f1f1f1; border-top:1px solid #ccc; padding-top:10px; padding-bottom:20px; } .login-facebook p { text-align:center; padding-top:10px; } .password { margin:12px 0 10px 0; } .remember, .forgot { display:block; width:47%; font-size:12px; color:#666; height:16px; } .remember { float:left; } .remember label { font-size:12px; color:#666; } .forgot { float:left; margin-left:10px; text-align:right; } .dropdown-menu .forgot a { padding:0; margin:0; line-height:20px; color:#0088cc; } .login-now { width:100%; display:block; margin-top:20px; float:none; clear:both; } .login-facebook a { margin:0 17px; padding:0; } .login-facebook a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; cursor:pointer; } .miniprofile-pic { border:1px solid #ccc; } /* @end --------- */ /* Hi */ #quick-contact textarea, #quick-contact2 textarea { height:80px; margin-top:23px; } /* Banner */ #homepage-banner { min-height:350px; max-height:630px; height:auto !important; height:630px; overflow:hidden; margin: 0; position:relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .homepage2 #homepage-banner { min-height:400px; max-height:none; } #homepage-banner ul { height:auto !important; overflow:hidden; margin:0; padding:0; } #homepage-banner li { list-style:none; margin:0; padding:0; } #homepage-banner li#initial-load-item { display:block; } body.phone.homepage #homepage-banner, body.phone.homepage2 #homepage-banner { display:none; } body.phone.homepage #homepage-banner li.first-child, body.phone.homepage2 #homepage-banner li.first-child { display:none; } #home-intro { margin-top:30px; padding-bottom:20px; } .homepage2 #featured-porfolio-items { height:650px; } .cycle-slide { } .cycle-slide div { width:100%; min-height:630px; text-align:center; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; } .cycle-slide img { display:block; max-width:100%; display:none; margin:0 auto; } /* Welcome to pretty note */ #welcome-to-pretty { width:355px; height:auto; padding:20px; position:absolute; left:0; top:9%; z-index:110; background:transparent url(img/bg/transquare.png) repeat 0 0; overflow:hidden; -o-transition: all 0.9s linear; -ms-transition: all 0.9s linear; transition: all 0.9s linear; } body.phone #welcome-to-pretty { display:none !important; } #banner-ribbon { width:100%; height:3px; position:absolute; z-index:130; bottom:-1px; left:0; right:0; background:url(img/bg/circles.png) repeat-x top left; } #welcome-to-pretty.on-scroll { } #welcome-to-pretty span { display:block; color:#ccc; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; } #welcome-to-pretty b.hello { font-weight:normal; } #welcome-to-pretty .pretty-pink { font-size:12px; color:#c20e50; font-weight:bold; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; } .big-pretty { font-size:35px; line-height:1.3em; padding-top:5px; margin-left:0; font-weight:bold; -o-transition: all 0.9s linear; -ms-transition: all 0.9s linear; transition: all 0.9s linear; } #welcome-to-pretty .open-lines { line-height:1.4em; font-size:12px; } #home-page-content-block { position:relative; } #home-page-content-block p { text-align:justify; } .uscard , .US .globalcard { display:none; } .US .uscard { display:block; } /* @end --------- */ /* Logged in States */ .loggedin-area { display:none; line-height:40px; } .logged-1 .loggedin-area { display:block; } .logged-1 .loggedin-area a, .navbar .logged-1 .loggedin-area a, .navbar-inverse .loggedin-area a, .navbar-inverse .nav > li.loggedin-area > a { padding:0; margin:0; display:inline; color:#0088cc; } .logged-1 .login-area, .not-assigned-zone .loggedin-area { display:none; } /* @end --------- */ /* Clients Page */ #clients { padding-top:15px; } #clients .client:first-child{ border-top:0 none; } #clients .client { padding-top:25px; border-top:1px dashed #999; margin-top:15px; } #clients .clogo { position:relative; display: table-cell; text-align:center; vertical-align: middle; min-height:140px; line-height:140px; height:auto !important; height:150px; } #clients .clogo a { text-align:center; margin:0 auto; vertical-align:middle; } #clients .clogo a:hover { opacity: 0.65; filter: alpha(opacity=65); } #clients .cdescript p { color:#ccc; } #clients .cdescript h3 { font-size:14px; font-weight:bold; line-height:1em; margin:0 0 4px 0; color:#ccc; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } /* @end --------- */ /* Pretty Client works pages */ body.works { padding-top:60px; } #port-frame { min-height:1000px; height:auto !important; height:1000px; } #our-works .work-item { min-height:550px; width:100%; background-attachment:fixed; background-position:0 0; overflow:hidden; background-size:cover; background-repeat:no-repeat; position:relative; text-align:center } #our-works div h2 { width:100%; color:#fff; text-transform:uppercase; font-size:50px; position:absolute; top:50%; left:auto; right:auto; text-shadow: 1px 1px 2px rgba(0,0,0,0.5) } #our-works div img { max-width:100%; height:auto; } .scroll-down { position:absolute; bottom:20px; } .work-item .grain { height:100%; width:100%; min-height:100%; min-width:100%; display:none; background:transparent url(img/bg/grain.png) repeat 0 0; } #slide-1 .grain { display:block; } /* @end --------- */ /* Service Pages */ .short-form { padding-top:21px; background:transparent url(img/bg/form-bg-top.png) no-repeat top left; } .inner-form { height:auto; padding:5px 15px 5px 15px; background:transparent url(img/bg/form-bg-long.png) no-repeat bottom left; } #service-page-type { margin-bottom:40px } .training-booking-form { padding-top:42px } /* @end --------- */ /* NEWS (rename if converted) */ .news-item { width:198px; height:320px; overflow:hidden; padding:10px; margin-bottom:20px; border:1px solid #ccc; -webkit-border-radius:4px; border-radius:4px; } .news-item img { -webkit-border-radius:4px; border-radius:4px; } .news-item h3 { font-size:18px; line-height:1.4em; margin-bottom:0; margin-top:4px; } .news-item a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: opacity 0.05s ease; -moz-transition: opacity 0.05s ease; -o-transition: opacity 0.05s ease; transition: opacity 0.05s ease; } /* @end --------- */ /* TESTIMONIALS */ /* -- Bubble View */ .homepage #testimonials .container, .homepage2 #testimonials .container { min-height:590px; padding-bottom:30px; position:relative; margin-top:50px; height:auto !important; height:590px; background:transparent url(img/bg/about-pretty.png) 50% 50% no-repeat; } .homepage #testimonials .swirly-text, .homepage2 #testimonials .swirly-text { color:#ccc; text-shadow:1px 2px 1px rgba(0,0,0,0.7); margin-bottom:30px; margin-top:40px; } .testimonial-bubble { padding:0; margin:30px; position:absolute; -webkit-box-shadow:2px 2px 5px,0.6); box-shadow:2px 2px 5px,0.6); } .testimonial-bubble.small { width:115px; bottom:20px; right:10px; } .testimonial-bubble.medium { width:170px; bottom:15px; left:-25px; } .testimonial-bubble.large { width:230px; top:-25px; right:0; } .inner-bubble { width:100%; background:#c20e50 url(img/bg/speach.png) no-repeat 50% 50%; text-align:center; padding:20px; border:1px solid #c20e50; position:relative; -webkit-box-shadow: inset 1px 1px 60px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 60px 0px rgba(0, 0, 0, 0.2); } .testimonial-bubble.small .inner-bubble { height:117px; border-radius:100px; } .testimonial-bubble.medium .inner-bubble{ height:170px; border-radius:120px; } .testimonial-bubble.large .inner-bubble { height:230px; border-radius:140px; } .t-contain { padding:0 15px; } .testimonial-bubble.large .t-contain { margin-top:7%; } .testimonial-bubble.medium .t-contain { margin-top:1.5%; } .testimonial-bubble.small .t-contain { margin-top:1%; padding:0; } .inner-bubble p { font-family:cursive; /* font-family:'thirsty_script_mediumregular', Georgia,cursive; */ color:#fff; letter-spacing:0.09em; margin:0; padding:0; } .testimonial-bubble.small p { font-size:15px; line-height:1.3em; } .testimonial-bubble.medium p{ font-size:16px; line-height:1.2em; } .testimonial-bubble.large p { font-size:17px; margin:0; line-height:1.25em; } .testimonial-bubble .t-who { color:#fff; padding-top:5px; display:block; font-style:italic; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } .testimonial-bubble.small .t-who { font-size:10px; padding-top:4px; line-height:1.4em; } .testimonial-bubble.medium .t-who { font-size:12px; padding-top:4px; line-height:1.4em; } .testimonial-bubble.large .t-who { font-size:14px; line-height:1.4em; padding-top:4px; } .testimonial-bubble.medium .inner-bubble:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #c20e50; border-width:25px; top:49%; margin-left:-11px; margin-top:-70px; transform:rotate(-21deg); -ms-transform:rotate(-21deg); /* IE 9 */ -moz-transform:rotate(-21deg); /* Firefox */ -webkit-transform:rotate(-21deg); /* Safari and Chrome */ -o-transform:rotate(-21deg); /* Opera */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; } .testimonial-bubble.large .inner-bubble:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #c20e50; border-width:25px; top:78%; margin-right:-37px; transform:rotate(-41deg); -ms-transform:rotate(-39deg); /* IE 9 */ -moz-transform:rotate(-39deg); /* Firefox */ -webkit-transform:rotate(-39deg); /* Safari and Chrome */ -o-transform:rotate(-39deg); /* Opera */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; } .testimonial-bubble.small .inner-bubble:after { left:-24px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color:rgb(194,14,80); border-width:20px; top:5%; margin-right:26px; transform:rotate(-149deg); -ms-transform:rotate(-149deg); /* IE 9 */ -moz-transform:rotate(-149deg) scale(1.1); /* Firefox */ -webkit-transform:rotate(-149deg); /* Safari and Chrome */ -o-transform:rotate(-149deg); /* Opera */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; } /* @end --------- */ /* The Process */ #the-process { padding-bottom:10px; } #the-process .container { border-bottom:4px dashed #ccc; padding-bottom:125px; } #the-process p { margin:0 100px 40px 100px } #the-process p strong { text-transform:uppercase; color:#fff; } h6.process-title { font-family:museo300, Arial, sans-serif; font-size:88px; line-height:88px; padding-top:25px; font-weight:100; text-transform:uppercase; text-align:center; color:#c20e50; } #process-diagram { width:100%; height:450px; position:relative; margin-top:35px; background:transparent url(img/bg/process-diagram.png) no-repeat 0 79px; } #process-diagram div{ width:135px; position:absolute; top:239px; } #process-diagram strong { display:block; text-transform:uppercase; } #process-diagram .hello { left:76px; } #process-diagram .strategy { left:313px; } #process-diagram .implementation { left:556px; } #process-diagram .review { right:22px; } #organic-relationship { margin-left:-131px; position:absolute; left:50%; } #process-diagram p { width:346px; font-size:20px; line-height:1.3em; margin-left:-150px; margin-right:0; bottom:-133px; left:50%; position:absolute; color:#c20e50; text-align:center; } /* @end --------- */ /* Training Form */ #training-booking label { font-size:14px; font-style:normal; } #training-booking #catwebformbutton { margin-top:10px; } .training-slider { margin:10px 0; } #training-level-slider { width:178px; } #train-type { text-transform:uppercase; color:#ccc; font-size:13px; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:8px; } #train-type span { font-size:15px; color:#c20e50; } #datepicker { width:222px; } /* @end --------- */ /* Contact form */ #contact-details { margin-bottom:100px; } #contact-details #us-hi, body.US #contact-details #international-hi { display:none; } body.US #contact-details #us-hi { display:block; } .office-loc { width:240px; height:auto; border:1px solid #000; background:url("img/bg/greysqaures.jpg") repeat scroll 0 0 #252227; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; position:absolute; z-index:3; color:#878787; padding-bottom:10px; -webkit-box-shadow: inset 0px 1px 6px 1px #000; box-shadow: inset 0px 1px 6px 1px #000; -webkit-box-shadow:0 0 0 0 #000; box-shadow:0 0 0 0 #000; } .office-loc .mpin { width:62px; height:89px; position:absolute; top:-35px; right:10px; } .office-loc h5 { color:#c20e50; font-size:28px; margin-bottom:5px; line-height:28px; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } .office-loc h5 small{ color:#878787; font-weight:normal; display:block; font-size:18px; line-height:18px; } #us-office { left:30%; top:20%; } #homepage-banner li.oaddress { cursor:pointer; font-size:14px; line-height:1.3em; margin-bottom:5px; } #aus-office { right:6%; bottom:20%; } .office-loc .inr { position:relative; padding:10px 25px; } .office-loc.pulse { border-color:#000; -webkit-box-shadow:1px 1px 7px 3px #000; box-shadow:1px 1px 7px 3px #000; } .office-loc.nopulse { border:1px solid #000; } #homepage-banner.contact-banner li { display:block; } #contact-form .text-area { margin-top:4px; } .contact-banner { width:100%; } #cmap { height:660px; width:100%; } #homepage-banner #relocation-controls { position:absolute; top:5px; left:10%; z-index:5; background:#fff; border:1px solid #717b87; font-size:13px; padding:1px 6px; font-weight:normal; font-family:Arial,sans-serif; display:none; -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4); box-shadow:0 2px 4px rgba(0, 0, 0, 0.4); } #homepage-banner #relocation-controls li { float:left; margin-left:10px; border-left:1px solid #717b87; padding-left:6px; } #homepage-banner #relocation-controls li.first-child { margin-left:0; border-left:0 none; padding-left:0; } #homepage-banner #relocation-controls li a { color:#000; } #homepage-banner #relocation-controls li a:hover { color:#c20e50; } button#send-btn { width:200px; height:79px; margin-top:2px; } button#send-btn:after, a#send-btn:after { border-bottom-width:40px; border-left-width:40px; border-top-width:40px; right:-39px; } #quick-contact button#send-btn , #quick-contact2 button#send-btn { margin-top:23px; } #homepage-banner.contact-banner .ophone { margin-bottom:10px; display:block; color:#878787 } #homepage-banner.contact-banner .nopulse li.ophone { margin-bottom:0; } #homepage-banner.contact-banner li.oemail { display:none; } #homepage-banner.contact-banner .nopulse li.oemail { display:block; } #homepage-banner.contact-banner .nopulse li.odirections { display:none; } li.odirections .btn-primary { display:inline-block; } /* @end --------- */ /* HOMEPAGE - THINK BIG SECTION */ .block-link { display: block;} .think-big-image { width: 300px; height: 180px; display: block; padding: 0; margin: 0; -webkit-transition: background-position 0.3s ease-in-out; -moz-transition: background-position 0.3s ease-in-out; -o-transition: background-position 0.3s ease-in-out; transition: background-position 0.3s ease-in-out; } .think-big-image.creative { background: url('/images/think-big/tb-creative.jpg') no-repeat 0 0; } .think-big-image.technical { background: url('/images/think-big/tb-technical.jpg') no-repeat 0 0; } .think-big-image.strategy { background: url('/images/think-big/tb-strategy.jpg') no-repeat 0 0; } .think-big-image.creative:hover, .think-big-image.technical:hover, .think-big-image.strategy:hover { background-position: 0px -180px; -webkit-transition: background-position 0.3s ease-in-out; -moz-transition: background-position 0.3s ease-in-out; -o-transition: background-position 0.3s ease-in-out; transition: background-position 0.3s ease-in-out; } /* @end --------- */ /* NEWSLETTER FORM */ #newseltter-form { position:relative; } #main-newsletter-form .nspacing { margin-top:8px; } #main-newslstter-form .btn-primary { margin-left:-72px; width:192px; } #newseltter-form button.close { position:absolute; top:5px; right:5px; } #last-newsletter-steps { position:absolute; top:-130px; right:0; } #last-newsletter-steps .steps-inner { position:relative; padding:15px; border:1px solid #ccc; color:#333; background:#fff; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow: 1px 1px 5px 1px rgba(100, 100, 100, 0.6); box-shadow: 1px 1px 5px 1px rgba(100, 100, 100, 0.6); } #last-newsletter-steps .steps-inner:before { content:""; position:absolute; bottom:-15px; left:40px; border-width:14px 14px 0; border-style:solid; border-color:#ccc transparent; display:block; width:0; } #last-newsletter-steps .steps-inner:after { content:""; position:absolute; bottom:-13px; left:41px; border-style:solid; border-width:13px 13px 0; border-color:#fff transparent; display:block; width:0; } /* @end --------- */ /* Misc stuff */ #we-are-pretty { position:relative; } #we-are-pretty .testimonial-bubble { position:absolute; top:auto; right:0; left:auto; bottom:-15px; } #we-are-pretty .testimonial-bubble.large { bottom:0; } #we-are-pretty .testimonial-bubble.large p { font-size:16px; } #quick-contact-lnks { padding-top:46px; } #quick-contact-lnks .live-chat { margin-bottom:35px; } #quick-contact-lnks .side-email { margin-bottom:35px; } #quick-contact-lnks .side-phone { } #quick-contact-lnks h4 { font-size:36px; } #quick-contact-lnks h4 span { color:#f9f0eb; font-size:11px; display:block; line-height:30px; font-family:museo_sans500, Arial, sans-serif; font-weight:normal; font-style:italic; text-transform:capitalize; } .faq-form-area h4 { color:#C20E50; } .faq-form-area p { font-size:11px; color:#999; padding:0; margin:0 0 10px 0; } .faq-form-area p strong { text-transform:uppercase; } /* @end --------- */ /* Creative */ #creative-items { padding-top:25px; } .creative-item { min-height:610px; height:auto !important; height:680px; margin-bottom:30px; overflow:hidden; } .ci-image { height:250px; width:100%; overflow:hidden; } .ci-image img { width:100%; height:250px; } .ci-descrip { } /* @end --------- */ /* Business Catlayst */ #bc-header h1 { padding-right:150px; margin-bottom:30px; } .training-page #bc-header h1 { background:url(img/people.png) no-repeat right 79%; } .support-page .fake-header { background:url(img/bg/paper-planes.png) no-repeat 90% 0%; display:block; } .support-page h1.fake-subheader { font-size:16px; line-height:1em; margin:0; padding:10px 0; } .csection { line-height:24px; } .csection span { display:block; color:#ccc; text-transform:capitalize; font-size:14px; } /* @end --------- */ /* FAQ */ .faqs { margin-top:50px; } .faqs .question { color:#c20e50; margin:13px 0 8px 0; text-transform:uppercase; font-size:15px; font-family:museo_sans500, Arial, sans-serif; } .faqs .answer { } .agency-features strong { display:block; padding-bottom:7px; padding-top:15px; text-transform:uppercase; } .agency-features span { display:block; padding-bottom:5px; } /* .faq { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #666; } .faq:last-child { border-bottom:0 none; } .faq h2 { font-size:24px; } .faq-question { padding:0 10px 0 10px; border:0 none; margin-bottom:0; background:transparent url(img/faq-closed.png) no-repeat 100% 50%; cursor:pointer; } .faq-question:hover, .openfaq.faq-question { color:#009ada; background:transparent url(img/faq-open.png) no-repeat 100% 50%; } .openfaq.faq-question { padding-bottom:2px; } .faq-question.openE:hover { color:#009ada; } .faq-answer { border:2px solid #ccc; padding:10px 10px 0 10px; position:relative; margin-top:18px; -webkit-border-radius:5px; border-radius:5px; } .faq-answer span.fmp { font-size:30px; color:#009ada; font-family:'Open Sans Condensed',sans-serif; float:left; margin:0 9px 55px 0; } .faqspeach { display:block; width:30px; height:29px; position:absolute; top:-25px; left:32px; background:transparent url(img/faqtop.png) no-repeat 0 0; } .answer-content { margin-top:5px; } */ /* @end --------- */ /* Blog Layouts */ #blog-content { min-height:250px; height:auto !important; height:250px; background: transparent url(/stylesheets/img/ajax-loader2.gif) no-repeat 280px 130px; } #blog-content ul { list-style: disc; } #blog-content.loaded-blog { background: none; } .BlogTagCloud a { color:#666; } a.BlogTagCloud-XX-Large { font-size:19px; } a.BlogTagCloud-X-Large { font-size:18px; } a.BlogTagCloud-Large { font-size:17px; } a.BlogTagCloud-Medium { font-size:16px; } a.BlogTagCloud-Small { font-size:15px; } a.BlogTagCloud-X-Small { font-size:14px; } a.BlogTagCloud-XX-Small { font-size:13px; } .BlogTagCloud a:hover { text-decoration:none; color:#ccc; } #blog-sidebar h4 { font-size:24px; letter-spacing:0.03em; font-weight:normal; } #blog-sidebar h5 { margin-bottom:0; text-transform:uppercase; font-size:17px; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } .blog-post { margin-bottom:30px; position:relative; padding-bottom:20px; margin-right:40px; border-bottom:1px dashed #333; } .blog-post:last-child { border-bottom:0 none; } .post-date { color:#999; text-transform:uppercase; font-weight:500; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } h2.post-title { margin-bottom:10px; line-height:24px; } h2.post-title a { text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; /*line-height:1.4em;*/ font-size:24px; color:#ccc; } .post-info { margin-bottom:5px; margin-top:-8px; } .postList .blog-post p { overflow:hidden; } .postList .blog-post p > img.first-blog-image:hover { cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .blog-post-list-item { width:310px; } .detail-post > h1 { margin-bottom:0; font-size:40px; } .detail-post .post-body img:first-child { margin-bottom:5px; } .first-blog-image { margin-bottom:5px; } .post-Info { margin-bottom:15px; } .postDate { color:#666; font-size:13px; font-style:italic; } .post-preview p { color:#999; font-size:14px; line-height:1.5em; } #loadblogs { display:none; margin:0 auto; } .trackbacks, .trackback-links { display:none; } #author-info { background:#f1f1f1; padding:10px 15px; margin-bottom:20px; } .about-author img { border-radius:50px; border:2px solid #ccc; } .about-author strong { display:block; text-align:center; padding-top:5px; } #tag-cloud { margin-bottom:20px; } #twitter-blog { padding:10px 0 20px 0; margin:15px 0 10px 0; border-top:1px dashed #494949; border-bottom:1px dashed #494949; } #twitter-blog .tweet { margin-bottom:13px; color:#666; font-size:13px; } #twitter-blog .tweet a { } #twitter-feed { padding-bottom:5px; } #twitter-blog .btn.btn-primary { float:none; clear:both; } .tweet .time { color:#999; font-size:12px; } .BlogRecentPost ul { margin-left:15px; } .BlogPostArchive ul { margin:0; padding:0; } .BlogPostArchive li { list-style:none; margin:0; padding:5px 0; } .BlogPostArchive a { color:#666; } .BlogPostArchive a:hover{ color:#fff; } /* Update 7/10/2014 */ .tip-box { padding: 20px; text-align: center; margin: 20px 0; color: #fff; background-color: #8ACCCB; } .tip-box h4 { color: #fff; } /* Social bits */ .blog-post .social-likes { height:85px; overflow:hidden;} .blog-post .social-likes ul { margin:60px 0 0; padding:0; list-style: none; } .blog-post .social-likes li { width:30px; height:24px; list-style:none; float:left; margin:0 10px 0 0; position:relative; padding:0; top:auto; left:auto; } .blog-post .social-likes li.social-title { width:auto; line-height:25px; font-size:15px; font-family:museo_sans500, Arial, sans-serif; color:#666; text-transform:uppercase; } .blog-post .social-likes li a span { visibility:hidden; } .pluginSkinLight { color:#fff !important; } .bl-facebook, .bl-twitter, .bl-pinterest { width:auto; height:auto; position:relative; visibility:hidden; background:url("img/bg/greysqaures.jpg") repeat scroll 0 0 #252227; -webkit-box-shadow:1px 1px 15px #000; box-shadow:1px 1px 15px #000; padding:15px; position:absolute; top:-61px; left:0; } /* Comments tabbing */ #blog-commnents { margin-top:15px; } #blog-commnents .nav { margin-bottom:0; } #blog-commnents .nav a { outline:0 none; } .tab-content { border:1px solid #ddd; border-top:0 none; padding:20px; height:auto !important; min-height:150px; height:150px; } .tab-item { display:none; } .tab-item:first-child { display:block; } .tab-item.first-child { display:block; } /* Coments */ .comment-details { } .comment-details .flag { } .comment { } /* @end --------- */ /* member Area */ .profile { padding:10px; border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; } h3.p-name { margin-top:0; font-size:18px; line-height:1.3em; margin-bottom:5px; text-align:center; } .p-photo { width:160px; height:160px; border:1px solid #ccc; padding:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:auto; margin-left:auto; } .p-photo img { -webkit-border-radius:5px; border-radius:5px; } ul.p-stats { padding:0; margin:5px 0; } ul.p-stats li { list-style:none; margin:0; padding:0; } .p-stats .email { font-size:11px; } .p-options { text-align:right; margin-bottom:30px; } .p-options a { color:#fff; } #member-tabs { margin-bottom:0; } /* @end --------- */ /* PRETTY TEAM */ #staff-member-like { margin:0; padding:0; position:absolute; right:5%; bottom:0; } body.phone #home-page-content-block { padding-bottom:200px; } .team-member-like { width:285px; height:303px; list-style:none; margin:0; padding:0; position:relative; } .pretty-facebook { color:#e9e9e9; height:45px; right:0; position:absolute; top:70px; } .pretty-facebook iframe .pls { display:none; } .team-member-like img { float:left; } .word-bite { position:absolute; top:30px; right:0; font-size:12px; text-align:right; padding:0; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.4em; } .company-role { position:absolute; top:47px; right:0; font-size:12px; text-align:right; padding:0; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.4em; } a.see-team { position:absolute; top:98px; right:0; font-size:12px; text-align:right; padding:0; text-transform:uppercase; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.4em; color:#c20e50; } .hi { position:absolute; top:12px; right:0; z-index:15; color:#fefefe; font-family:museo_slab500, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:15px; text-transform:uppercase; } #rest-of-the-team { margin-top:30px; } .pretty-face { height:220px; margin-bottom:20px; overflow: hidden; position: relative; -webkit-box-shadow:1px 1px 2px #e6e6e6; -moz-box-shadow:1px 1px 2px #e6e6e6; box-shadow:1px 1px 2px #e6e6e6; cursor:pointer; background:#111; background:rgba(14,14,14,0.8); -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.6); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.6); } .pretty-face img { display: block; position:absolute; bottom:0; left:0; z-index:0; zoom:1; } .staff-descrip { display:none; } .pretty-face .breakdown { width:auto; display:none; background:url(img/bg/transquare.png) repeat 0 0; height:190px; padding:15px 20px; color:#f1f1f1; position:absolute; top:0; left:0; } .pretty-face:hover .breakdown, .pretty-face.hovered .breakdown { display:block; } .pretty-face .breakdown h6 { font-size:21px; line-height:1em; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; width:100%; text-align:left; text-transform:uppercase; color:#c20e50; margin:0; padding:0; } .pretty-face .breakdown h6 small { font-size:14px; color:#ccc; } .pretty-face .mask,.pretty-face .small-staff-intro { width:200px; height:200px; position:absolute; overflow: hidden;top:0;left:0; } .pretty-face .team-role { text-transform:uppercase; color:#c20e50; text-align:center; position:relative; font-size:14px; padding:0; margin:2px 0 0 0; display:block; font-weight:bold; text-align:left; } .pretty-face p.small-staff-intro { height:auto; width:auto; font-family:museo_sans500, Georgia, serif; font-style: italic; font-size:13px; position:relative; color:#ccc; margin:7px 0 0 0; padding:0; line-height:1.35em; } .pretty-face a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .pretty-face a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .pretty-face .main-staff-image { } .pretty-face .mask { background-color:#c20e50; background:rgba(174,13,72, 0.7); width: 300px; padding: 60px; height: 300px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .body-image { display:none; } #pretty-more-detail { width:100%; /* display:none; */ position:fixed; bottom:-900px; left:0; vertical-align:baseline; z-index:5; background:url(img/bg/transquare.png) repeat 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #pretty-more-detail img { vertical-align:baseline; } #pretty-more-detail .inner-container { width:960px; margin:0 auto; position:relative; } a#close-element { width:72px; height:70px; text-align:center; line-height:57px; position:absolute; top:0; right:3%; background:transparent url(img/bg/close.png) no-repeat 0 0; z-index:5; color:#ccc; font-size:15px; font-style:italic; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; text-transform:uppercase; text-shadow:1px 0px 1px rgba(0,0,0,0.1); } a#close-element:hover { color:#fff; text-decoration:none; } #detail-pretty-content { margin-left:3%; } #detail-pretty-content h6 { font-size:55px; margin-top:20px; text-transform:uppercase; line-height:0.7em; margin-bottom:20px; margin-bottom:0; padding:0; color:#c20e50; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; letter-spacing:0.03em; } #detail-pretty-content h6 small { font-size:18px; color:#f1f1f1; line-height:20px; } #detail-pretty-content .team-role { font-size:18px; padding-top:3px; margin-botom:10px; padding-bottom:5px; color:#c20e50; text-transform:uppercase; } #detail-pretty-content .small-staff-intro { font-size:14px; padding-bottom:5px; font-style:normal; font-style:italic; color:#f1f1f1; } #detail-pretty-content .staff-descrip { display:block; font-size:14px; color:#999; } #detail-pretty-content .staff-descrip p { font-size:13px; } #mphoto div { margin-top:20px; } #mphoto { width:430px; } #detail-pretty-content { width:452px; } /* @end --------- */ /* Say HI */ #say-hi { padding-bottom:35px; } #say-hi .swirly-text{ padding-bottom:30px; } #say-hi .center-content { margin-bottom:1px; line-height:1.4em; } #quick-contact, #quick-contact2 { margin-top:35px; } /* @end --------- */ /* Coming soon */ #coming-soon-content{ height:300px; width:505px; position:absolute; bottom:50%; top:60%; left:30%; margin-top:-200px; } #pc-logo { margin-bottom:20px; } .cs-inner { position:relative; } #coming-soon-content #utility-nav { position:absolute; bottom:5px; right:153px; margin-top:0; } p.soon-pretty { line-height:1.4em; font-size:14px; } #coming-soon-content h3 { font-family:museo_sans500, Arial, sans-serif; font-size:24px; } #coming-soon-content .pretty-facebook { bottom:-50px; left:0; top:inherit; } /* @end --------- */ /* WORK */ .work-options { display:block; padding-top:18px; line-height:1.2em; color:#333; font-style:italic; } .work-options strong { color:#C20E50; font-size:15px; } .work-options small { font-size:12px; color: #999; } #work-selection { padding-top:15px; } #work-header { height:85px; margin-bottom:20px; background-size:cover; background-position:center top; background-repeat:no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } #work-back { display:block; } #work-back,#work-back:visited { display:block; width:80px; height:35px; line-height:35px; font-weight:800; background:rgba(255,255,255,0.7); text-align:center; } #work-back:hover { background:#333; color:#fff; } /* List view */ #wmc { min-height:250px; background:transparent url(img/loading-hex.gif) no-repeat center 50px; -webkit-transition:background 0.3s ease-in; -moz-transition:background 0.3s ease-in; -ms-transition:background 0.3s ease-in; -o-transition:background 0.3s ease-in; transition:background 0.3s ease-in; } #wmc.loaded { background:none; } #wmc .mix { display:none; } .work-preview { height:330px; margin-bottom:20px; cursor:pointer; } .work-preview:hover { } .work-preview.abso { position:absolute; } .work-image-small { margin-bottom:15px; } .work-image-small img { max-width:100%; height:auto; } .work-preview:hover img { opacity:0.9; -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0); } .work-preview .post-title { font-size:21px; margin-bottom:6px; color: #ccc; } .work-info { display:block; color:#999; font-size:15px; line-height:1.3em; } .work-info i { font-style:normal; font-weight:bold; color:#C20E50; } /* Detail view */ .work-template #main-body-content { padding-top: 20px; } .work-template #main-body-content p { line-height: 1.9em; } #the-rest { margin-top:60px; } /* Slim inner page banner */ #slim-banner { margin-top: 25px; height:233px; position:relative; overflow:hidden; background-clip:border-box; margin-bottom:0; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear; } .slim-in { height:300px; background-color:#333; background-position:center -35px; background-repeat:no-repeat; background-clip:border-box; margin-bottom:0; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear; } /* #slim-banner.scroling .slim-in { background-position:center -67px; } #slim-banner.snapback .slim-in { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } */ #slim-banner.scroling { height:213px; } #slim-banner.snapback { height:233px; } /* @end --------- */ /* Footer */ .pre-footer { border-top:1px solid #2d2930; margin-top:35px; } body.blog .pre-footer{ margin-top:160px; } .inner-fullwidth .pre-footer { border-top:0 none; } .homepage .pre-footer { margin-top:0; } .copy-wrap { border-bottom:1px dashed #666; } footer { padding-bottom:20px; margin-top:30px; } .pre-footer .tweet a{ } .pre-footer .tweet { color:#999; font-size:14px; margin-bottom:5px; } footer .container { border-top:1px dashed #666; padding-top:20px; } #footer-menu ul { margin:0; padding:0; } #footer-menu li { display:inline; margin-right:10px; list-style:none; } #footer-menu li a { color:#0088cc; } .copy p { color:#999; font-size:12px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.5em; text-align:justify; } .copy p strong { font-style:italic; text-transform:uppercase; } #hank-footer img { margin-top:-105px; } .pre-footer ul a { color:#999; font-size:14px; } .pre-footer ul a:hover { color:#fff; } .pre-footer #newsletter-signup p { color:#999; font-size:14px; line-height:1.3em; text-align:right; } .pre-footer #newsletter-signup h5, .pre-footer #newsletter-signup h6 { text-align:right; text-transform:uppercase; margin-bottom:0; color:#999; } #blog-content { border-right:2px dashed #ccc; } #blog-sidebar { overflow:hidden; margin-left:18px; padding-top:11px; } #pretty-likes ol.blogsitesummary { margin:0; } #pretty-likes ol.blogsitesummary span { display:none; } #pretty-likes ol.blogsitesummary a { color:#999; font-size:14px; } #pretty-likes ol.blogsitesummary li { padding-left:15px; list-style:none; background:url(ico/list-icon.png) no-repeat 0 7px transparent; } .BlogRecentPost { margin-bottom:20px; } .BlogRecentPost a { color:#666; } .BlogRecentPost ul { margin:0; padding:0; } .BlogRecentPost li { margin-bottom:15px; line-height:1em; } .BlogRecentPost a:hover { color:#ccc; } #pretty-likes h5, .pre-footer #newsletter-signup h5 { text-transform:uppercase; font-size:16px; padding-top:8px; font-weight:normal; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; } #pretty-likes h5 span, .pre-footer #newsletter-signup h5 span { font-size:27px; display:block; } .pre-footer #newsletter-signup h5 { text-align:right; } .office-links a { width:auto; display:block; margin-top:31px; color:#666; text-align:left; float:right; font-family:museo_sans900, Arial, sans-serif; line-height:1.2em; text-transform:uppercase;} .office-links a span{ display:none; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } .office-links a:hover { color:#ccc; } .office-links a.office-ny { margin-right:55px; } body.AU .office-links a.office-au, body.US .office-links a.office-ny { color:#c20e50; margin-top:15px; } body.AU .office-links a.office-au span, body.US .office-links a.office-ny span { color:#666; display:block; } /* END */ /* 404 */ #jesus pre { font-size:15px; text-transform:uppercase; font-family:museo_sans500, Arial, sans-serif; text-align:justify; color:#ccc; line-height:1.3em; background:none; border:0 none; margin:0; padding:0; } /* #jesus pre { font-size:7px; line-height:14px; margin:0; border:0; background:none; padding:0; } */ /* END */ /* pinterest */ #pinterest-feed { margin-bottom:15px; padding:2px 0px 0 5px; } /* END */ /* Live Chat */ #contact-bar { z-index:1000px; position:fixed; bottom:0; right:0; display:none; z-index:20; } .livechat-container { float:right; } .livechat-container a, #f-contact { display:none; background:#c20e50; color:#fff; text-align:center; padding:12px 32px; font-family:museo_sans900, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px; text-transform:uppercase; text-shadow:1px 0 1px rgba(0,0,0,0.8); } body.phone .livechat-container { display:none; } #fast-contact { float:left; position:relative; } #f-contact { margin-right:5px; } #fast-form { width:288px; height:515px; background:url("img/bg/greysqaures.jpg") repeat scroll 0 0 #252227; display:none; position:absolute; bottom:100%; left:0; padding:20px 15px 10px 15px; overflow:hidden; -webkit-box-shadow:-3px -3px 2px 0px #000; box-shadow:-3px -3px 2px 0px #000; } #fast-form .big-text{ font-size:30px; text-transform:uppercase; font-family:museo_sans900,"Helvetica Neue",Helvetica,Arial,sans-serif; } #fast-form .help-block { font-size:13px; line-height:1.3em; text-transform:uppercase; color:#ccc; } #fast-form fieldset { padding:0; margin:0; } #fast-form button { width:270px; } #fast-form .captchaimg { width:132px !important; } #fast-form #CaptchaV2 { width:132px !important; } /* ******************************************************************************************************************************** */ /* Tomorrow Night Eighties Theme */ /* Original theme - https://github.com/chriskempson/tomorrow-theme */ /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ .tomorrow-comment, pre .comment, pre .title { color: #999999; } .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo { color: #f2777a; } .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { color: #f99157; } .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute { color: #ffcc66; } .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { color: #99cc99; } .tomorrow-aqua, pre .css .hexcolor { color: #66cccc; } .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { color: #6699cc; } .tomorrow-purple, pre .keyword, pre .javascript .function { color: #cc99cc; } pre code { display: block; background: #2d2d2d; color: #cccccc; padding: 0.7em; } pre .coffeescript .javascript, pre .javascript .xml, pre .tex .formula, pre .xml .javascript, pre .xml .vbscript, pre .xml .css, pre .xml .cdata { opacity: 0.5; } /* ******************************************** CUSTOM FORM ELEMENTS *********************************************** */ #Title { width:8.5%; padding-left:2px; } /* Update Details From */ #update-details fieldset { margin-bottom:30px; padding-bottom:15px; border-bottom:1px dashed #ccc; } #update-details .controls { margin-bottom:15px; } #update-details #Title { width:8%; } #update-details .height select { width:100%; } #update-details input[type="password"] { margin-top:0; } #update-details #Username { width:100%; } /* Newsletter Signup */ #main-newslstter-form input[type="text"] { height:40px; } .ncheck { padding-top:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #333; } .ncheck:last-child { margin-bottom:30px; } #main-newslstter-form #CaptchaV2 { height:27px; } #main-newslstter-form #reload-captcha { } #quick-signup { margin-bottom:20px; } #n-signup { float:right; margin-right:0; } #view-more-btn { width:152px; height:62px; display:block; position:absolute; left:50%; margin-left:-46px; bottom:17px; z-index:120; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #view-more-btn:hover { opacity:0.8; } /* Brass Tacks */ .brass-tacks-content span, .brass-tacks-content h1, .brass-tacks-content h2, .brass-tacks-content p { font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; } .brass-relative { position:relative; } .brass-tacks-content { padding-top:40px; } .liamdilley { height:300px; padding-top:50px; } .liamdilley img { position:absolute; bottom:-30px; left:-45px; } .brass-tacks-content span { font-size: 26px; } /* .brass-tacks-content h1 { font-size: 80px; text-transform: none; margin: 0 0 10px 0; } */ .brass-tacks-content h4.big-square-focus { font-size: 66px; background: none; margin: 32px 0; text-align: left; } .brass-tacks-content h1, .brass-tacks-content h2, .brass-tacks-content p { font-size: 18px; font-style: italic; line-height: 1.5em; margin: 0; text-transform: none; } .brass-tacks-content ul { list-style-type: disc; margin: 22px 0 22px 10px; } .brass-tacks-content ul li { font-size: 18px; font-weight: 900; font-style: italic; color: #FFF; background-position: 0 7px; padding-left: 20px; } .brass-tacks-content ul li, .brass-tacks-content ul li a { color: #FFF; } .brass-tacks-content ul li a:hover { text-decoration: underline; } form#qanda-liam-form textarea:-moz-placeholder { text-transform: none; } form#qanda-liam-form textarea:-ms-input-placeholder:focus { text-transform: none; } form#qanda-liam-form textarea::-webkit-input-placeholder:focus { text-transform: none; } form#qanda-liam-form textarea.placeholder { text-transform: none; } form#qanda-liam-form textarea.placeholderFocus { text-transform: none; } form#qanda-liam-form textarea::-moz-placeholder { text-transform: none; } /* Payments */ form#invoice-payments p.help-block, form#invoice-payments .row { margin-bottom: 15px; } form#invoice-payments p.surcharges-text { font-size: 11px; margin-top: 24px; } form#invoice-payments .span12 label { margin-bottom: 6px; } form#invoice-payments input#CAT_Custom_184495 { background: url('/stylesheets/img/hashtag.jpg') no-repeat 5px 13px #d3d3d4; text-indent: 9px; } form#invoice-payments input#CAT_Custom_184510 { background: url('/stylesheets/img/dollar-sign.jpg') no-repeat 5px 12px #d3d3d4; text-indent: 9px; } form#invoice-payments label[for=Amount] span, .surchargeConds-wrapper label { font-size: 12px; } form#invoice-payments input#Amount { font-weight: bold; } form#invoice-payments .surchargeConds-wrapper, form#invoice-payments .surchargeConds { display: none; } /* ******************************************************************************************************************************** */ /* ******************************************** MEDIA QUERIES ************************************************ */ @media print { div.jGrowl { display:none; } } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 1160px) { #welcome-to-pretty .pretty-pink { font-size:10px; } #home-page-content-block { padding-bottom:160px; } #cmap { height:auto; } } @media (max-width: 1560px) { #staff-member-like { } .rsc p { padding-right:5em; } } @media (max-width: 1250px) { .bx-wrapper .bx-controls-direction a { bottom:20%; } body.phone #time-stamps li.last-child { background:transparent url(img/timeline/short-bottom-line.png) no-repeat 77% 0; } body.phone #time-stamps li.last-child .event-content { left:-126px; top:114px; } #cmap { height:auto; width:100%; } } @media (max-width: 980px) { .big-pretty { font-size:35px; } .bx-wrapper .bx-controls-direction a { bottom:3%; } #welcome-to-pretty b.hello { display:none;} #cmap { height:auto; width:100%; } #home-page-content-block { padding-bottom:160px; } } @media (max-width: 770px) { .big-pretty { font-size:30px; } #cmap { height:auto; width:100%; } } /* @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } @media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { body { padding-right: 20px; padding-left: 20px; } .navbar-fixed-top, .navbar-fixed-bottom { margin-right: -20px; margin-left: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; } .modal.fade.in { top: auto; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-group > label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-right: 10px; padding-left: 10px; } .modal { top: 10px; right: 10px; left: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #555555; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #555555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { background-color: #111111; } .nav-collapse.in .btn-group { padding: 0; margin-top: 5px; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: block; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px; } } @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } */