html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0px;
padding: 0px;
border: 0px none;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none outside none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
input, textarea {
font: inherit;
resize: none;
}
body {
font: 12px/20px Open Sans,sans-serif;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
margin: 0px;
padding: 0px;
color: rgb(104, 104, 104);
}
#wrapper {
position: relative;
background: none repeat scroll 0px 0px #f5f6f7;
}
a {
text-decoration: none;
transition: color 0.2s linear 0s;
-moz-transition: color 0.2s linear 0s;
-webkit-transition: color 0.2s linear 0s;
-o-transition: color 0.2s linear 0s;
}
a:focus, a:link, a:active {
outline: medium none;
}
a:hover {
color: rgb(68, 68, 68);
}
p {
margin-bottom: 20px;
}
.clear {
clear: both;
}
.aligncenter {
text-align: center;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
strong {
font-weight: 700;
}
#bg {
position: fixed;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
z-index: -1;
}
.bgwidth {
width: 100%;
height: auto;
}
.bgheight {
height: 100%;
width: auto;
}
.space {
height: 20px;
width: 100%;
clear: both;
}
.half-space {
height: 30px;
width: 100%;
clear: both;
}
label {
display: block;
color: rgb(255, 255, 255);
font-weight: 800;
text-transform: uppercase;
}
label.error {
color: red;
font-style: italic;
margin: 5px 0px 10px;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input.text, input.title, textarea, select {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border: 1px solid rgb(235, 235, 235);
}
input[type="text"]:focus, input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
border: 1px solid rgb(235, 235, 235);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input.text, input.title, textarea, select {
font-family: Arial;
font-size: 12px;
margin: 5px 0px;
}
input.text, input.title, select {
padding: 5%;
width: 89%;
}
input.title {
font-size: 13px;
}
textarea {
height: 130px;
padding: 2%;
width: 95.5%;
}
form.inline p {
margin-bottom: 0px;
}
.one-half {
width: 460px;
}
.one-third {
width: 300px;
}
.one-third-custom {
width: 380px;
}
.two-third {
width: 620px;
}
.one-fourth {
width: 220px;
}
.three-fourth {
width: 700px;
}
.one-sixth {
width: 140px;
}
.five-sixth {
width: 780px;
}
.one-fourth, .one-half, .two-third, .one-third, .one-third-custom, .three-fourth, .one-sixth, .five-sixth {
position: relative;
margin-right: 20px;
float: left;
}
.percent-one-half {
width: 48%;
}
.percent-one-third {
width: 30.66%;
}
.percent-two-third {
width: 65.33%;
}
.percent-one-fourth {
width: 22%;
}
.percent-three-fourth {
width: 74%;
}
.percent-one-fifth {
width: 16.8%;
}
.percent-two-fifth {
width: 37.6%;
}
.percent-three-fifth {
width: 58.4%;
}
.percent-four-fifth {
width: 67.2%;
}
.percent-one-sixth {
width: 13.33%;
}
.percent-five-sixth {
width: 82.67%;
}
.percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth, .percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
position: relative;
margin-right: 4%;
float: left;
}
.column-right {
float: right;
}
.column-last {
margin-right: 0px ! important;
clear: right;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: 'Open Sans', sans-serif;
color: #000;
}
h1 {
font-size: 38px;
line-height: 36px;
margin-bottom: 30px;
font-weight: 800;
color: #2a2a2a;
}
.pageh1{
font-size: 38px;
font-weight: 800;
color: #bd2100;
margin-bottom:0px;
padding-top: 25px;
text-align:center;
}
h2 {
font-size: 28px;
line-height: 32px;
margin-bottom: 13px;
font-weight: normal;
}
h2.openparagraph {
font-size: 28px;
line-height: 38px;
margin-bottom: 30px;
font-weight: 300;
color: #696868;
}
#contactfooter h2{
color: #fff;
font-weight: 800;
}
h1.secondHeading {
font-size: 38px;
line-height: 36px;
margin-bottom: 38px;
font-weight: 800;
color: #2a2a2a;
}
h3 {
font-size: 18px;
line-height: 18px;
margin-bottom: 5px;
font-weight: 600;
}
h4 {
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
font-weight: 600;
}
h5 {
font-size: 12px;
line-height: 20px;
margin-bottom: 15px;
font-weight: normal;
}
h6 {
font-size: 10px;
line-height: 20px;
margin-bottom: 20px;
font-weight: 600;
}
.dropcap1 {
background: none repeat scroll 0% 0% rgb(102, 102, 102);
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: rgb(255, 255, 255);
float: left;
font-size: 36px;
margin: 4px 10px 2px 0px;
padding: 12px 6px;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
.dropcap2 {
float: left;
font-size: 36px;
line-height: 26px;
padding-right: 10px;
padding-top: 8px;
}
.dropcap3 {
float: left;
font-size: 36px;
line-height: 30px;
font-style: italic;
padding-right: 10px;
padding-top: 8px;
}
.highlight {
padding: 1px 3px;
}
.highlight.redish {
background-color: rgb(255, 204, 207);
color: rgb(161, 74, 64);
}
.highlight.bluish {
background-color: rgb(215, 231, 245);
color: rgb(94, 105, 132);
}
.highlight.yellowish {
background-color: rgb(255, 249, 204);
color: rgb(115, 107, 76);
}
.highlight.greenish {
background-color: rgb(226, 242, 206);
color: rgb(70, 104, 64);
}
.highlight.dark {
background: none repeat scroll 0% 0% rgb(51, 51, 51);
color: rgb(255, 255, 255);
}
pre, code {
background-color: rgb(245, 245, 245);
border-color: rgb(235, 235, 235);
border-style: solid;
border-width: 0px 0px 0px 4px;
display: block;
font-family: monospace;
font-size: 11px;
padding: 10px;
}
pre, code {
margin-bottom: 10px;
}
blockquote {
border-left: 2px solid rgb(235, 235, 235);
color: rgb(120, 120, 120);
font-size: 16px;
font-style: italic;
line-height: 24px;
margin: 20px 50px;
padding: 0px 0px 5px 15px;
}
#header {
position: relative;
z-index: 4000;
background-color: #222222;
}
.top-shadow {
position: absolute;
background: url("images/top-shadow.png") repeat-x scroll 0px 0px transparent;
height: 4px;
width: 100%;
z-index: 100;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
zoom: 1;
}
.bottom-shadow {
position: absolute;
background: url("images/bottom-shadow.png") repeat-x scroll 0px 0px transparent;
height: 4px;
width: 100%;
top: 176px;
left: 0px;
z-index: 200;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
zoom: 1;
}
.home .bottom-shadow {
top: 446px;
}
.fullwidth-map .bottom-shadow {
top: 396px;
}
.fullwidth-map {
margin: 0px auto;
overflow: hidden;
clear: both;
position: relative;
}
.fullwidth-map iframe {
left: 50%;
margin-left: -960px;
position: relative;
}
.logo {
position: relative;
height: 60px;
}
.logo img {
display: block;
position: absolute;
bottom: 0px;
top: 10px;
}
.accordion-menu {
width: auto;
height: auto;
background-color:#ffffff;
border:1px solid #EBEBEB;
}
/* Main Menu List Links */
.accordion-menu > li > a {
margin: 0 auto;
height: 39px;
line-height: 39px;
text-indent: 28px;
display: block;
position: relative;
font-weight: 800;
color: #333333;
font-family: 'Open Sans',Open Sans,Helvetica,Arial,sans-serif;
border-top:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;
}
.accordion-menu > li > a:after {
content: "\f067";
font-family:'FontAwesome';
position: absolute;
left: -18px;
font-weight:normal;
font-size:14px;
}
.accordion-menu > li > a:hover,
.accordion-menu > li > a.active {
color:#bd2100;
}
.accordion-menu > li > a.active:after {
content: "\f00d";
font-family:'FontAwesome';
position: absolute;
left: -18px;
}
/* Submenu List Links */
.accordion-menu ul li a {
margin: 0 auto;
line-height: 39px;
text-indent: 40px;
display: block;
position: relative;
color: #898989;
font-family: 'Open Sans',Open Sans,Helvetica,Arial,sans-serif;
font-weight: 700;
text-transform: uppercase;
border-bottom:1px solid #EBEBEB;
}
.accordion-menu ul li a:hover {
background-color:#444444;
color:#fff;
}
/* Before Current (active) Submenu Item */
.accordion-menu > li > ul li a.current:before{
content: "\f00d";
font-family: 'FontAwesome';
font-size: 10px;
position: absolute;
height: 6px;
top: 0px;
left: -28px;
}
/* Current (active) Submenu Item */
.accordion-menu > li > ul li a.current {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion-menu > li > ul li a.current,
.accordion-menu > li > ul li a.current:before,
.accordion-menu > li > ul li:hover a,
.accordion-menu > li > ul li:hover a:before,
.accordion-menu > li > ul li:hover a,
.accordion-menu > li > ul li:hover a:before
{ color: #fff; }
#navigation {
float: right;
position: relative;
z-index: 10000;
}
ul#mainnav li ul {
margin:0;
padding:0;
list-style:none;
}
ul#mainnav li ul {
line-height:1.0;
}
ul#mainnav li {
overflow:hidden;
}
ul#mainnav li ul {
position:absolute;
width:200px; /* left offset of submenus need to match (see below) */
padding-top:0px;
z-index:3000;
top:86px;
}
ul#mainnav li ul li {
width:100%;
}
ul#mainnav li ul li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
ul#mainnav li ul li {
float:left;
position:relative;
z-index:980;
}
ul#mainnav li ul li a {
display:block;
position:relative;
font-size:12px;
}
ul#mainnav li ul li:hover ul,
ul#mainnav li ul li.sfHover ul {
left:201px;
top:-1px; /* match top ul list item height */
z-index:99;
}
ul#mainnav li ul li ul li.nav-first-item {
border-top:1px solid #efefef;
}
ul#mainnav li ul li ul li.nav-first-item:hover {
border-top:1px solid #efefef;
}
ul#mainnav li ul li:hover li ul,
ul#mainnav li ul li.sfHover li ul {
top:-999em;
}
ul#mainnav li ul li li:hover ul,
ul#mainnav li ul li li.sfHover ul {
left:200px; /* match ul width */
top:0;
}
ul#mainnav li ul li li:hover li ul,
ul#mainnav li ul li li.sfHover li ul {
top:-999em;
}
ul#mainnav li ul li ul {
position:absolute;
width:200px;
left:201px;
top:-2px;
padding-top:0px;
}
ul#mainnav li ul li ul li:hover ul,
ul#mainnav li ul li ul li.sfHover ul {
left:200px; /* match ul width */
top:0;
}
ul#mainnav > li ul li.sfHover > a {
border-bottom:1px solid #444;
border-left:1px solid #444;
color:#fff;
background:#444;
}
ul#mainnav ul li.sfHover > a {
border-bottom:1px solid #444;
}
.sf-shadow ul {
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
.sf-sub-indicator {
position: absolute;
display: block;
right: 10px;
top: 14px; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}
#mainnav > li > a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: 58px;
right: 50%;
background-position: 0 -97px;
margin-right: -6px;
border:none;
}
#mainnav > li > ul > li a.sf-sub-indicator { /* give all except IE6 the correct values */
top: 12px;
background-position: 0 -97px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -97px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
#mainnav li ul li a span.sf-sub-indicator { background-position: 0 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
#mainnav > li > a.sf-with-ul {
min-width: 1px;
}
ul#mainnav {
float: left;
position: relative;
display: block;
z-index: 1001;
}
ul#mainnav li {
display: inline-block;
float: left;
position: relative;
z-index: 1000;
}
ul#mainnav > li {
background: url("images/nav-bg.png") no-repeat scroll right center transparent;
}
ul#mainnav > li.prev-item, ul#mainnav > li.previ-item {
background: none repeat scroll 0% 0% transparent;
}
ul#mainnav > li:last-child {
background: none repeat scroll 0% 0% transparent;
}
ul#mainnav li a {
font: 800 13px/86px 'Open Sans',Open Sans,Helvetica,Arial,sans-serif;
position: relative;
margin: 0px;
padding: 0px 20px;
height: 86px;
display: inline-block;
transition: color 0.1s linear 0s, background 0.1s linear 0s, border-left-color 0.1s linear 0s, border-bottom-color 0.1s linear 0s;
-moz-transition: color 0.1s linear 0s, background 0.1s linear 0s, border-left-color 0.1s linear 0s, border-bottom-color 0.1s linear 0s;
-webkit-transition: color 0.1s linear 0s, background 0.1s linear 0s, border-left-color 0.1s linear 0s, border-bottom-color 0.1s linear 0s;
-o-transition: color 0.1s linear 0s, background 0.1s linear 0s, border-left-color 0.1s linear 0s, border-bottom-color 0.1s linear 0s;
z-index: 100;
color: rgb(82, 82, 82);
}
ul#mainnav li a span {
color: rgb(255, 255, 255);
}
ul#mainnav > li.item-active > a {
color: rgb(255, 255, 255);
}
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {
color: rgb(255, 255, 255);
}
ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active {
background: none repeat scroll 0% 0% rgb(68, 68, 68);
color: rgb(255, 255, 255);
}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current {
color: rgb(255, 255, 255);
}
ul#mainnav li ul li a.current {
color: rgb(68, 68, 68);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
ul#mainnav li ul li a.current:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(68, 68, 68);
}
ul#mainnav li ul li {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
margin: 0px;
float: left;
width: 100%;
}
ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active {
line-height: 37px;
width: 170px;
padding: 0px 15px;
display: block;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
text-decoration: none;
border-bottom: 1px solid rgb(235, 235, 235);
border-left: 1px solid rgb(235, 235, 235);
z-index: 1100;
position: relative;
font-size: 11px ! important;
text-transform: uppercase;
font-weight: bold;
height: 37px;
}
.nav-first-item {
z-index: 1000;
position: relative;
}
#nav ul#mainnav > li > ul > li.nav-last-item > a, #nav ul#mainnav > li > ul > li > ul > li.nav-last-item > a {
border-bottom: 0px none;
}
ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover {
background: none repeat scroll 0% 0% rgb(68, 68, 68);
color: rgb(255, 255, 255);
margin-bottom: 0px;
border-bottom: 1px solid rgb(68, 68, 68);
border-left: 1px solid rgb(68, 68, 68);
}
.services {
overflow: hidden;
margin-bottom: 80px;
}
.homepage-services .service-item {
text-align: center;
border: 1px solid rgb(239, 239, 239);
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
padding-top:40px;
padding-bottom:40px;
padding-left: 10px;
padding-right: 10px;
}
.homepage-services .service-item:hover {
background: none repeat scroll 0% 0% rgb(247, 247, 247);
}
.homepage-services .service-item i {
float: none;
margin: 0px;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 42px;
display: block;
}
.homepage-services h3.service {
margin-top: 20px;
display: inline-block;
clear: both;
font-size: 15px;
font-weight: 700;
color: #2a2a2a;
border-bottom: 1px dotted #000;
}
.homepage-services .service-item p {
font-size: 13px;
color: #696868;
line-height: 18px;
}
.clients {
overflow: hidden;
border: 1px solid rgb(241, 241, 241);
text-align: center;
clear: both;
}
.clients li {
display: inline-block;
border-left: 1px solid rgb(241, 241, 241);
text-align: center;
padding: 0px 11px;
}
.clients li:first-child {
border: medium none;
}
.clients li img {
vertical-align: middle;
}
.clients li a {
opacity: 0.4;
-ms-filter: "alpha(opacity=40)";
filter: alpha(opacity=40);
zoom: 1;
display: inline-block;
height: 120px;
line-height: 120px;
}
.intro {
position: relative;
padding-top: 37px;
text-align: center;
}
.intro a:hover {
color: #444;;
}
.centered-wrapper {
width: 940px;
margin: 0px auto;
}
.title-wrapper, .maincontent {
width: 940px;
margin: 0px auto;
background: none repeat scroll 0% 0% white;
position: relative;
z-index: 201;
padding: 0px 45px;
padding-bottom: 40px;
}
.title-bg {
width: 940px;
padding: 0px 45px;
margin-left: -45px;
background: none repeat scroll 0% 0% white;
height: 130px;
}
.title-content {
width: 940px;
margin: 0px auto;
border-bottom: 1px solid rgb(239, 239, 239);
position: absolute;
top: 30px;
}
.page-title {
width: 100%;
clear: both;
padding: 40px 0px 0px;
position: relative;
z-index: 1;
}
.pagetitle{
height: 90px;
background-color: #FFF;
position: relative;
margin-top: -90px;
border-bottom:1px solid #efefef;
}
.page-title .page-background {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
height: 180px;
overflow: hidden;
z-index: 0;
}
.headerpattern {
background-color: rgb(230, 230, 230);
height: 120px;
}
.page-title .page-background .pattern2 {
background: url("images/bg/bg2.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern3 {
background: url("images/bg/bg3.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern4 {
background: url("images/bg/bg4.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern5 {
background: url("images/bg/bg5.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern6 {
background: url("images/bg/bg6.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern7 {
background: url("images/bg/bg7.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern8 {
background: url("images/bg/bg8.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern9 {
background: url("images/bg/bg1.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background .pattern10 {
background: url("images/bg/bg10.png") repeat scroll 0px 0px transparent;
height: 180px;
}
.page-title .page-background img {
position: absolute;
top: 0px;
left: 50%;
margin-left: -960px;
}
.page-title h2 {
font-weight: 700;
color: rgb(189, 33, 0);
line-height: 30px;
font-size: 30px;
}
.search-form {
float: right;
position: relative;
top: -7px;
}
.search-form input[type="text"] {
width: 180px;
height: 20px;
line-height: 20px;
position: relative;
padding: 6px 10px;
color: rgb(104, 104, 104);
display: block;
}
.search-form input[type="submit"] {
background: url("images/search.png") repeat scroll 0px 0px transparent;
width: 16px;
height: 16px;
border: 0px none;
text-indent: -9999px;
cursor: pointer;
position: absolute;
top: 14px;
right: 10px;
font-size: 0px;
display: block;
line-height: 0;
}
.page-title .double-separator {
margin: 0px;
}
.breadcrumbs {
font-size: 12px;
padding: 10px 0px;
width: 100%;
overflow: hidden;
}
.service-item {
overflow: hidden;
}
.service-item p {
margin-bottom: 0px;
}
.service-item i {
float: left;
margin: 0px 15px 4px 0px;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 28px;
}
h3.service {
font-size: 15px;
font-weight: 600;
line-height: 28px;
}
.separator {
width: 100%;
height: 1px;
clear: both;
background: none repeat scroll 0% 0% rgb(239, 239, 239);
margin: 40px 0px;
display: inline-block;
}
.double-separator {
width: 100%;
height: 1px;
clear: both;
border-top: 1px solid rgb(239, 239, 239);
border-bottom: 1px solid rgb(239, 239, 239);
margin: 40px 0px;
}
#footer .double-separator {
margin: 50px 0px;
}
.onepage-title {
font-size: 48px;
font-weight: 300;
margin-bottom: 30px;
line-height: 56px;
}
.one-page #header {
background: none repeat scroll 0% 0% rgb(250, 250, 250);
}
.bgtitle {
margin-bottom: 20px;
height: 25px;
padding-bottom: 7px;
border-bottom: 1px solid rgb(239, 239, 239);
}
.bgtitle h2, .homepage-clients h2 {
font-size: 13px;
font-weight: 600;
float: left;
height: 26px;
line-height: 26px;
background: none repeat scroll 0% 0% rgb(247, 247, 247);
padding: 0px 10px;
text-transform: uppercase;
}
.team-member, .exting {
background: none repeat scroll 0px 0px rgb(247, 247, 247);
position: relative;
margin-bottom: 20px;
}
.team-member a {
overflow: hidden;
display: block;
position: relative;
}
.team-avatar, .extingimage {
display: block;
height: auto;
width: 100%;
}
.team-text h3, .extingtext h3, .signstext h3 {
clear: both;
font-size: 12px;
font-weight: 600;
padding-top: 18px;
text-align: center;
text-transform: uppercase;
margin-bottom: -6px;
}
.team-text h6, .extingtext h6, .signstext h6 {
font-size: 12px;
font-weight: 600;
margin: 0px;
text-align: center;
padding-bottom: 5px;
}
.signstext h3 {
padding-bottom: 18px;
}
.extingtext{padding-bottom:20px;}
.extingtext p {
margin: 0px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.extingtext p:last-child {
padding-bottom: 15px;
color: rgb(0, 0, 0);
font-weight: 600;
padding-top: 5px;
}
#skills {
width: 100%;
margin: 0px;
}
#skills div.row {
position: relative;
margin-bottom: 16px;
}
#skills .skill {
width: 70%;
height: 10px;
display: block;
position: relative;
background: none repeat scroll 0% 0% rgb(239, 239, 239);
overflow: hidden;
}
#skills h2 {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
float: left;
width: 30%;
height: 1em;
line-height: 1;
position: absolute;
right: -15px;
top: 0px;
color: rgb(104, 104, 104);
}
#skills p {
width: 0em;
height: 10px;
float: left;
margin: 0px;
}
.team-text p {
padding: 0px 5px;
}
.team-social {
border-top: 1px solid rgb(239, 239, 239);
text-align: center;
overflow: hidden;
clear: both;
}
.team-social a img {
opacity: 0.3;
-ms-filter: "alpha(opacity=30)";
filter: alpha(opacity=30);
zoom: 1;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
}
.team-social a img:hover {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
zoom: 1;
}
.team-social a {
padding: 5px;
margin-top: 10px;
display: inline-block;
}
.team-text span {
color: rgb(120, 120, 120);
}
.team-text p {
margin-top: 10px;
}
.testimonial-item {
background: none repeat scroll 0% 0% rgb(249, 249, 249);
padding: 20px 15px 1px;
margin-top: 3px;
font-style: italic;
font-size: 13px;
position: relative;
}
.testimonial-pin {
background: url("images/testimonial-pin.png") no-repeat scroll 0px 0px transparent;
display: block;
width: 24px;
height: 16px;
position: absolute;
left: 30px;
}
.testimonial-meta {
font-style: normal;
position: absolute;
width: 80%;
font-weight: 600;
font-size: 12px;
left: 20%;
bottom: -40px;
}
.testimonial-meta h5 {
float: left;
margin-right: 5px;
font-size: 12px;
font-weight: 600;
}
.testimonial-meta span {
color: rgb(68, 68, 68);
}
.one-page .standardNav {
position: fixed ! important;
}
.one-page ul#mainnav li.active a {
color: rgb(255, 255, 255);
}
.one-page ul#mainnav li.active a {
color: rgb(255, 255, 255);
}
.one-page #header {
position: fixed ! important;
width: 100%;
background: none repeat scroll 0% 0% rgb(250, 250, 250);
top: 0px;
}
.one-page .onepage-content {
margin-top: 86px;
}
.one-page .section {
margin-top: 86px;
}
.bannercontainer {
background-color: rgb(255, 255, 255);
width: 940px;
position: relative;
margin-left: auto;
margin-right: auto;
max-height: 378px ! important;
}
.banner {
width: 940px;
height: 378px;
position: relative;
overflow: hidden;
}
.bannercontainer-simple {
padding: 0px;
background-color: rgb(255, 255, 255);
width: 940px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.banner-simple {
width: 940px;
height: 378px;
position: relative;
overflow: hidden;
}
.palslider-container {
width: 100% ! important;
position: relative;
padding: 0px;
max-height: 450px ! important;
overflow: hidden;
}
.title_text {
position: absolute;
color: rgb(50, 50, 50);
font-weight: 300;
font-size: 18px;
height: 42px;
line-height: 42px;
margin: 0px;
padding: 0px 10px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
opacity: 0.9 ! important;
-ms-filter: "alpha(opacity=90)";
filter: alpha(opacity=90);
zoom: 1;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.box-slide1 {
position: absolute;
color: rgb(104, 104, 104);
font-weight: 400;
font-size: 12px;
line-height: 20px;
height: auto;
width: 300px;
margin: 0px;
padding: 20px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
opacity: 0.9 ! important;
-ms-filter: "alpha(opacity=90)";
filter: alpha(opacity=90);
zoom: 1;
border-width: 0px;
border-style: none;
white-space: normal ! important;
display: block;
}
.box-slide2 {
position: absolute;
color: rgb(255, 255, 255);
font-weight: 400;
font-size: 12px;
line-height: 20px;
height: auto;
width: 300px;
margin: 0px;
padding: 20px;
background: none repeat scroll 0% 0% rgb(50, 50, 50);
opacity: 0.9 ! important;
-ms-filter: "alpha(opacity=90)";
filter: alpha(opacity=90);
zoom: 1;
border-width: 0px;
border-style: none;
white-space: normal ! important;
display: block;
}
.box-slide2 h2 {
color: rgb(255, 255, 255);
}
.box-slide2 a {
color: rgb(255, 255, 255) ! important;
}
.description_text {
position: absolute;
color: rgb(208, 208, 208);
font-weight: 400;
font-size: 14px;
height: 36px;
line-height: 36px;
margin: 0px;
padding: 0px 10px;
background: none repeat scroll 0% 0% rgb(57, 57, 57);
opacity: 0.9 ! important;
-ms-filter: "alpha(opacity=90)";
filter: alpha(opacity=90);
zoom: 1;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.jcarousel-container {
margin-bottom: 20px;
}
.jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-container-horizontal {
width: 940px;
clear: both;
}
.jcarousel-clip {
overflow: hidden;
}
.jcarousel-clip-horizontal {
width: 940px;
height: auto;
}
.jcarousel-item {
display: block;
position: relative;
padding: 0px;
}
#portfolio-carousel .jcarousel-item {
width: 220px;
height: 260px;
border-bottom: 2px solid rgb(50, 50, 50);
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
#portfolio-carousel .jcarousel-item:hover {
background: none repeat scroll 0% 0% rgb(250, 250, 250);
}
#homeblog-carousel .jcarousel-item {
width: 460px;
height: 200px;
}
.jcarousel-item a {
display: block;
width: 100%;
height: auto;
position: relative;
color: rgb(50, 50, 50);
}
.jcarousel-item h3 {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
padding: 20px 0px 2px;
margin: 0px;
}
.jcarousel-item span {
color: rgb(161, 161, 161);
}
.portfolio-carousel-details {
border-left: 1px solid rgb(239, 239, 239);
border-right: 1px solid rgb(239, 239, 239);
height: 80px;
}
a[rel="PrettyPhoto"] {
overflow: hidden;
display: block;
position: relative;
}
#portfolio-carousel .jcarousel-item img {
width: 100%;
height: auto;
}
#homeblog-carousel .jcarousel-item img {
width: 220px;
height: auto;
}
#homeblog-carousel .jcarousel-item > a {
width: 220px;
float: left;
margin-right: 20px;
}
#homeblog-carousel .blog-carousel-details a {
float: none;
margin: 0px;
}
#homeblog-carousel .blog-carousel-details {
float: left;
text-align: left;
width: 220px;
}
#homeblog-carousel .carousel-meta {
width: 100%;
}
#homeblog-carousel .carousel-meta a {
display: inline;
}
#homeblog-carousel .carousel-meta .details {
padding: 0px 10px;
height: 21px;
background: none repeat scroll 0% 0% rgb(245, 245, 245);
font-size: 11px;
line-height: 21px;
display: inline-block;
}
#homeblog-carousel p {
margin: 18px 0px 0px;
}
.post-format i {
width: 21px ! important;
height: 21px;
display: block;
float: left;
position: relative;
color: rgb(255, 255, 255);
line-height: 21px;
}
#homeblog-carousel .blog-carousel-details h2 {
font-size: 18px;
font-weight: 600;
line-height: 27px;
}
.jcarousel-item-horizontal {
margin-left: 0px;
margin-right: 20px;
text-align: center;
}
.jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0px;
}
.jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-item-placeholder {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
color: rgb(68, 68, 68);
}
.jcarousel-next-horizontal {
position: absolute;
top: -52px;
right: 0px;
width: 23px;
height: 25px;
cursor: pointer;
background: url("images/carousel-arrows.png") no-repeat scroll 0px 0px rgb(247, 247, 247);
}
.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:focus {
background-position: -24px 0px;
}
.jcarousel-next-horizontal:active {
background-position: -24px 0px;
}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:focus, .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -48px 0px;
background-color: rgb(247, 247, 247) ! important;
}
.jcarousel-prev-horizontal {
position: absolute;
top: -52px;
right: 24px;
width: 23px;
height: 25px;
cursor: pointer;
background: url("images/carousel-arrows.png") no-repeat scroll 0px -26px rgb(247, 247, 247);
}
.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:focus {
background-position: -24px -26px;
}
.jcarousel-prev-horizontal:active {
background-position: -24px -26px;
}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -48px -26px;
background-color: rgb(247, 247, 247) ! important;
}
#testimonials {
min-height: 180px;
}
span.caption {
position: relative;
clear: both;
font-size: 13px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
color: rgb(68, 68, 68);
line-height: 40px;
width: 100%;
left: 0px;
}
span.caption a {
color: rgb(68, 68, 68);
}
span.item-on-hover, .grid-item-on-hover {
cursor: pointer;
display: block;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
zoom: 1;
position: absolute;
width: 100%;
height: 100%;
background: url("images/item-on-hover.png") repeat scroll 0% 0% transparent;
}
span.item-on-hover-white {
cursor: pointer;
display: block;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
zoom: 1;
position: absolute;
width: 100%;
height: 100%;
background: url("images/item-on-hover-white.png") repeat scroll 0% 0% transparent;
}
.portfolio img {
display: block;
}
.grid-item-on-hover {
text-align: left;
width: 90%;
padding: 0px 5%;
}
.grid-item-on-hover .grid-text {
position: absolute;
left: 5%;
top: 5%;
text-align: left;
width: 90%;
}
.grid-item-on-hover .grid-text p {
color: rgb(255, 255, 255);
padding: 15px 0px 0px;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60);
zoom: 1;
}
.item-small .grid-item-on-hover p, .item-long .grid-item-on-hover p {
padding: 0px;
}
.grid-item-on-hover h1 {
font-weight: 300;
color: rgb(255, 255, 255);
font-size: 28px;
line-height: 36px;
text-transform: uppercase;
position: relative;
}
.grid-item-on-hover span {
color: rgb(255, 255, 255);
font-size: 11px;
text-transform: uppercase;
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
filter: alpha(opacity=70);
zoom: 1;
position: absolute;
left: 5%;
bottom: 5%;
text-align: left;
width: 90%;
}
.item-high .grid-item-on-hover h1 {
font-size: 20px;
line-height: 26px;
width: 80%;
left: 10%;
}
.item-wide .grid-item-on-hover span {
font-size: 12px;
}
.item-small .grid-item-on-hover h1 {
font-size: 20px;
line-height: 26px;
}
.item-on-hover * {
filter: inherit;
-ms-filter: "inherit";
}
span.hover-link {
width: 35px;
height: 35px;
top: 50%;
left: 50%;
margin-left: -17px;
margin-top: -17px;
position: absolute;
display: block;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
zoom: 1;
}
span.hover-image {
width: 35px;
height: 35px;
top: 50%;
left: 50%;
margin-left: -17px;
margin-top: -17px;
position: absolute;
display: block;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
zoom: 1;
}
span.hover-video {
width: 35px;
height: 35px;
top: 50%;
left: 50%;
margin-left: -17px;
margin-top: -17px;
position: absolute;
display: block;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
zoom: 1;
}
#sidebar {
width: 260px;
float: right;
}
#sidebar h3 {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.widget {
overflow: hidden;
margin-bottom: 55px;
}
.widget a {
color: rgb(68, 68, 68);
}
.widget ul li {
font-size: 12px;
padding: 3px 0px;
}
.widget ul li:last-child {
border-bottom: 0px none;
}
.tags ul li {
float: left;
margin: 0px 4px 4px 0px;
padding: 0px;
}
.tags ul li a {
display: block;
padding: 6px 13px;
background: none repeat scroll 0% 0% rgb(249, 249, 249);
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
.tags ul li a:hover {
color: rgb(255, 255, 255);
}
.sidebar-post {
overflow: hidden;
border-bottom: 1px solid rgb(239, 239, 239);
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
}
.sidebar-post:last-child {
border-bottom: 0px none;
}
.sidebar-post span {
float: left;
clear: both;
width: 100%;
}
.sidebar-post h5 {
font-size: 13px;
font-weight: 600;
color: rgb(68, 68, 68);
margin-bottom: 5px;
float: left;
}
.featured-sidebar {
width: 200px;
float: left;
border: 1px solid rgb(223, 223, 223);
}
.featured-sidebar ul {
border-bottom: 1px solid rgb(239, 239, 239);
}
.featured-sidebar a {
color: rgb(104, 104, 104);
width: 180px;
height: 36px;
line-height: 36px;
display: block;
font-weight: 600;
margin-left: 10px;
border-bottom: 1px solid rgb(239, 239, 239);
}
.featured-sidebar ul li.selected {
background: url("images/featured-arrow.png") no-repeat scroll 200px center transparent;
width: 210px;
}
.featured-sidebar ul li a:hover {
color: rgb(68, 68, 68);
}
.featured-sidebar ul li.selected a {
width: 180px;
height: 36px;
z-index: 1000;
}
.featured-sidebar ul li:last-child a {
border-bottom: 0px none;
}
ul#filters {
float: right;
margin-top: 6px;
}
ul#filters li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
}
ul#filters li a {
color: rgb(104, 104, 104);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
padding: 8px 15px 9px;
margin-left: 1px;
font-weight: 600;
display: block;
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
ul#filters li a.selected {
color: rgb(255, 255, 255);
}
.homepage-grid {
clear: both;
position: relative;
}
.homepage-grid .bgtitle {
margin-bottom: 20px;
}
ul#home-filters {
position: absolute;
top: 0px;
right: 0px;
}
ul#home-filters li a {
color: rgb(104, 104, 104);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
padding: 3px 15px;
margin-left: 1px;
font-weight: 600;
display: block;
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
ul#home-filters li a.selected, ul#home-filters li a:hover {
color: rgb(255, 255, 255);
}
#home-filters li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
}
.portfolio {
clear: both;
overflow: hidden;
margin-right: -20px;
}
.portfolio .portfolio-carousel-details {
height: auto;
border-bottom: 1px solid rgb(239, 239, 239);
}
.portfolio .portfolio-carousel-details span {
padding-bottom: 15px;
display: block;
color: rgb(161, 161, 161);
}
.portfolio li {
margin-right: 20px;
float: left;
position: relative;
margin-bottom: 20px;
overflow: hidden;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
padding: 0px;
text-align: center;
transition: background 0.2s ease-in 0s;
-moz-transition: background 0.2s ease-in 0s;
-webkit-transition: background 0.2s ease-in 0s;
-o-transition: background 0.2s ease-in 0s;
}
.portfolio li:hover {
background: none repeat scroll 0% 0% rgb(250, 250, 250);
}
.portfolio li.item-wide, .portfolio li.item-wide img {
width: 460px ! important;
height: 376px ! important;
border-bottom: medium none ! important;
}
.portfolio li.item-small, .portfolio li.item-small img {
width: 220px ! important;
height: 178px ! important;
border-bottom: medium none ! important;
}
.portfolio li.item-high, .portfolio li.item-high img {
width: 220px ! important;
height: 376px ! important;
border-bottom: medium none ! important;
}
.portfolio li.item-long, .portfolio li.item-long img {
width: 460px ! important;
height: 178px ! important;
border-bottom: medium none ! important;
}
.portfolio h3 {
position: relative;
clear: both;
font-size: 13px;
color: rgb(68, 68, 68);
line-height: 22px;
padding: 20px 0px 5px;
margin: 0px;
width: 100%;
left: 0px;
font-weight: 600;
}
.portfolio h3 a {
color: rgb(68, 68, 68);
}
.portfolio p {
padding: 0px 7px 20px;
margin: 0px;
}
#portfolio-wrapper a {
display: block;
width: 100%;
height: auto;
position: relative;
}
#portfolio-wrapper .four-columns img {
width: 220px;
height: auto;
display: block;
}
#portfolio-wrapper .three-columns img {
width: 300px;
height: auto;
display: block;
}
#portfolio-wrapper .two-columns img {
width: 460px;
height: auto;
display: block;
}
#portfolio-wrapper .four-columns li {
width: 220px;
display: block;
position: relative;
height: auto;
}
#portfolio-wrapper .three-columns li {
width: 300px;
height: 328px;
display: block;
position: relative;
}
#portfolio-wrapper .two-columns li {
width: 460px;
height: 459px;
display: block;
position: relative;
}
.item-details p {
margin: 0px;
padding: 10px 0px;
border-bottom: 1px solid rgb(239, 239, 239);
}
.item-details span {
color: rgb(68, 68, 68);
}
.portfolio-single {
margin-bottom: 50px;
overflow: hidden;
}
.previous-post-link a, .next-post-link a {
width: 25px;
height: 25px;
display: block;
text-indent: -9999px;
float: left;
margin-top: 10px;
transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-webkit-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
}
.proj-image img {
display: block;
}
.portfolio-gallery {
width: 960px;
height: auto;
}
.portfolio-gallery a {
display: block;
float: left;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}
.portfolio-gallery img {
width: 300px;
height: auto;
display: block;
}
.portfolio-nav {
float: right;
position: relative;
margin-top: 16px;
}
.portfolio-nav a {
display: block;
width: 23px;
height: 25px;
text-indent: -9999px;
float: left;
margin-left: 10px;
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
.gallery-page {
width: 960px;
}
.gallery-page li {
width: 300px;
margin: 0px 20px 20px 0px;
position: relative;
float: left;
}
.gallery-page li a {
display: block;
}
.gallery-page li img {
width: 100%;
height: auto;
display: block;
}
#masonry-blog {
width: 960px;
position: relative;
}
.masonry-post {
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.masonry-thumbnail {
position: relative;
}
.masonry-thumbnail img {
width: 100%;
display: block;
}
.masonry-page-content blockquote {
clear: both;
margin: 20px 0px;
}
.masonry-page-content .button {
margin-bottom: 10px;
}
.masonry-post-meta {
height: 30px;
line-height: 30px;
border-bottom: 1px dotted rgb(195, 195, 195);
display: block;
float: left;
margin-bottom: 18px;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
.quote-article h4 {
font-size: 12px;
text-transform: uppercase;
}
.masonry-page-content {
position: relative;
border-bottom: 2px solid rgb(50, 50, 50);
padding: 10px 20px;
background: none repeat scroll 0% 0% rgb(250, 250, 250);
}
.masonry-page-content i.icon-pencil, .masonry-page-content i.icon-quote-left, .masonry-page-content i.icon-facetime-video, .masonry-page-content i.icon-link, .masonry-page-content i.icon-camera-retro, .masonry-page-content i.icon-music {
font-size: 16px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
color: rgb(104, 104, 104);
position: absolute;
right: 20px;
top: 10px;
}
.post-content i.icon-pencil, .post-content i.icon-quote-left, .post-content i.icon-facetime-video, .post-content i.icon-link, .post-content i.icon-camera-retro, .post-content i.icon-music {
font-size: 16px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background: none repeat scroll 0% 0% rgb(249, 249, 249);
color: rgb(104, 104, 104);
position: absolute;
right: 0px;
top: 10px;
}
#blog-page .post-content i.icon-pencil, #blog-page .post-content i.icon-quote-left, #blog-page .post-content i.icon-facetime-video, #blog-page .post-content i.icon-link, #blog-page .post-content i.icon-camera-retro, #blog-page .post-content i.icon-music {
top: 0px ! important;
}
#blog-page div.jp-audio div.jp-type-single div.jp-progress {
width: 59%;
left: 16%;
}
#blog-page div.jp-audio {
margin-bottom: 20px;
}
.columns-two .vimeo-article iframe {
width: 460px ! important;
height: 259px ! important;
}
.columns-three .vimeo-article iframe {
width: 300px ! important;
height: 169px ! important;
}
h1.masonry-title {
clear: both;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.music-article h1.masonry-title {
margin-top: 20px;
}
h1.masonry-title a, .post-content h1 a {
color: rgb(50, 50, 50);
}
.columns-three .masonry-post {
width: 300px;
position: relative;
}
.columns-two .masonry-post {
width: 460px;
position: relative;
}
#posts {
float: left;
position: relative;
width: 640px;
margin-right: 40px;
overflow: hidden;
}
#blog-page .post {
border-bottom: 2px solid rgb(50, 50, 50);
}
.single-post .post {
border-bottom: 0px none;
margin-bottom: 0px;
padding-bottom: 0px;
}
h1.post-title {
clear: both;
}
.meta a {
color: rgb(199, 199, 199);
}
.post-thumbnail {
display: inline-block;
clear: both;
margin-top: 0px;
}
.video-thumbnail {
margin-bottom: 30px;
display: block;
clear: both;
margin-top: 0px;
}
.post-thumbnail a {
display: block;
position: relative;
}
.post-thumbnail img {
width: 640px;
height: auto;
}
.single-post .masonry-post-meta, .portfolio-content .masonry-post-meta {
height: 50px;
line-height: 50px;
}
.meta {
clear: both;
float: left;
margin-bottom: 20px;
}
.meta span {
padding-left: 23px;
float: left;
margin-right: 20px;
}
.meta span.post-date {
background: url("images/calendar.png") no-repeat scroll 0px 3px transparent;
color: rgb(199, 199, 199);
}
.meta span.post-author {
background: url("images/author.png") no-repeat scroll 0px 3px transparent;
}
.meta span.post-comment {
background: url("images/comment.png") no-repeat scroll 0px 4px transparent;
}
.meta p {
margin: 0px;
padding: 5px 0px;
}
.excerpt {
width: 100%;
clear: both;
}
p.readmore {
text-align: right;
}
.post {
margin-bottom: 50px;
padding-bottom: 20px;
border-bottom: 1px solid rgb(239, 239, 239);
overflow: hidden;
position: relative;
}
.post-content {
clear: both;
position: relative;
}
.post blockquote {
border-bottom: 2px solid rgb(214, 214, 214);
border-left: medium none;
margin: 0px 0px 20px;
padding: 20px;
background: none repeat scroll 0% 0% rgb(249, 249, 249);
font-size: 13px;
}
#blog-page .post blockquote {
clear: both;
border-bottom: medium none;
border-left: 2px solid rgb(235, 235, 235);
margin: 0px 0px 20px;
padding: 20px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
font-size: 16px;
}
.right-image {
float: right;
margin: 5px 0px 0px 20px;
padding: 4px;
border: 1px solid rgb(239, 239, 239);
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.left-image {
float: left;
margin: 5px 20px 0px 0px;
padding: 4px;
border: 1px solid rgb(239, 239, 239);
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.post-image {
margin: 5px 0px 20px;
}
ul.tags {
padding: 0px 0px 10px;
position: relative;
overflow: hidden;
}
ul.tags a {
color: rgb(199, 199, 199);
}
ul.tags li {
display: inline;
float: left;
height: 16px;
line-height: 20px;
margin: 30px 20px 0px 0px;
}
.tag-title {
background-image: none;
float: left;
line-height: 18px;
margin: 30px 20px 0px 0px;
}
.author-bio {
clear: both;
margin: 30px 0px 0px;
overflow: hidden;
padding: 15px 0px;
position: relative;
}
.authorp {
float: left;
width: 82%;
}
.authorp h2 {
color: rgb(199, 199, 199);
}
.authorp h2 a {
color: rgb(68, 68, 68);
}
.author-bio p {
margin-bottom: 0px;
}
.author-bio img {
float: left;
margin: 0px 25px 0px 0px;
}
.inner-blog-gallery li {
float: left;
display: block;
margin-right: 20px;
margin-bottom: 30px;
position: relative;
}
.inner-blog-gallery li a {
display: block;
position: relative;
width: 145px;
height: 145px;
}
.inner-blog-gallery img {
display: block;
}
.next-prev-posts {
margin-top: 20px;
padding: 1px 0px;
border-top: 1px solid rgb(239, 239, 239);
border-bottom: 1px solid rgb(239, 239, 239);
overflow: hidden;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
}
.next-prev-posts .previous-post {
width: 50%;
float: left;
padding: 13px 0px;
border-top: 1px solid rgb(239, 239, 239);
border-bottom: 1px solid rgb(239, 239, 239);
text-align: left;
}
.next-prev-posts .next-post {
width: 50%;
float: right;
padding: 13px 0px;
border-top: 1px solid rgb(239, 239, 239);
border-bottom: 1px solid rgb(239, 239, 239);
text-align: right;
}
.next-prev-posts a {
color: rgb(50, 50, 50);
}
.previous-post i {
margin-right: 10px;
}
.next-post i {
margin-left: 10px;
}
.commentlist {
list-style-type: none;
margin: 30px 0px 40px;
}
.comment {
margin-top: 35px;
position: relative;
padding: 0px;
display: inline-block;
}
.comment a {
color: rgb(68, 68, 68);
}
.commentwrap {
margin: 0px 0px 0px 100px;
padding: 0px 0px 10px;
border-bottom: 1px solid rgb(239, 239, 239);
}
.avatar {
left: 0px;
position: absolute;
top: 0px;
}
a.c_reply {
font-weight: 600;
background: none repeat scroll 0% 0% rgb(249, 249, 249);
padding: 2px 5px;
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
.metacomment {
margin-bottom: 10px;
padding: 0px;
}
.metacomment span {
font-weight: bold;
margin: 0px 5px 0px 0px;
}
ul.threaded {
margin-left: 75px;
}
#commentform {
width: 640px;
position: relative;
}
#commentform fieldset {
clear: both;
}
#commentform input[type="text"], #commentform textarea {
background: none repeat scroll 0% 0% rgb(249, 249, 249);
}
#commentform input:focus, #commentform textarea:focus {
outline: medium none;
}
#commentform input[type="text"] {
width: 174px;
padding: 7px 10px;
font-size: 12px;
height: 20px;
line-height: 20px;
}
textarea#mycomment {
width: 618px;
padding: 10px;
clear: both;
overflow: hidden;
float: left;
margin-bottom: 5px;
}
#commentform input[type="submit"] {
margin-top: 5px;
border: 0px none;
}
.error_message {
color: rgb(255, 48, 0);
}
.pagenav {
text-align: center;
vertical-align: middle;
margin-top: 55px;
background: none repeat scroll 0% 0% rgb(249, 249, 249);
}
.pagenav a {
background: none repeat scroll 0% 0% rgb(249, 249, 249);
color: rgb(104, 104, 104);
display: inline-block;
padding: 9px 15px;
font-weight: 600;
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
span.current {
color: rgb(255, 255, 255);
display: inline-block;
padding: 9px 15px;
}
span.pages {
display: inline-block;
padding: 9px 15px;
font-weight: 600;
}
.contact-info p {
margin: 0px;
padding: 7px 0px;
border-top: 1px solid rgb(239, 239, 239);
}
.contact-info p:last-child {
border-bottom: 1px solid rgb(239, 239, 239);
}
.contact-info span {
color: rgb(68, 68, 68);
}
.contact-map {
margin-bottom: 50px;
}
.contact-map iframe {
width: 940px;
height: 300px;
}
.contactform label {
clear: both;
}
.contactform input[type="text"] {
margin-bottom: 10px;
width: 89%;
padding: 14px;
height: 20px;
line-height: 20px;
background: none repeat scroll 0px 0px rgb(255, 255, 255);
}
.contactform input[type="submit"] {
font-size: 12px;
clear: both;
float: right;
cursor: pointer;
margin: 0px;
}
.contactform input:focus, .contactform textarea:focus {
outline: medium none;
}
.contactform textarea {
clear: both;
background: none repeat scroll 0px 0px rgb(255, 255, 255);
height: 112px;
}
.contact-info {
padding-top: 9px;
}
.contact-loader {
float: right;
padding: 11px 11px 0px 0px;
}
#footer {
clear: both;
color: rgb(150, 149, 149);
padding-top: 40px;
margin: 0px auto;
background: none repeat scroll 0px 0px rgb(189, 33, 0);
position: relative;
z-index: 999;
}
#topfooter {
padding: 0px;
margin: 0px;
}
#contactfooter {
background-color: #3a3a3a;
padding-top: 20px;
padding-bottom: 55px;
}
#contactfooter h1 {
color: rgb(255, 255, 255);
font-weight: 800;
}
#topfooter h6 {
margin: 0px;
font-size: 12px;
font-weight: 400;
}
ul#contact-widget li {
border-bottom: 1px dotted rgb(107, 107, 107);
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 30px;
}
#topfooter ul li {
padding-bottom: 10px;
}
#topfooter ul li:last-child {
border-bottom: medium none;
}
ul#blog-widget li {
border-bottom: 1px dotted rgb(107, 107, 107);
padding-bottom: 10px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
ul#blog-widget li img {
position: absolute;
top: 3px;
left: 0px;
}
ul#blog-widget li h6 {
float: left;
padding-left: 75px;
}
ul#blog-widget li span {
float: left;
clear: both;
padding-left: 75px;
width: auto;
}
ul#contact-widget li:last-child {
border-bottom: 0px none;
}
ul#blog-widget li:last-child {
border-bottom: 0px none;
}
li.address {
background: url("images/address.png") no-repeat scroll 0px 2px transparent;
}
li.phone {
background: url("images/phone.png") no-repeat scroll 0px 2px transparent;
}
li.email {
background: url("images/email.png") no-repeat scroll 0px 2px transparent;
}
#footer a {
color: rgb(255, 255, 255);
}
#footer h3 {
font-size: 16px;
color: rgb(255, 255, 255);
font-weight: 700;
}
#bottomfooter {
position: relative;
overflow: hidden;
clear: both;
background-color: #222222;
line-height: 42px;
margin-top: 40px;
}
#bottomfooter p {
margin: 0px;
}
.totop {
background: url("images/top.png") no-repeat scroll 0px 0px transparent;
width: 37px;
height: 42px;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -18px;
text-indent: -9999px;
}
.tweet, .query {
margin: 0px;
}
.tweet_list {
list-style: none outside none;
margin: 0px;
padding: 0px;
overflow-y: hidden;
}
.widget .tweet_list li {
background: none repeat scroll 0% 0% transparent;
padding-bottom: 10px;
margin-bottom: 10px;
}
.tweet_list li {
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
border-bottom: 1px solid rgb(239, 239, 239);
background: url("images/social/twitter.png") no-repeat scroll 0px 3px transparent;
padding-left: 30px;
}
.tweet_text {
clear: both;
width: 100%;
display: block;
}
.tweet_time, .tweet_action {
float: left;
margin-right: 10px;
margin-top: 10px;
}
.tweet_time a, a.tweet_action {
color: rgb(119, 119, 119) ! important;
}
.tweet_list li:last-child {
border-bottom: 0px none;
}
.tweet_list .tweet_avatar {
padding-right: 0.5em;
float: left;
}
.tweet_list .tweet_avatar img {
vertical-align: middle;
}
#flickr {
margin: 0px;
padding: 0px;
overflow: hidden;
width: 270px;
}
#flickr li {
list-style: none outside none;
float: left;
margin: 0px 9px 9px 0px;
border: 0px none;
padding: 0px;
}
#flickr img {
display: block;
width: 45px;
height: 45px;
}
#flickr a img {
border: medium none;
}
ul#social {
float: right;
margin-right: -5px;
}
ul#social li {
display: inline;
}
ul#social li a {
display: block;
margin: 0px 0px 0px 1px;
width: 38px;
float: left;
height: 42px;
text-indent: -9999px;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
zoom: 1;
transition: background 0.2s linear 0s;
-moz-transition: background 0.2s linear 0s;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
}
ul#social li a:hover {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
zoom: 1;
}
a.forrst {
background: url("images/social/forrst.png") no-repeat scroll center center transparent;
}
a.forrst:hover {
background-color: rgb(93, 155, 104);
}
a.dribbble {
background: url("images/social/dribbble.png") no-repeat scroll center center transparent;
}
a.dribbble:hover {
background-color: rgb(226, 74, 133);
}
a.vimeo {
background: url("images/social/vimeo.png") no-repeat scroll center center transparent;
}
a.vimeo:hover {
background-color: rgb(27, 183, 234);
}
a.linkedin {
background: url("images/social/linkedin.png") no-repeat scroll center center transparent;
}
a.linkedin:hover {
background-color: rgb(0, 123, 182);
}
a.google {
background: url("images/social/google.png") no-repeat scroll center center transparent;
}
a.google:hover {
background-color: rgb(225, 71, 47);
}
a.skype {
background: url("images/social/skype.png") no-repeat scroll center center transparent;
}
a.skype:hover {
background-color: rgb(12, 177, 241);
}
a.facebook {
background: url("images/social/facebook.png") no-repeat scroll center center transparent;
}
a.facebook:hover {
background-color: rgb(59, 89, 152);
}
a.twitter {
background: url("images/social/twitter.png") no-repeat scroll center center transparent;
}
a.twitter:hover {
background-color: rgb(0, 172, 238);
}
a.flickr {
background: url("images/social/flickr.png") no-repeat scroll center center transparent;
}
a.flickr:hover {
background-color: rgb(255, 0, 132);
}
a.rss {
background: url("images/social/rss.png") no-repeat scroll center center transparent;
}
a.rss:hover {
background-color: rgb(242, 141, 52);
}
a.stumbleupon {
background: url("images/social/stumbleupon.png") no-repeat scroll center center transparent;
}
a.stumbleupon:hover {
background-color: rgb(15, 183, 61);
}
a.youtube {
background: url("images/social/youtube.png") no-repeat scroll center center transparent;
}
a.youtube:hover {
background-color: rgb(217, 48, 48);
}
.portfolio-single .percent-three-fourth {
min-height: 30px;
}
.columns-two .slides_container {
width: 460px;
height: 240px;
display: none;
}
.columns-two .slides_container .slide {
width: 460px;
height: 240px;
display: block;
}
.columns-three .slides_container {
width: 300px;
height: 157px;
display: none;
}
.columns-three .slides_container .slide {
width: 300px;
height: 157px;
display: block;
}
.post .slides_container {
width: 640px;
height: 335px;
display: none;
}
.post .slides_container .slide {
width: 640px;
height: 335px;
display: block;
}
.columns-three div.jp-audio div.jp-type-single div.jp-progress {
display: none;
}
.blog-slides {
position: relative;
}
.slides_container {
width: 940px;
display: none;
}
.slides_container div.slide {
width: 940px;
display: block;
}
#slides {
margin-bottom: 10px;
position: relative;
}
.blog-slides .next, .blog-slides .prev, #slides .next, #slides .prev, .post .next, .post .prev {
position: absolute;
top: 50%;
margin-top: -21px;
width: 27px ! important;
height: 43px ! important;
display: block;
z-index: 101;
background: none repeat scroll 0% 0% rgb(101, 101, 101);
}
.blog-slides .next img, .blog-slides .prev img, #slides .next img, #slides .prev img, .post .next img, .post .prev img {
height: auto;
width: auto;
}
#slides .next img, #slides .prev img {
height: auto;
width: auto;
}
#slides .next {
right: 0px;
}
#slides .prev {
left: 0px;
}
.blog-slides .next {
right: 0px;
}
.blog-slides .prev {
left: 0px;
}
.slide img {
width: 100%;
height: auto;
overflow: visible;
vertical-align: bottom;
}
.slide a {
display: block;
margin: 0px;
padding: 0px;
}
.pagination {
position: absolute;
text-align: center;
z-index: 1000;
width: 100%;
bottom: 12px;
}
.pagination li {
display: inline-block;
margin-left: 1px;
margin-right: 1px;
list-style: none outside none;
text-align: center;
height: 3px;
}
.pagination li a {
display: inline-block;
width: 40px;
height: 3px;
overflow: hidden;
background: none repeat scroll 0% 0% rgb(239, 239, 239);
}
#slides .caption {
z-index: 500;
position: absolute;
bottom: -35px;
left: 0px;
height: 30px;
padding: 5px 20px 0px;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
width: 540px;
font-size: 1.3em;
line-height: 1.33;
text-shadow: none;
}
.blog-slides .caption {
z-index: 500;
position: absolute;
bottom: -35px;
left: 0px;
height: 30px;
padding: 5px 20px 0px;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
width: 540px;
font-size: 1.3em;
line-height: 1.33;
text-shadow: none;
}
.button {
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 16px;
margin: 0px 10px 20px 0px;
padding: 7px 11px;
position: relative;
border: 0px none;
transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
}
.subbutton {
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 16px;
margin: 0px 10px 20px 0px;
padding: 7px 11px;
position: relative;
border: 0px none;
transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
width: 120px;
padding: 16px;
}
.white {
background: none repeat scroll 0% 0% rgb(234, 234, 234);
color: rgb(104, 104, 104);
}
.white:hover {
color: rgb(104, 104, 104);
background: none repeat scroll 0% 0% rgb(210, 210, 210);
}
.yellow {
background: none repeat scroll 0% 0% rgb(255, 177, 65);
border: 0px none;
color: rgb(255, 255, 255);
}
.yellow:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(253, 150, 2);
}
.orange {
background: none repeat scroll 0% 0% rgb(254, 126, 23);
border: 0px none;
color: rgb(255, 255, 255);
}
.orange:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(247, 115, 9);
}
.black {
background: none repeat scroll 0% 0% rgb(120, 120, 120);
color: rgb(255, 255, 255);
}
.black:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(68, 68, 68);
}
.green {
background: none repeat scroll 0% 0% rgb(157, 211, 11);
color: rgb(255, 255, 255);
}
.green:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(141, 189, 10);
}
.bleumarin {
background: none repeat scroll 0% 0% rgb(48, 180, 197);
color: rgb(255, 255, 255);
}
.bleumarin:hover {
background: none repeat scroll 0% 0% rgb(43, 159, 174);
color: rgb(255, 255, 255);
}
.rose {
background: none repeat scroll 0% 0% rgb(238, 80, 81);
color: rgb(255, 255, 255);
}
.rose:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(214, 72, 73);
}
.red {
color: rgb(255, 255, 255);
background: none repeat scroll 0px 0px rgb(189, 33, 0);
}
.red:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(212, 64, 41);
}
.tabs-wrapper {
width: 100%;
}
.tab-item {
clear: both;
overflow: hidden;
padding: 15px 0px;
border-bottom: 1px solid rgb(255, 255, 255);
}
.tabs-container {
float: left;
position: relative;
display: block;
width: 100%;
}
.tabs-wrapper .tab-content {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
padding: 20px;
overflow: hidden;
border: 1px solid rgb(239, 239, 239);
border-radius: 0px 3px 3px 3px;
-moz-border-radius: 0px 3px 3px 3px;
-webkit-border-radius: 0px 3px 3px 3px;
}
ul.tabs {
float: left;
height: 34px;
width: 100%;
padding-left: 0px ! important;
margin-bottom: 0px ! important;
}
.tabs-container p:last-child {
margin-bottom: 0px;
}
ul.tabs li {
float: left;
padding-left: 0px ! important;
overflow: hidden;
padding-bottom: 0px;
position: relative;
text-align: center;
outline: medium none;
}
ul.tabs li a {
height: 34px;
line-height: 34px;
text-decoration: none;
font-size: 12px;
display: block;
padding: 0px 25px;
outline: medium none;
border: 1px solid rgb(255, 255, 255);
color: rgb(154, 154, 154);
font-weight: 600;
}
ul.tabs li a:hover {
color: rgb(50, 50, 50);
}
ul.tabs li.active {
top: -1px;
}
ul.tabs li.active a {
border-left: 1px solid rgb(239, 239, 239);
border-right: 1px solid rgb(239, 239, 239);
border-bottom: 1px solid rgb(255, 255, 255);
color: rgb(50, 50, 50);
}
ul.tabs li.active {
z-index: 1;
}
ul.tabs li.active, ul.tabs li.active a:hover {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
color: rgb(50, 50, 50);
}
#toggle-view {
list-style: none outside none;
font-size: 12px;
margin: 0px 0px 20px;
padding: 0px;
width: 100%;
}
#toggle-view li {
margin-bottom: 1px;
border-bottom: 1px solid rgb(239, 239, 239);
position: relative;
}
#toggle-view h3 {
margin: 0px;
font-size: 13px;
cursor: pointer;
padding: 12px 10px 12px 40px;
color: rgb(104, 104, 104);
font-weight: 400;
}
#toggle-view h3:hover, #toggle-view h3:active {
color: rgb(68, 68, 68);
}
#toggle-view span {
position: absolute;
left: 0px;
top: 14px;
}
#toggle-view .panel {
display: none;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
overflow: hidden;
padding: 10px 0px 20px;
}
#toggle-view .panel p:last-child {
margin-bottom: 0px;
}
.pricing-column {
text-align: center;
width: 235px;
float: left;
position: relative;
}
.first-column .package-value, .first-column .package-features, .first-column .signup {
border-left: 1px solid rgb(219, 219, 219);
}
.package-value, .package-features {
border-right: 1px solid rgb(219, 219, 219);
}
.package-title {
background: none repeat scroll 0% 0% rgb(104, 104, 104);
color: rgb(255, 255, 255);
font-size: 16px;
height: 40px;
line-height: 40px;
border-bottom: 3px solid rgb(84, 84, 84);
border-right: 1px solid rgb(84, 84, 84);
}
.featured-column {
top: -10px;
box-shadow: 0px 2px 10px rgb(218, 218, 218);
-moz-box-shadow: 0px 2px 10px rgb(218, 218, 218);
-webkit-box-shadow: 0px 2px 10px rgb(218, 218, 218);
z-index: 1;
}
.featured-column .package-title {
height: 40px;
line-height: 30px;
position: relative;
font-weight: 600;
box-shadow: 0px -1px 10px rgb(0, 0, 0);
-moz-box-shadow: 0px -1px 10px rgb(0, 0, 0);
-webkit-box-shadow: 0px -1px 10px rgb(0, 0, 0);
z-index: -1;
}
.featured-column .column-shadow {
height: 10px;
position: relative;
z-index: 10;
box-shadow: 0px -1px 2px rgb(218, 218, 218);
-moz-box-shadow: 0px -1px 2px rgb(218, 218, 218);
-webkit-box-shadow: 0px -1px 2px rgb(218, 218, 218);
}
.pricing-table .featured-column .signup {
padding: 25px 0px;
}
.pricing-column .signup {
border-bottom: 1px solid rgb(219, 219, 219);
border-right: 1px solid rgb(219, 219, 219);
padding: 20px 0px;
background: none repeat scroll 0% 0% rgb(249, 249, 249);
}
.pricing-column .signup .button {
margin: 0px;
}
.package-value {
background: none repeat scroll 0% 0% rgb(249, 249, 249);
height: 95px;
line-height: 95px;
}
ul.package-features li {
height: 40px;
line-height: 40px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
ul.package-features li.alt {
background: none repeat scroll 0% 0% rgb(249, 249, 249);
}
.package-currency {
font-size: 16px;
position: relative;
top: -20px;
}
.package-price {
font-size: 48px;
font-weight: 600;
}
.package-time {
font-size: 16px;
}
.pricing-table, .normal-table {
width: 100%;
}
.normal-table td {
border: 1px solid rgb(239, 239, 239);
padding: 10px 20px;
text-align: center;
}
.normal-table tr.alt {
background: none repeat scroll 0% 0% rgb(251, 251, 251);
}
.normal-table tr.first-column {
background: none repeat scroll 0% 0% rgb(102, 102, 102);
color: rgb(239, 239, 239);
}
.box-error, .box-alert, .box-notice, .box-success, .box-info {
margin-bottom: 10px;
padding: 10px 20px;
}
.box-error i, .box-alert i, .box-notice i, .box-success i, .box-info i {
font-size: 14px;
margin-right: 15px;
}
.box-error, .box-alert {
background: none repeat scroll 0% 0% rgb(252, 226, 227);
color: rgb(229, 64, 52);
}
.box-notice {
background: none repeat scroll 0% 0% rgb(253, 244, 189);
color: rgb(112, 104, 54);
}
.box-info {
background: none repeat scroll 0% 0% rgb(212, 235, 246);
color: rgb(32, 86, 143);
}
.box-success {
background: none repeat scroll 0% 0% rgb(229, 238, 192);
color: rgb(38, 69, 9);
}
ul.customlist li {
padding: 6px 0px;
border-bottom: 1px dotted rgb(222, 222, 222);
}
ul.customlist li i {
margin-right: 5px;
}
.offerlist li{
line-height: 25px;
}
.ac-btn {
background: none repeat scroll 0% 0% rgb(251, 251, 251);
border: 1px solid rgb(239, 239, 239);
cursor: pointer;
font-size: 12px;
font-weight: normal;
padding: 7px 10px;
margin-bottom: 1px;
}
.ac-btn h3 {
margin: 0px;
font-size: 12px;
cursor: pointer;
color: rgb(104, 104, 104);
}
.ac-btn h3:hover {
color: rgb(68, 68, 68);
}
.ac-content {
border: 1px solid rgb(239, 239, 239);
display: none;
margin-bottom: 2px;
margin-top: -3px;
overflow: auto;
padding: 10px 20px;
position: relative;
top: 1px;
}
.ac-selected {
display: inherit;
}
.ac-selected {
display: block ! important;
}
.on {
background: none repeat scroll 0% 0% rgb(247, 247, 247);
color: rgb(68, 68, 68);
}
.over {
background: none repeat scroll 0% 0% rgb(247, 247, 247);
color: rgb(68, 68, 68);
}
#palnumber {
color: rgb(255, 255, 255);
font-weight: 800;
padding-top: 20px;
padding-bottom: 20px;
font-size: 19px;
}
#palcopy {
color: rgb(255, 255, 255);
padding-top: 20px;
padding-bottom: 20px;
font-weight: 800;
font-size: 12px;
line-height: normal;
text-align: right;
}
h2.titillium {
font-family: 'Titillium Web',sans-serif;
font-weight: 700;
color: rgb(0, 0, 0);
font-size: 35px;
}
.maincontent p {
font-family: 'Open Sans',sans-serif;
color: #696868;
font-size: 16px;
line-height: 25px;
}
.redrule {
border-bottom: 1px solid rgb(189, 33, 0);
margin-bottom: 20px;
margin-top: 20px;
}
ol.extlist li {
border-bottom: 1px dotted rgb(194, 194, 194);
line-height: 40px;
color: rgb(0, 0, 0);
font-size: 12px;
}
ol.extlist li:last-child {
border-bottom: medium none;
}
a {
color: rgb(225, 71, 47);
}
.intro a {
color: #bd2100;
}
.team-text h6, .extingtext h6 {
color: rgb(189, 33, 0);
}
ul#mainnav > li.item-active > a {
background: none repeat scroll 0px 0px rgb(189, 33, 0);
}
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {
background: none repeat scroll 0% 0% rgb(189, 33, 0);
}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current {
background: none repeat scroll 0% 0% rgb(189, 33, 0);
}
.service-item i {
color: rgb(225, 71, 47);
}
#skills p {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.one-page ul#mainnav li.active a {
background: none repeat scroll 0% 0% rgb(189, 33, 0);
}
.jcarousel-item a:hover {
color: rgb(225, 71, 47);
}
.post-format i {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:focus {
background-color: rgb(225, 71, 47);
}
.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:focus {
background-color: rgb(225, 71, 47);
}
.grid-item-on-hover {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
span.hover-link {
background: url("../../images/link.png") no-repeat scroll center center rgb(225, 71, 47);
}
span.hover-image {
background: url("../../images/lightbox.png") no-repeat scroll center center rgb(225, 71, 47);
}
span.hover-video {
background: url("../../images/video.png") no-repeat scroll center center rgb(225, 71, 47);
}
.tags ul li a:hover {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.testimonial-meta h5 {
color: rgb(225, 71, 47);
}
span.caption a:hover {
color: rgb(225, 71, 47);
}
.sidebar-post span a {
color: rgb(225, 71, 47);
}
ul#filters li a.selected {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
ul#home-filters li a.selected, ul#home-filters li a:hover {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.portfolio-nav a.prev-project {
background: url("../../images/portfolio-arrows.png") repeat scroll 0px 0px rgb(239, 239, 239);
}
.portfolio-nav a.prev-project:hover {
background: url("../../images/portfolio-arrows.png") repeat scroll 0px -25px rgb(225, 71, 47);
}
.portfolio-nav a.close-project {
background: url("../../images/portfolio-arrows.png") repeat scroll -23px 0px rgb(239, 239, 239);
}
.portfolio-nav a.close-project:hover {
background: url("../../images/portfolio-arrows.png") repeat scroll -23px -25px rgb(225, 71, 47);
}
.portfolio-nav a.next-project {
background: url("../../images/portfolio-arrows.png") repeat scroll -46px 0px rgb(239, 239, 239);
}
.portfolio-nav a.next-project:hover {
background: url("../../images/portfolio-arrows.png") repeat scroll -46px -25px rgb(225, 71, 47);
}
h1.masonry-title a:hover, .post-content h1 a:hover {
color: rgb(225, 71, 47);
}
.next-prev-posts a:hover {
color: rgb(225, 71, 47);
}
a.c_reply:hover {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
color: rgb(255, 255, 255) ! important;
}
#contactform input[type="submit"] {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.blog-slides .next:hover, .blog-slides .prev:hover, #slides .next:hover, #slides .prev:hover, .post .next:hover, .post .prev:hover {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.pagination li.current a {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
ul.tabs li.active {
border-top: 1px solid rgb(225, 71, 47);
}
.featured-column .column-shadow {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
ul.customlist li i {
color: rgb(225, 71, 47);
}
ol.customlist li i {
color: rgb(189, 33, 0);
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
background: none repeat scroll 0% 0% rgb(225, 71, 47) ! important;
}
.widget a:hover {
color: rgb(225, 71, 47);
}
ul.tags a:hover {
color: rgb(225, 71, 47);
}
.authorp h2 a:hover {
color: rgb(225, 71, 47);
}
.comment a:hover {
color: rgb(225, 71, 47);
}
#toggle-view li.activated h3 {
color: rgb(225, 71, 47);
}
ul#filters li a:hover {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
ul#filters li.selected a {
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.portfolio h3 a:hover {
color: rgb(225, 71, 47);
}
h2.post-title a:hover, .meta a:hover {
color: rgb(225, 71, 47);
}
.pagenav a:hover {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
color: rgb(255, 255, 255);
}
span.current {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
#footer a:hover {
color: #cccccc;
}
.featured-column .package-title {
border-bottom: 3px solid rgb(194, 36, 11);
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
.nav-first-item {
border-top: 1px solid rgb(68, 68, 68);
}
.toggle-plus {
background: url("../../images/plus.png") no-repeat scroll 0px 0px rgb(123, 123, 123);
width: 21px;
height: 21px;
}
.toggle-minus {
background: url("../../images/minus.png") no-repeat scroll 0px 0px rgb(225, 71, 47);
width: 21px;
height: 21px;
}
h6.check i {
color: rgb(225, 71, 47);
font-size: 14px;
margin-right: 8px;
}
div.jp-play-bar {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
div.jp-volume-bar-value {
background: none repeat scroll 0% 0% rgb(225, 71, 47);
}
ul#mainnav > li.sfHover > a {
background: none repeat scroll 0% 0% rgb(189, 33, 0);
color: rgb(255, 255, 255);
}
.safetyfirst{display:block; margin:0 auto; margin-top: -79px;z-index: 999;text-align: center;}
h3.fnavh3{margin-bottom:10px;}
div.smallspace{height:25px;}
#mobilemenu{float:right; margin-right:15px;}
#mobilemenu li {width:38px; height:38px; background-image:url(images/mobimenu.png); background-position:0px 0px; position:relative; top:35px;}
#mobilemenu li:hover {width:38px; height:38px; background-image:url(images/mobimenu.png); background-position:0px -38px; }
.iconexperience{
width:45px;
height:43px;
display:block;
background:url('images/experience-icon.png') no-repeat;
margin:0 auto;
}
.iconauditor {
width:42px;
height:43px;
display:block;
background:url('images/accredited-icon.png')no-repeat;
margin:0 auto;
}
.iconcertification{
width:39px;
height:43px;
display:block;
background:url('images/certificationsurveys-icon.png')no-repeat;
margin:0 auto;
}
.iconcertified{
width:37px;
height:43px;
display:block;
background:url('images/certificateII-icon.png')no-repeat;
margin:0 auto;
}
.iconrepairs{
width:43px;
height:43px;
display:block;
background:url('images/maintenancerepairs-icon.png')no-repeat;
margin:0 auto;
}
.iconrange{
width:46px;
height:43px;
display:block;
background:url('images/entirerange-icon.png')no-repeat;
margin:0 auto;
}
.iconprofessional{
width:41px;
height:43px;
display:block;
background:url('images/professional-icon.png')no-repeat;
margin:0 auto;
}
.iconquote{
width:37px;
height:43px;
display:block;
background:url('images/free-icon.png')no-repeat;
margin:0 auto;
}
input[type="text"], textarea, input[type="email"], input[type="tel"], input[type="url"], input[type="number"]{
outline:none;
transition: all 0.45s ease-in-out;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
border:1px solid rgba(0,0,0, 0.2);
}
input[type="text"]:focus, textarea:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus {
box-shadow: 0 0 10px rgba(189, 33, 0, 1);
-webkit-box-shadow: 0 0 10px rgba(189, 33, 0, 1));
-moz-box-shadow: 0 0 10px rgba(189, 33, 0, 1);
border:1px solid rgba(189, 33, 0, 1);
}
a.scrolltop, div.backtotop{text-align:center; width:80px; margin:0 auto; margin-top:10px;}
.backtop{
width:80px;
height:55px;
display:block;
background:url('images/backtotop.png') no-repeat 0px 0px;
margin:0 auto;
}
.backtop:hover{
width:80px;
height:55px;
display:block;
background:url('images/backtotop.png') no-repeat 0px -59px;
margin:0 auto;
}
ul.offerList{
list-style: none;
margin-left: 0;
padding-left: 27px;
text-indent: -27px;
}
ul.offerList li{
font-size:16px;
padding-top: 10px;
padding-bottom: 10px;
line-height:25px;
}
ul.offerList li span{
padding-left:10px;
}
ul.offerList li:before{
font-family:FontAwesome;
content: "\f00c";
color:#bd2100;
}
.contactpage label{color:#4f4f4f;}
.cinfo {margin-top:30px;}
.hrizontal li{float:left; margin-right:30px;}
.icon-ok{color:#c81b27;}
p.fp{text-align:center; font-size:13px;}
img.center-responsive{width:100%; margin:0 auto;}
a.cu{font-size: 24px; padding: 30px; margin-top: 20px; font-weight: 700;}
div.signstext h3 span {color: #bd2100;position: relative;}
div#warrantybadge{border:10px solid #eeeeee; text-align: center; padding-bottom: 30px; padding-top: 50px;padding-right: 15px;padding-left: 15px;}
div#warrantybadge img{padding-bottom: 40px;}
div#spillkit{text-align: center; margin-top:40px;}
.redh1{color: #c81b26;}
ul#mainnav li ul li.longHeight a{line-height: 15px; height: 40px; padding-top: 10px;}
.slideHeading{width:220px; padding:20px; background-color:#fff;}
div.slideHeading h1{color:#b90711; font-size:20px; margin:0px; padding:0px; line-height:20px;}
div.slideHeading p{margin:10px 0px; font-size:15px;}
div.slideHeading a.button{margin:10px 0px 0px 0px;}
p.servicelist{text-align: center; margin-bottom: 23px;}
#full-width-slider {
width: 100%;
max-height: 450px;
color: #000;
}
.infoBlock, .rsABlock {
position: relative;
top: 30%;
left: 21%;
max-width: 280px;
padding-bottom: 0;
background: #FFF;
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
padding: 25px;
}
.infoBlock h4 {
line-height: 0.9em;
margin: 0;
padding-bottom: 3px;
color: #bd2100; /* text color */
font-size: 23px;
font-weight: 800;
}
.infoBlock p {
margin: 4px 0 0;
color: #1b1b1b; /* text color */
font-size: 16px;
}
.sliderButton {
margin-bottom: 0px;
margin-top: 10px;
color: #fff; /* text color */
font-size: 13px;
font-weight: 800;
padding: 10px 20px;
}
.safetyfirst{
display:block;
width: 750px;
height:75px;
background-image:url('images/safetyfirst.png');
background-repeat: no-repeat;
}
@media only screen and (max-width: 319px){
.heroSlider .rsOverflow,
.royalSlider.heroSlider {
height: 250px !important;
}
.infoBlock, .rsABlock {
position: relative;
top: 5%;
left: 5%;
}
.safetyfirst{
display:block;
width: 295px;
height:75px;
background-image:url('images/safetyfirst-small.png');
background-repeat: no-repeat;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.heroSlider .rsOverflow,
.royalSlider.heroSlider {
height: 250px !important;
}
.infoBlock, .rsABlock {
position: relative;
top: 13%;
left: 5%;
}
.safetyfirst{
display:block;
width: 295px;
height:75px;
background-image:url('images/safetyfirst-small.png');
background-repeat: no-repeat;
}
.reveal-modal {
visibility: hidden;
top: 100px;
width: 200px;
position: absolute;
z-index: 5000;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
background-color:#fff;
border:10px solid #eeeeee;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.heroSlider .rsOverflow,
.royalSlider.heroSlider {
height: 250px !important;
}
.infoBlock, .rsABlock {
position: relative;
top: 13%;
left: 24%;
}
.safetyfirst{
display:block;
width: 460px;
height:75px;
background-image:url('images/safetyfirst-med.png');
background-repeat: no-repeat;
}
.reveal-modal {
visibility: hidden;
top: 100px;
width: 358px;
position: absolute;
z-index: 5000;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
background-color:#fff;
border:10px solid #eeeeee;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.heroSlider .rsOverflow,
.royalSlider.heroSlider {
height: 300px !important;
}
.infoBlock, .rsABlock {
position: relative;
top: 17%;
left: 5%;
}
.safetyfirst{
display:block;
width: 750px;
height:75px;
background-image:url('images/safetyfirst.png');
background-repeat: no-repeat;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 5000;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
background-color:#fff;
border:10px solid #eeeeee;
}
}
a{color:#bd2100;}
a:hover{color:#444;}
/* --------------------------------------------------
Reveal Modals
-------------------------------------------------- */
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 40px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}