html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea {
font:99% sans-serif;
width: 280px;
height: 24px;
}
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
nav ul, nav li, menu ul, menu li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: @red; color:#fff; text-shadow: none; }
::selection { background:@red; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #d50707; .transition(all linear .2s); }
a:hover { color: #036; }
.left { float: left;}
.right { float: right;}
.clear { clear: both;}
// Links
@linkColor: #8b59c2;
@linkColorHover: darken(@linkColor, 10);
// Grays
@white: #fff;
@grayLighter: #ccc;
@grayLight: #9d9d9d;
@gray: #555;
@grayDark: #333;
@black: #000;
@border: #cacaca;
// Accent Colors
@blue: #08b5fb;
@green: #46a546;
@red: #d50707;
@yellow: #ffc40d;
@orange: #f89406;
@pink: #c3325f;
@purple: #7a43b6;
// Vars
@darkGray: #3a3a3a;
// Border Radius
.border-radius(@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
// Drop shadows
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
-webkit-box-shadow: @shadow;
-moz-box-shadow: @shadow;
box-shadow: @shadow;
}
// Transitions
.transition(@transition) {
-webkit-transition: @transition;
-moz-transition: @transition;
transition: @transition;
}
// Scaffolding
body {
font-family: Georgia, Arial, sans-serif;
p {
font-size: 11px;
line-height: 17px;
}
.mt10 {
margin-top:10px;
}
.ml10 {
margin-left:10px;
margin-top:10px;
}
}
body.all {background: url("../images/main-bg2.jpg") repeat-x #FFF;}
body.home{
background: url("../images/main-bg.jpg") repeat-x #141414;
}
#container {
width: 980px;
margin: 0 auto;
margin-top: -60px;
}
#masthead {
width: 980px;
margin: 0 auto;
height: 120px;
margin-bottom: 24px;
background: url("../images/main-header.png") no-repeat 2px top transparent;
.inner {
padding-top: 10px;
.right {
width: 585px;
height: 70px;
}
}
#search {
float: left;
width: 190px;
padding-top: 24px;
label {
float: left;
font-size: 12px;
color: @darkGray;
font-weight: bold;
line-height: 21px;
padding-right: 10px;
}
input.s {
float: left;
width: 115px;
height: 17px;
font-size: 14px;
border: 1px solid #bfbfbf;
border-right: none;
.border-radius(2px 0 0 2px);
}
input.q {
width: 22px;
height: 21px;
border: none;
outline: none;
background: url("../images/submit.png") no-repeat;
float: left;
}
}
#secondary-nav {
width: 210px;
float: left;
padding-top: 28px;
margin-left: 35px;
margin-right: 12px;
ul{
li {
float: left;
font-size: 12px;
color: @grayDark;
font-weight: bold;
a {
color: @grayDark;
text-decoration: none;
&:hover { color: @red;}
}
a.selected {
background: @red;
}
}
}
}
#social-nav {
padding-top: 16px;
li {
float: left;
margin-left: 6px;
a {
display: block;
width: 32px;
height: 32px;
background: url("../images/social-icos.png") no-repeat;
.transition(none);
}
a#ico-facebook { background-position: 0 0; &:hover { background-position: 0 -56px;}}
a#ico-twitter { background-position: -38px 0; &:hover { background-position: -38px -56px;}}
a#ico-linkdin { background-position: -76px 0; &:hover { background-position: -76px -56px;}}
a#ico-wtf { background-position: -114px 0; &:hover { background-position: -114px -56px;} }
}
}
a#identity {
width: 157px;
height: 109px;
float: left;
text-indent: -9999px;
position: absolute;
top: 10px;
}
#main-nav{
height: 43px;
float: right;
ul {
list-style: none;
margin: -4px 0 0 0;
float: left;
font-size: 12px;
li {
float: left;
margin: 0px;
padding: 0 10px 0 0;
height: 40px;
position: relative;
a {
padding: 10px 11px;
color: #fff;
display: block;
text-decoration: none;
height: 23px;
font-style: italic;
&:hover{
background: @red;
}
}
a.last {
padding-right:0px;
}
a.arrow {
background: url(../images/sbn-arrow.png) no-repeat right -6px;
padding-right: 14px;
&:hover {
background: @red url(../images/sbn-arrow.png) no-repeat right -6px;}
}
ul.subnav {
list-style: none;
position: absolute;
left: 0;
top:40px;
//top: 35px;
background: @red;
margin: 0;
padding: 9px 0 0 0;
display: none;
float: left;
width: 178px;
border-bottom: 3px solid @black;
z-index: 9;
li {
margin: 0 0 4px 0;
padding: 0;
display: block;
height: 20px;
a {
display: block;
background: @red url("../images/subnav-arrow.png") no-repeat 10px 3px;
font-size: 11px;
//height: 20px;
padding: 0px 0px 0px 20px;
font-style: normal;
&:hover {
background: @red url("../images/subnav-arrow.png") no-repeat 10px 3px;
text-decoration: underline;
}
}
a.selected {
background: @red url("../images/subnav-arrow.png") no-repeat 10px 3px;
}
}
}
}
li.subhover { background: @red;}
}
}
}
// Breadcrumbs
blockquote {
padding-left:50px;
padding-bottom:40px;
background: url("../images/bq.png") no-repeat 0px 0px;
font-style: italic;
color: #8f8f8f;
strong {
padding-top:10px;
color: @white;
font-style: normal;
}
div {
font-weight: normal !important;
color: #8f8f8f !important;
}
}
.breadcrumbs {
ul {
li{
float: left;
font-size: 11px;
color: @grayLight;
padding-right: 4px;
a {
color: @grayLight;
&:hover {
color: @grayLighter;
}
}
}
}
}
.page-head {
margin-left: 0px;
h1 {
font-size: 24px;
padding: 8px 0;
color: @red;
font-weight: normal;
}
}
#main {
width: 960px;
margin-left: 20px;
min-height: 800px;
display: inline-block;
}
.hasshadow {
.box-shadow(0px 0px 6px 2px rgba(0,0,0,.1));
min-height: 400px;
background: @white;
}
.sidebar {
width: 300px;
min-height: 400px;
.inner {
padding: 0 20px;
}
h4 {
font-family: Georgia, Arial, sans-serif;
}
.contactl {
width: 310px;
height:160px;
background: url("../images/contactl.png") no-repeat top left;
padding-bottom:10px;
h4 {
padding-top: 10px;
padding-left: 15px;
color: #a30909;
font-size:18px;
font-style: italic;
}
span {
color: black;
font-size: 18px;
padding-left: 14px;
line-height: 32px;
font-weight: bold;
}
a {
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
padding-top: 44px;
text-decoration: none;
width: 300px;
}
}
.contact {
background: url('../images/contactleft.png') top left no-repeat #F3F3F3;
min-height: 315px;
width: 305px;
float:left;
.border-radius(2px);
select, input, textarea {
font: 99% sans-serif;
background: transparent;
border: 0;
width: 202px;
height: 24px;
border-image: initial;
}
h4 {
padding-top: 10px;
padding-left: 15px;
color: #a30909;
font-size:18px;
font-style: italic;
}
.wpcf7-form-control-wrap {
padding-bottom: 10px;
min-height: 27px;
display: inline-block;
}
.wpcf7 {
margin: 0;
padding: 0;
padding-left: 77px;
padding-top: 20px;
textarea {
display:inline-block;
border:1px solid #ccc;
width: 250px;
min-height: 50px;
margin-left: -50px;
}
.wpcf7-submit {
padding: 10px 15px;
background: #d88a00;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: white;
font-weight: bold;
font-style: italic;
height: 33px;
}
}
}
}
#content {
width: 620px;
float: left;
min-height: 400px;
padding: 10px 10px 20px 0;
div {
padding: 2px 0;
margin: 2px 0;
color: #2F2F2F;
font-size: 12px;
line-height: 20px;
font-style: italic;
}
p {
padding: 2px 0;
margin: 2px 0;
color: #2F2F2F;
font-size: 12px;
line-height: 20px;
font-style: italic;
}
ul.content-list {
list-style-type: none;
li {
padding: 0px 0 0 12px;
font-size: 12px;
line-height: 17px;
color: @black;
background: url("../images/content-list-bullet.png") no-repeat left center;
}
}
ul {
list-style-type: none;
li {
padding: 0px 0 0 12px;
font-size: 12px;
line-height: 20px;
color: @black;
background: url("../images/content-list-bullet.png") no-repeat left center;
}
}
ul.form {
list-style-type: none;
li {
padding: 0px;
background: #fff;
}
}
h3 {
padding: 2px;
}
}
.flushtop {
margin-top: -56px;
}
#news-box {
width: 189px;
background: #ededed;
padding-bottom: 10px;
h2 {
font-size: 15px;
color: @white;
background: url("../images/news-header-bg.png") no-repeat;
height: 37px;
width: 179px;
padding: 8px 0 0 10px;
font-weight: normal;
}
#news-menu {
margin-left: 10px;
li {
a {
font-size: 11px;
font-weight: bold;
color: #212121;
text-decoration: none;
.transition(all linear .2s);
background: url("../images/red-arrow.png") no-repeat left center;
padding-left: 10px;
&:hover {
color: @red;
}
}
a.active { color: @red;}
ul{
margin-left: 10px;
li {
a {
font-weight: normal;
background: url("../images/single-arrow.png") no-repeat left center;
}
}
}
}
}
}
#articles-list {
list-style-type: none;
margin: 0 0 10px 0;
li {
width: 230px;
float: left;
margin-right: 12px;
margin-top: 12px;
h3, p { width: 224px;}
h3 {
font-size: 12px;
color: @black;
padding: 8px 0;
}
p {
font-size: 12px;
color: @grayDark;
}
a.gray-btn {
float: left;
margin-top: 10px;
}
}
li.odd {
margin-right: 0;
}
}
// Buttons
a.gray-btn {
font-family: Georgia, Arial, sans-serif;
.transition(none);
display: block;
font-size: 14px;
color: #545454;
border: 1px solid @grayLight;
.border-radius(2px);
text-decoration: none;
padding: 4px 8px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 22%, #dadada 70%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(22%,#f7f7f7), color-stop(70%,#dadada), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 22%,#dadada 70%,#cccccc 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 22%,#dadada 70%,#cccccc 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 22%,#dadada 70%,#cccccc 100%);
background: linear-gradient(top, #ffffff 0%,#f7f7f7 22%,#dadada 70%,#cccccc 100%);
&:hover {
border: 1px solid #dc1e1e;
color: @white;
background: #f54242;
background: -moz-linear-gradient(top, #f54242 0%, #e23535 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54242), color-stop(100%,#e23535));
background: -webkit-linear-gradient(top, #f54242 0%,#e23535 100%);
background: -o-linear-gradient(top, #f54242 0%,#e23535 100%);
background: -ms-linear-gradient(top, #f54242 0%,#e23535 100%);
background: linear-gradient(top, #f54242 0%,#e23535 100%);
}
&:active {
position: relative;
top: 1px;
background: #f76565;
background: -moz-linear-gradient(top, #f76565 0%, #f35959 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76565), color-stop(100%,#f35959));
background: -webkit-linear-gradient(top, #f76565 0%,#f35959 100%);
background: -o-linear-gradient(top, #f76565 0%,#f35959 100%);
background: -ms-linear-gradient(top, #f76565 0%,#f35959 100%);
background: linear-gradient(top, #f76565 0%,#f35959 100%);
}
}
a.red-btn, button.red-btn {
.transition(none);
display: block;
font-size: 14px;
color: @white;
border: 1px solid #cb0808;
.border-radius(2px);
text-decoration: none;
padding: 4px 8px;
margin-top: 10px;
background: #eb1313;
background: -moz-linear-gradient(top, #eb1313 0%, #e61111 20%, #d30505 73%, #cc0101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb1313), color-stop(20%,#e61111), color-stop(73%,#d30505), color-stop(100%,#cc0101));
background: -webkit-linear-gradient(top, #eb1313 0%,#e61111 20%,#d30505 73%,#cc0101 100%);
background: -o-linear-gradient(top, #eb1313 0%,#e61111 20%,#d30505 73%,#cc0101 100%);
background: -ms-linear-gradient(top, #eb1313 0%,#e61111 20%,#d30505 73%,#cc0101 100%);
background: linear-gradient(top, #eb1313 0%,#e61111 20%,#d30505 73%,#cc0101 100%);
&:hover {
border: 1px solid #dc1e1e;
color: @white;
background: #f54242;
background: -moz-linear-gradient(top, #f54242 0%, #e23535 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54242), color-stop(100%,#e23535));
background: -webkit-linear-gradient(top, #f54242 0%,#e23535 100%);
background: -o-linear-gradient(top, #f54242 0%,#e23535 100%);
background: -ms-linear-gradient(top, #f54242 0%,#e23535 100%);
background: linear-gradient(top, #f54242 0%,#e23535 100%);
}
&:active {
position: relative;
top: 1px;
background: #f76565;
background: -moz-linear-gradient(top, #f76565 0%, #f35959 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76565), color-stop(100%,#f35959));
background: -webkit-linear-gradient(top, #f76565 0%,#f35959 100%);
background: -o-linear-gradient(top, #f76565 0%,#f35959 100%);
background: -ms-linear-gradient(top, #f76565 0%,#f35959 100%);
background: linear-gradient(top, #f76565 0%,#f35959 100%);
}
}
a.blk-btn, button.blk-btn {
.transition(none);
background: none repeat scroll 0 0 #A30909;
.border-radius(3px);
color: #FFFFFF;
font-style: italic;
font-weight: bold;
padding: 8px 14px;
text-decoration: none;
&:hover {
border: 1px solid #dc1e1e;
color: @white;
background: #f54242;
background: -moz-linear-gradient(top, #f54242 0%, #e23535 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54242), color-stop(100%,#e23535));
background: -webkit-linear-gradient(top, #f54242 0%,#e23535 100%);
background: -o-linear-gradient(top, #f54242 0%,#e23535 100%);
background: -ms-linear-gradient(top, #f54242 0%,#e23535 100%);
background: linear-gradient(top, #f54242 0%,#e23535 100%);
}
&:active {
position: relative;
top: 1px;
background: #f76565;
background: -moz-linear-gradient(top, #f76565 0%, #f35959 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76565), color-stop(100%,#f35959));
background: -webkit-linear-gradient(top, #f76565 0%,#f35959 100%);
background: -o-linear-gradient(top, #f76565 0%,#f35959 100%);
background: -ms-linear-gradient(top, #f76565 0%,#f35959 100%);
background: linear-gradient(top, #f76565 0%,#f35959 100%);
}
}
.sidebar-box {
background: @white;
border: 1px solid @grayLighter;
padding: 10px;
margin: 20px 0;
figure {
float: left;
margin: 0 8px 8px 0;
img { border: 1px solid @grayLighter;}
}
h3 {
font-size: 12px;
font-weight: bold;
color: #212121;
span {
font-weight: normal;
font-size: 11px;
}
}
h4 {
font-size: 17px;
font-weight: normal;
color: @red;
}
a.gray-btn {
float: left;
margin-top: 10px;
}
img.quotes-img {
float: right;
clear: left;
margin-top: 5px;
}
}
.noborder {
border: none;
border-bottom: 4px solid @red;
padding-bottom: 0;
padding-right: 0;
}
// Footer carousel
.jcarousel-skin-tango .jcarousel-container {
float: right;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 760px;
padding: 3px 30px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top:21px;
right: 5px;
width: 16px;
height: 26px;
cursor: pointer;
background: transparent url(../images/next-carousel.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 21px;
left: 5px;
width: 16px;
height: 26px;
cursor: pointer;
background: transparent url(../images/prev-carousel.png) no-repeat 0 0;
}
#clients {
width: 980px;
margin: 40px 0 20px 20px;
padding: 10px 10px 0 10px;
height: 80px;
p {
float: left;
font-size: 17px;
font-wight: normal;
color: @black;
padding-top: 24px;
}
li {
width:250px;
float: left;
list-style: none outside none;
color: @white;
h4 {
padding: 5px 0px;
font-weight: bold;
color: #efb70d;
}
span.map {
display: inline-block;
width:200px;
a {
color: @white;
text-decoration: underline;
}
}
a.button {
padding: 10px 15px;
background: #a30909;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
font-weight: bold;
font-style: italic;
}
a.button:hover {
background: #bc0707;
}
}
li.first {
width:180px;
}
li.last {
padding-top: 30px;
}
}
#mastfooter {
background: url("../images/footer.png") no-repeat 20px 0;
padding-bottom: 20px;
padding-left: 10px;
padding-top: 55px;
width:980px;
margin: 0 auto;
}
.mainborders {
border-top: 1px solid black;
padding-top: 10px;
}
.onlypad {
padding-top: 10px;
}
ul#footer-links {
list-style-type: none;
margin-left: 20px;
color: #8f8f8f;
li {
float: left;
font-size: 11px;
padding: 0px 4px 4px 0;
a {
color: #8f8f8f;
text-decoration: none;
font-weight: bold;
&:hover {
color: @red;
}
}
}
}
.footer-copyright {
margin-left: 20px;
color: #ccc;
font-size: 11px;
}
.go-up {
color: @grayDark;
background: url("../images/up-arrow.png") no-repeat right center;
padding: 0 20px 0 0;
text-decoration: none;
&:hover {
color: @red;
}
}
.share-list {
list-style-type: none;
margin-top: 40px;
li {
float: left;
margin-right: 10px;
}
}
#similar-articles {
padding-top: 20px;
clear: both;
h3, h1 {
font-weight: bold;
font-size: 12px;
border-bottom: 3px solid @red;
padding: 4px 0;
margin-bottom: 8px;
}
.item {
float: left;
width: 220px;
margin-bottom: 20px;
span {
color: @grayDark;
font-size: 11px;
display: block;
padding-bottom: 4px;
a {
color: @black;
&:hover {
color: @red;
}
}
}
h4, h2 {
a {
font-size: 12px;
font-weight: bold;
padding: 4px 0;
color: @black;
text-decoration: none;
&:hover {
color: @red;
}
}
}
p {
font-size: 11px;
}
}
div.left { margin-right: 12px;}
}
h3.red-heading {
color: @red;
font-size: 12px;
font-weight: bold;
padding: 6px 0;
}
#news-list {
list-style-type: none;
border-top: 3px solid @black;
li {
padding: 10px 0;
span {
padding-bottom: 6px;
font-size: 11px;
display: block;
a {
color: @black;
&:hover {
color: @red;
}
}
time {
color: #848484;
}
}
p {
color: #3c3c3c;
a {
color: @grayLight;
&:hover {
color: @grayDark;
}
}
}
h2, h2 a {
font-weight: bold;
color: #ccc;
padding-top: 4px;
}
}
}
ul#leaders {
list-style: none;
li {
float: left;
background: #ededed;
padding: 10px;
width: 120px;
margin-right: 12px;
cursor: pointer;
img {
border: 1px solid @white;
}
}
li:last-child { margin-right: 0;}
li:hover, li.active {
background: @red;
p, a {
color: @white;
}
span {
background: url("../images/red-corner.png") no-repeat center bottom;
display: block;
height: 10px;
margin-top: -10px;
position: relative;
bottom: -18px;
}
}
}
.bio-panel {
p.linkedin-ico {
font-size: 12px;
color: @black;
padding-top: 8px;
i {
float: left;
background: url("../images/social-icos.png") no-repeat -76px 0;
width: 32px;
height: 36px;
}
strong { float: left; padding: 8px;}
a { color: @red; &:hover {color: @grayDark;}}
}
}
.vcard-ico {
background: url("../images/vcard-ico.png") no-repeat left center;
padding-left:38px;
}
.blog-ico {
background: url("../images/blog-ico.png") no-repeat left center;
padding-left: 38px;
}
.arrow-list {
list-style: none;
margin: 20px 0;
li {
background: url("../images/red-arrow.png") no-repeat left 4px;
padding-left: 11px;
font-size: 12px;
margin: 10px 0;
a {
color: @grayDark;
&:hover {
color: @red;
}
}
}
}
a.load-prev, a.load-next {
background: url("../images/prev-next.png") no-repeat;
float: right;
height: 17px;
width: 21px;
margin-left: 2px;
}
a.load-next { background-position: 0 0;}
a.load-next { background-position: -22px 0;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* raluca stan */
.wide-content {
width: 692px !important;
}
/* career page */
.simple-head {
margin-left: 40px;
}
.wide-left {
padding: 20px 0 0 20px !important;
margin-right: 20px !important;
width: 660px !important;
}
ul.form {
list-style: none;
list-style-image: none;
margin: 0; padding: 0;
li {
label {
color: #575757;
display: block;
font-size: 11px;
margin: 0 0 5px 0;
}
input,textarea {
border: 1px solid @border;
.border-radius(2px);
display: block;
font-size: 11px;
height: 23px;
width: 100%;
-webkit-box-shadow: inset 2px 10px 3px #f5f5f5;
-moz-box-shadow: inset 0px 2px 10px 3px #f5f5f5;
box-shadow: inset 0px 2px 15px 3px #f5f5f5;
&:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
input[type=text], textarea {
padding: 0 5%;
width: 90%;
}
}
}
#job-form {
margin: 20px 0 0;
li {
float: left;
margin: 0 20px 15px 0;
width: 200px;
}
li:nth-child(3n+3) {
margin-right: 0;
}
li:last-child {
float: right;
}
}
.footerbord {
background:#141414;
margin: 0 auto;
}
/* search results listing */
#search-results {
list-style: none;
list-style-image: none;
margin: 0; padding: 0;
}
#search-results > li {
margin: 0 0 30px 0;
}
.search-item {
h1 a {
color: #212121;
font-size: 12px;
}
p {
color: #424242;
margin: 5px 0 3px !important;
padding: 0 !important;
}
ol {
list-style: none;
list-style-image: none;
li {
color: @red;
float: left;
padding: 0 5px 0 0;
}
a {
color: @red;
font-size: 11px;
line-height: 1;
text-decoration: none;
&:hover {text-decoration: underline;}
}
}
}
#inner-search {
background: #f5f5f5;
margin: 0 0 20px 0;
padding: 20px;
p {
font-size: 11px;
padding: 0 !important;
margin: 10px 0 0 !important;
}
span {
color: @red;
font-weight: bold;
}
}
input.s {
float: left;
width: 115px;
height: 17px;
font-size: 14px;
border: 1px solid #bfbfbf;
border-right: none;
.border-radius(2px 0 0 2px);
}
input.q {
width: 22px;
height: 21px;
border: none;
outline: none;
background: url("../images/submit.png") no-repeat;
float: left;
}
.top-pag {
border-bottom: 1px solid #eaeaea;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
}
.bottom-pag {
border-top: 1px solid #eaeaea;
padding: 8px 0;
}
.pagination {
list-style: none;
list-style-image: none;
li {
float: left;
margin: 0 6px 0 0;
&.bw, &.fw {
a {
background: @red;
border: 1px solid @red;
color: @white;
&:hover {
background: @black;
border-color: @black;
}
}
}
&.bw {
margin: 0 2px 0 10px;
}
&.fw {
margin: 0;
}
}
a {
border: 1px solid #c8ccca;
display: block;
color: @black;
float: left;
font-size: 11px;
height: 11px;
line-height: 11px;
padding: 0 5px;
text-decoration: none;
&:hover, &.selected {
background: @black;
color: @white;
border-color: @black;
}
}
}
/* contact page */
.left-head {
margin-left: 20px;
}
#contact-form {
background: @white;
border-top: 1px solid @white;
margin: -3px 0 0 0;
padding: 30px 20px 40px;
-webkit-box-shadow: inset 0px 1px 3px 0px #efefef;
-moz-box-shadow: inset 0px 1px 3px 0px #efefef;
box-shadow: inset 0px 1px 3px 0px #efefef;
.border-radius(0 0 3px 3px);
ul {
width: 385px;
padding-right:20px;
}
ul:first-child {
margin: 0 40px 0 0;
width: 280px;
}
li {
margin-bottom: 15px;
}
textarea {
height: 81px;
}
}
#top-contact {
margin-bottom: 0 0 20px 0;
}
#bottom-contact {
.border-radius(3px);
}
#3col-wrapper {
display: inline-block;
}
.address-wrap {
background: @white;
float: left;
margin: 0 19px 20px 0 !important;
padding: 15px 20px 0 20px !important;
width: 258px; height: 155px;
.border-radius(3px);
a {
color: @red;
&:hover {
color: @black !important;
}
}
p {
font-size: 12px;
margin: 0 0 3px 20px !important;
position: relative;
font-style: normal !important;
font-weight: normal !important;
color: @black !important;
i {
background-image: url("../images/card.png");
display: block;
position: absolute;
left: -20px;
}
span:first-child {
font-weight: bold;
padding: 0 5px 0 0;
}
}
.fn {
color:@black !important;
font-style: italic !important;
font-weight: bold !important;
margin: 0 0 3px 0;
font-size: 14px !important;
}
&:hover {
background: #bc1717;
border-color: #bc1717;
p {
color: @white !important;
}
.fn {
color: @white;
}
a {
color: @black;
}
}
}
.address-wrap:last-child {
margin-right: 0 !important;
}
.adr i {
background-position: 0 0;
width: 14px;
height: 20px;
top: 2px;
}
.tel-icon {
background-position: 0 -22px;
width: 15px;
height: 14px;
top: 0px;
}
.fax-icon {
background-position: 0 -38px;
width: 14px;
height: 12px;
top: 4px;
}
.email-icon {
background-position: 0 -52px;
width: 14px;
height: 13px;
top: 4px;
}
ul.inline {
li {float: left;}
a {float: left;}
}
/* index */
#top-section {
background: #fff url(../images/contact.png) bottom right no-repeat;
margin-bottom: 10px;
}
#bottom-section {
margin-bottom: 0px;
position: relative;
}
.index-wrap {
background: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 20px 0 20px 20px;
-webkit-box-shadow: inset 0px 0px 5px 3px #f5f5f5;
-moz-box-shadow: inset 0px 0px 5px 3px #f5f5f5;
box-shadow: inset 0px 0px 5px 3px #f5f5f5;
h2 {
color: @red;
font-size: 17px;
font-weight: normal;
margin: 0 0 20px 0;
padding-left: 35px;
position: relative;
i {
position: absolute;
background: url(../images/ico-title.png);
display: block;
left: 0px;
}
}
p {font-size: 12px;}
}
h2.papers {
height: 20px;
line-height: 20px;
i {
background-position: 0 0;
width: 27px; height: 20px;
top: -2px;
}
}
h2.blog {
height: 22px;
line-height: 22px;
i {
background-position: 0 -55px;
width: 27px; height: 22px;
}
}
h2.cases {
height: 31px;
line-height: 31px;
i {
background-position: 0 -22px;
width: 18px; height: 31px;
}
}
h2.vcard-ico {
padding-left: 30px;
}
.col2 {
width: 600px
}
.col1 {
width: 300px
}
#white-papers {
article {
width: 270px;
p {
font-size: 12px;
margin: 15px 0 20px 0;
}
}
}
#contact-button {
height: 30px;
line-height: 30px;
padding: 0 20px;
}
.addres-line {
margin: 0 0 7px 0;
strong {
font-weight: bold;
}
}
#studies-list, #blog-lists {
list-style: none;
list-style-image: none;
}
#blog-lists .jcarousel-item-vertical {
margin: 0;
}
.case {
h2 {
font-size: 12px;
font-weight: bold;
color: @black;
padding: 0;
margin: 0 0 15px 0;
}
p {
color: #3c3c3c;
font-size: 12px;
font-weight: normal;
}
.right {
width: 455px;
}
img {
display: block;
border: 1px solid #c5c5c5;
margin: 0 13px 0 1px;
}
}
ul.blog-posts {
list-style-image: url('../images/arrow.png');
list-style-position:inside !important;
li {
margin: 0 0 10px 0;
}
a {
font-weight: normal;
color: #3c3c3c;
&:hover {
text-decoration: none;
}
}
}
#testimonials {
list-style: none;
list-style-image: none;
margin: 10px 0 20px 0;
li { margin: 0 0 0 20px; }
li:first-child {
margin-left: 0;
}
}
.quote {
color: #e4e4e4 !important;
text-decoration: none;
padding: 10px;
width: 285px;
padding-right:5px;
background-color: #212121;
background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#131313));
background-image: -webkit-linear-gradient(top, #212121, #131313);
background-image: -moz-linear-gradient(top, #212121, #131313);
background-image: -ms-linear-gradient(top, #212121, #131313);
background-image: -o-linear-gradient(top, #212121, #131313);
background-image: linear-gradient(top, #212121, #131313);
&:hover {
color: #e4e4e4;
background-color: #eb1313;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eb1313), to(#cb0101)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #eb1313, #cb0101); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #eb1313, #cb0101); /* FF3.6 */
background-image: -ms-linear-gradient(top, #eb1313, #cb0101); /* IE10 */
background-image: -o-linear-gradient(top, #eb1313, #cb0101); /* Opera 11.10+ */
background-image: linear-gradient(top, #eb1313, #cb0101);
.author {
color: #fff;
}
}
.author {
color: #f2f2f2;
display: block;
margin: 0 0 5px 0;
}
b {
font-weight: bold;
}
.right {
width: 205px;
}
img {
border: 2px solid #fff;
}
}
.slide-tab {
height: 317px;
padding: 0 0 0 320px;
width: 511px !important;
padding-top: 60px;
h1 {
color: @red;
font-size: 24px;
font-weight: normal;
margin: 0 0 20px 0;
a {
text-decoration: none;
}
}
.tab-text {
font-size: 12px;
margin: 0 0 10px 0;
min-height: 133px;
}
}
.slider-tab-bg1 {
background: url(../images/tmp1.png) no-repeat left center;
}
.slider-tab-bg2 {
background: url(../images/private.png) no-repeat left center;
}
.slider-tab-bg3 {
background: url(../images/bar.png) no-repeat left center;
}
.slider-tab-bg4 {
background: url(../images/chef.png) no-repeat left center;
}
#studies-carousel {
width: 600px;
height: 160px;
padding: 0;
.jcarousel-item-horizontal{
margin: 0;
}
}
#studies-nav {
border-bottom: 5px solid @red;
position: absolute;
bottom:0; left: 20px;
width: 600px;
}
.carousel-nav {
list-style: none;
list-style-image: none;
li:first-child {
margin-right: 1px;
}
a {
background: #000;
width: 22px; height: 17px;
text-align: center;
&:hover {
background: @red;
}
}
}
#blogcarousel {
width: 280px;
height: 160px;
padding: 0;
.jcarousel-item-horizontal{
margin: 0;
}
.jcarousel-item {
width: 260px;
padding: 0 20px 0 0;
}
}
#blog-nav {
border-bottom: 5px solid @red;
position: absolute;
bottom:0; right: 0px;
width: 300px;
}
#slideshow {
width: 830px;
height: 330px;
padding: 0;
z-index: 1;
.jcarousel-item-horizontal{
margin: 0;
}
.jcarousel-control {
position: absolute;
right: -0px;
bottom: 30px;
z-index: 3;
}
.jcarousel-control a {
background: #9b9b9b;
color: #fff;
display: block;
line-height: 28px;
margin-left: 10px;
width: 28px; height: 28px;
text-decoration: none;
text-align: center;
float: left;
.border-radius(14px);
&:hover {
background: @red;
}
}
.jcarousel-scroll {
position: absolute;
top: 150px; left: -90px;
width: 960px;
a {
background-image: url(../images/slideshow-arrows.png);
display: block;
width: 19px; height: 32px;
text-indent: -9999px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
}
}
.smoke {
background: url("../images/smoke.png") no-repeat scroll -40px bottom transparent;
z-index: 4;
height: 318px;
margin-top: 0px;
width: 930px;
overflow: visible;
}
#slideshow-prev {
background-position: 0 -33px !important;
&:hover {
background-position: 0 0;
}
}
#slideshow-next {
background-position: 0 -99px !important;
&:hover {
background-position: 0 -66px;
}
}
#slideshow-wrap {
width: 900px; height: 317px;
margin: 0 auto;
}
#top-wrap {
padding: 32px 0 0;
position: relative;
}
#twitter-feed {
background-color: #212121;
background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#131313));
background-image: -webkit-linear-gradient(top, #212121, #131313);
background-image: -moz-linear-gradient(top, #212121, #131313);
background-image: -ms-linear-gradient(top, #212121, #131313);
background-image: -o-linear-gradient(top, #212121, #131313);
background-image: linear-gradient(top, #212121, #131313);
position: absolute;
top: -10px; left: -20px;
width: 980px;
z-index: 3;
}
#twitter-wrap {
position: relative;
padding: 10px;
.decor-trg {
position: absolute;
bottom: -20px;
font-size: 0px;
line-height: 0%;
width: 0px;
}
.triangle-left {
border-top: 20px solid #5b5b5b;
border-left: 20px solid transparent;
left: 0;
}
.triangle-right {
border-top: 20px solid #5b5b5b;
border-right: 20px solid transparent;
right: 0;
}
}
#toggleTweets {
background-image: url('../images/ico-title.png');
background-position: 0 -99px;
display: block;
width: 21px; height: 19px;
text-indent: -9999px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
#toggleTweets.toggled {
background-position: 0 -79px !important;
}
#carrer-form {
li label {
color: #575757;
display: block;
font-size: 11px;
margin: 10px 0 1px 0px;
}
}
#bottom-section {
.allserv {
.serv {
list-style: none;
background: url('../images/services.png') top left no-repeat;
margin-right: 15px;
padding: 10px;
float: left;
width: 285px;
height: 315px;
line-height: 17px !important;
h4 {
padding-top:10px;
padding-bottom:6px;
font-weight: bold;
font-size: 14px;
}
p {
font-size: 11px !important;
line-height: 17px;
font-style: normal;
padding:0;
height: 89px;
margin: 0;
}
.readmore {
color: #fff;
font-size:12px;
font-weight: bold;
font-style: italic;
text-decoration: none;
}
}
.last {
margin-right:0px;
}
}
.socialcontact {
.social {
background: url('../images/social.png') top left no-repeat;
width: 571px;
float:left;
height: 270px;
padding-left: 70px;
.twitter {
padding-top:10px;
height:60px;
}
.facebook {
padding-top:20px;
}
}
.contact {
background: url('../images/contactleft.png') top left no-repeat #F3F3F3;
min-height: 315px;
width: 305px;
float:left;
.border-radius(2px);
h4 {
padding-top: 10px;
padding-left: 15px;
color: #a30909;
font-size:18px;
font-style: italic;
}
.wpcf7-form-control-wrap {
padding-bottom: 10px;
min-height: 27px;
display: inline-block;
}
.wpcf7 {
margin: 0;
padding: 0;
padding-left: 77px;
padding-top: 20px;
input{
border:0 !important;
background: transparent !important;
width: 200px;
height: 21px;
}
textarea {
display:inline-block;
border:1px solid #ccc;
width: 250px;
min-height: 50px;
margin-left: -50px;
}
.wpcf7-response-output {
margin-top:0px !important;
}
.wpcf7-submit {
padding: 10px 15px;
background: #d88a00 !important;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: white;
font-weight: bold;
font-style: italic;
height: 33px;
}
}
}
}
}
.fbConnectWidgetFooter {
.fbFooterBorder {
border: 0px !important;
display: none !important;
}
}
.fbConnectWidgetFooter {
display:none !important;
}
.fan_box .connections {
border-top: 0px !important;
}
.wpcf7 {
p {
display:inline-blocl;
float:left;
width:300px;
}
}
.wpcf7 .wpcf7-submit {
padding: 10px 15px;
background: #D88A00;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: white;
font-weight: bold;
font-style: italic;
height: 33px;
border: 0;
}
#twitter-t {
font-size: 12px;
height: 19px;
line-height: 19px;
padding: 0 0 0 0px;
width: 90px;
a {
color: #4ec0e2;
text-decoration:none;
&:hover {text-decoration: underline;}
}
}
#twitter_update_list {
width: 530px;
padding: 0;
overflow: hidden;
color: #f6f6f6;
font-size: 12px;
line-height: 18px;
list-style: none;
list-style-image: none;
li {
border-top: 1px solid #343434;
padding: 7px 0;
}
li:first-child {
border-top: none;
padding-top: 3px;
}
a {
color: #4ec0e2;
font-weight: bold;
text-decoration: none;
&:hover {text-decoration: underline;}
}
}