/* Defaults */
html {
height: 100%;
font-size:100.01%;
}
body {
height: 100%;
margin: 0;
padding: 0;
font-size: 62.5%;
background: #FFF;
overflow-x: auto;
overflow-y: scroll;
width: 100%;
min-width: 1260px;
}
/* Lists */
ul.float-list,
ul.inline-list,
ul.block-list {
margin: 0;
padding: 0;
}
ul.inline-list li,
ul.float-list li,
ul.block-list li {
list-style-type: none;
}
ul.inline-list li {
display: inline;
}
ul.float-list li {
float: left;
}
ul.block-list li {
display: block;
}
/* Links */
a:link,
a:link:hover,
a:visited:hover {
color: #2a96d5;
}
a img {
border: none;
}
.edit-link {
font: 1.2em/1.4 Helvetica, sans-serif;
margin: 20px 0;
}
.read-more-link {
color: #e60013!important;
}
/* Back links */
.back-top, .back-portfolio {
margin: 0;
}
.back-top__link {
padding: 0 0 0 16px;
font: 1.4em/1.4 Tahoma, sans-serif;
text-decoration: none;
background: url("../img/arr_top.gif") no-repeat 0 7px;
color: #21afe4;
}
.back-portfolio__link {
padding: 0 0 0 13px;
font: 1.4em/1.4 Tahoma, sans-serif;
text-decoration: none;
background: url("../img/arr_back.gif") no-repeat 0 5px;
color: #21afe4;
}
/* Page head */
.page-head {
border-bottom: 3px solid #989898;
width: 100%;
min-width: 1260px;
background-image: url("../images/bg_head.jpg");
background-repeat: repeat-x;
background-position:bottom;
background-color: #141615;
}
.page-head__i {
position: relative;
width: 1110px;px;
min-height: 128px;
margin: 0 auto;
}
/* Language switcher */
.lang-switcher {
position: absolute;
right: 0;
top: 0;
background: #FFF;
padding: 10px 9px 5px;
border: 1px solid #d7d7d7;
font: 1.2em/1.2 Helvetica, sans-serif;
text-transform: uppercase;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.lang-switcher .sep {
padding: 0 5px;
}
.lang-switcher .lang__link {
color: #21afe4;
text-decoration: none;
}
.lang-switcher .lang__current {
font-weight: normal;
color: #000;
}
/* Main menu */
.page-head__menu {
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 -3px -10px;
}
.page-head__menu .menu {
margin: 0;
padding: 0;
}
.page-head__menu .menu-item {
float: left;
list-style-type: none;
}
.page-head__menu .menu-item a {
float: left;
padding: 0 10px 15px;
border-bottom: 3px solid #989898;
font: 1.4em/1.2 Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
}
.page-head__menu .menu-item a:hover {
color: #d7c1c3;
}
.page-head__menu .current-menu-item a,
.page-head__menu .current-page-ancestor a,
.page-head__menu .current-post-ancestor a,
.page-head__menu .current-category-ancestor a,
.page-head__menu .current-menu-item a:hover {
color: #e70012!important;
border-bottom: 3px solid #e70012;
}
/* Social links */
.page-head .social {
margin: 10px 0 0;
}
.page-foot .social {
margin: 15px 25px 0 0;
}
.social .sep {
width: 1px;
height: 22px;
background: #808080;
margin: 0 10px;
}
.social__link {
float: left;
font: 1.2em/22px Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: url("../img/ico_social.png") no-repeat;
text-indent: -9999px;
height: 22px;
overflow: hidden;
}
.social__link:hover {
opacity: .8;
}
.twitter .social__link {
width: 60px;
background-position: 0 center;
}
.facebook .social__link {
width: 64px;
background-position: -82px center;
}
/* Page arts */
.page-art {
margin: 30px 0;
border: 1px solid #e7e7e7;
}
/* Slider */
.page-art_slider {
position: relative;
}
.page-art_slider .nav {
top: 0;
position: absolute;
margin: 0;
padding: 0;
}
.page-art_slider .nav__item {
list-style-type: none;
float: left;
}
.page-art_slider .nav__link {
float: left;
width: 12px;
height: 12px;
margin: 0 5px;
overflow: hidden;
background: url("../img/bg_nivo-control.png") no-repeat;
text-indent: -9999px;
text-align: center;
}
.page-art_slider .nav__link:hover,
.page-art_slider .ui-state-active .nav__link,
.page-art_slider .ui-state-focus .nav__link {
background-position: 0 -12px;
}
/* Home page slider */
.page-art_home {
height: 399px;
width: 1149px;
margin: 35px auto;
background: #FFF;
}
.page-art_home .nav {
margin: 365px 0 0 20px;
}
.page-art_home .aside-shade {
top: 0;
width: 2px;
position: absolute;
height: 400px;
z-index: 1000;
}
.page-art_home .aside-shade_left {
left: 0;
margin: 0 0 0 -2px;
background: url("../img/sh_slider_left.png") no-repeat 0 center;
}
.page-art_home .aside-shade_right {
right: 0;
margin: 0 -2px 0 0;
background: url("../img/sh_slider_right.png")
}
/* Work page slider */
.page-art_work {
width: 949px;
height: 209px;
overflow: hidden;
}
.page-art_work .nav {
margin: 172px 0 0 20px;
}
/* Page body */
.page-body {
min-height: 500px;
width: 100%;
min-width: 1220px;
}
.page-body__i {
position: relative;
width: 1150px;
margin: 0 auto 50px;
}
.main-logo {
float: left;
margin: 25px 0 0;
width: 705px;
}
.main-logo__link {
display: block;
height: 51px;
overflow: hidden;
background: url("../images/logo_2011.png") no-repeat;
text-decoration: none;
}
.main-logo__text {
margin: 0 0 0 80px;
color: #9999FF;
font: 1.2em/1.4 Arial, sans-serif;
border-bottom: 0px solid #e0e0e0;
/*text-transform: uppercase;
*/
}
/* Section */
.section__hdr {
zoom: 1;
margin: 20px 0 20px;
color: #21afe4;
font: bold 1.8em/1.8 Arial, sans-serif;
border-bottom: 1px solid #e0e0e0;
text-transform: uppercase;
}
/* Page Headers */
.type-page h2 {
margin: 0 0 10px;
font: 2.6em/1.4 Helvetica, sans-serif;
}
.type-page h3 {
margin: 25px 0 5px;
font: 1.8em/1.2 Helvetica, sans-serif;
}
.type-page p {
margin: 0 0 1em;
}
.type-page strong {
color: #000;
}
.bottom-nav {
padding: 10px 0;
border-top: 1px solid #e5e5e5;
}
/* Aside menu */
.aside-menu {
width: 150px;
}
.page-body_careers .aside-menu {
margin: 13px 0 0;
}
.aside-menu .page_item,
.aside-menu .cat-item {
display: block;
margin: 0 0 5px;
}
.aside-menu a {
color: #000;
text-transform: uppercase;
font: bold 1.4em/1.4 Helvetica, sans-serif;
text-decoration: none;
}
.aside-menu .current_page_item a,
.aside-menu .current-cat a {
color: #21afe4;
}
/* Page content */
.page-body_3-cols .page-content {
width: 1150px;
margin: 0px 0 10px;
}
.page-body_3-cols .entry-content p.intro,
.page-body_careers .entry-content p.intro {
margin: 0 0 35px;
font: 3em/1.3 Helvetica, sans-serif;
color: #000;
}
.page-body_3-cols .entry-content p.intro a,
.page-body_careers .entry-content p.intro a {
color: #21afe4;
text-decoration: none;
}
.page-body_3-cols .entry-title {
margin: 0 0 15px;
font: 2.6em/1.2 Helvetica, sans-serif;
color: #000;
}
.page-body_careers .entry-content p,
.page-body_careers .entry-content ul li,
.page-body_2-cols_sidebar .entry-content p,
.page-body_2-cols_sidebar .entry-content ul li,
.page-body_3-cols .entry-content ul li,
.page-body_3-cols .entry-content p {
color: #656565;
font: 1.4em/1.6 Helvetica, sans-serif;
}
.page-body_3-cols .bottom-nav,
.page-body_careers .bottom-nav {
margin: 0 0 0 150px;
clear: both;
}
.page-body_2-cols .page-content {
width: 790px;
}
.page-body_2-cols_sidebar .page-content {
width: 630px;
}
.page-body_careers .page-content {
width: 790px;
}
/* Blog */
/* Post preview list */
.post-preview {
margin: 10px 0px 10px -5px;
}
.post-preview__head__i {
width: 800px;
}
.post-preview__head .post-info {
margin: 5px 0;
font: 1.1em/1.2 Tahoma, sans-serif;
color: #21afe4;
}
/*.post-info__author {
color: #2a96d5;
}*/
.post-preview h3 {
margin: 0;
font: 2.4em/1.2 Helvetica, sans-serif;
}
.post-preview h3 a {
color: #000;
text-decoration: underline;
}
.post-preview a {
color: #2a96d5;
text-decoration: none;
}
.post-preview a:hover {
text-decoration: underline;
}
.post-preview .post-preview__entry {
width: 800px;
font: 1.4em/1.6 Helvetica, sans-serif;
color: #666;
overflow: hidden;
}
.post-preview .post-preview__entry .wp-post-image {
max-width: 150px;
overflow: hidden;
margin: 10px 10px 20px 0;
float: left;
_width: 150px;
}
.post-preview .post-preview__entry p {
margin: 0.5em 0 1em;
}
.blog-media {
padding: 2px;
background: #d9d9d9;
overflow: hidden;
}
.blog-media img {
float: left;
}
.post__metadata {
padding: 10px 0 15px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #4c4c4c;
font: 1.3em/1.8 Helvetica, sans-serif;
}
.post__metadata a {
color: #2a96d5;
text-decoration: none;
}
.post__metadata a:hover {
text-decoration: underline;
}
.post__metadata .post-edit-link {
font-size: 1em;
}
.post__metadata .post-categories {
margin: 0 10px 0 0;
}
.post__metadata .tags {
margin: 0 10px 0 0;
}
.post__metadata .ico-tags {
margin: 4px 3px 0 0;
width: 16px;
height: 16px;
background: url("../img/icons.png") no-repeat -53px -19px;
}
.post__metadata .ico-categories {
margin: 4px 4px 0 0;
width: 15px;
height: 15px;
background: url("../img/icons.png") no-repeat;
}
/**** Pagination */
.wp-pagenavi span,
.wp-pagenavi a {
display: inline-block;
font: 1.4em/1.2 Helvetica, sans-serif;
padding: 0 7px;
margin: 0 3px 0 0;
border: 1px solid #e5e5e5;
text-decoration: none;
}
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
display: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
color: #FFF;
background: #0f86cd;
border-color: #0f86cd!important;
}
/*** Post full */
.post-full_head_i {
width: 535px;
}
.post-full_head .post-info {
margin: 5px 0;
font: 1.1em/1.2 Tahoma, sans-serif;
color: #4c4c4c;
}
.post-full h2 {
margin: 0;
font: 2.4em/1.2 Jun201Pro, Helvetica, sans-serif;
color: #2a96d5;
}
.post-full .post-full_entry {
font: 1.4em/1.6 Helvetica, sans-serif;
width: 535px;
color: #4c4c4c;
}
.post-full .post__metadata {
border-bottom: none;
}
.post-full .syntaxhighlighter {
width: 695px!important;
padding: 5px 0;
border: 1px solid #EEE;
}
.post-full .code-inline {
font-size: 1.2em;
background: #f9f9f9;
}
/*** Comment list */
.commentlist {
margin: 0;
padding: 0;
}
.commentlist .comment {
list-style-type: none;
}
.commentlist .comment__i {
margin: 25px 0 30px;
padding: 15px;
width: 480px;
background: #f5fafe;
border: 1px solid #b5daf0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position: relative;
}
.commentlist .comment__i a {
color: #2a96d5;
}
.commentlist .comment__i .comment-info {
font: 1.2em/1.4 Tahoma, sans-serif;
white-space: nowrap;
position: absolute;
padding: 15px 0 0 22px;
left: 100%;
top: 0;
color: #4c4c4c;
}
.commentlist .comment__i .comment-info .vcard .fn {
font-style: normal;
}
.commentlist .comment__i .comment-info .bubble-cnr {
position: absolute;
left: 0;
top: 20px;
width: 12px;
height: 9px;
background: url("../img/icons.png") no-repeat 0 -45px;
}
.commentlist .comment__i .comment-text {
font: 1.3em/1.6 Tahoma, sans-serif;
color: #666;
}
.commentlist .comment__i .comment-text p {
margin: 0 0 10px;
}
/*** Respond form */
.form_respond {
width: 515px;
}
.form_respond .form__row {
margin: 0 0 7px;
}
.form_respond label.title {
display: block;
font: 1.9em/1.6 Arial, sans-serif;
color: #333;
}
.form_respond .form__row_author label.title {
font-size: 1.4em;
}
.form_respond label.title .jp-title {
font-size: 0.9em;
padding: 0 0 0 5px;
color: #b2b2b2;
}
.form_respond .input-text {
background: #fafafa url("../img/bg_text-field.gif") repeat-x top;
}
.form_respond input.input-text {
width: 310px;
height: 30px;
padding: 0 5px;
}
.form_respond textarea.input-text {
width: 505px;
height: 145px;
padding: 5px;
}
.form_respond .form__row_author {
/*min-height: 60px;*/
font-size:1.2em;
line-height:1.6em;
font-family: Arial, Helvetica, sans-serif;
}
.form_respond .form__row_buttons {
margin: 30px 0 0 0;
}
#recaptcha_response_field {
border-color: #B3B3B3!important;
}
/** Comments link */
.comments-link {
margin: 25px 0 0;
font: 1.5em/1.2 Tahoma, sans-serif;
text-align: right;
}
.comments-link_reply {
font-size: 1em;
margin: 5px 160px 0 0;
}
.comments-link_reply .ico-comments {
margin-top: 1px;
}
.comments-link a {
text-decoration: none!important;
color: #2a96d5;
}
.comments-link a:hover .jp-title {
color: #2a96d5;
text-decoration: none!important;
}
.comments-link a strong {
font-family: Arial, sans-serif;
font-size: 1.1em;
}
.comments-link .jp-title {
color: #b2b2b2;
font-size: 0.8em;
}
.ico-comments {
margin: 3px 5px 0 0;
width: 15px;
height: 15px;
background: url("../img/icons.png") -18px 0 no-repeat;
}
.page-content_blog {
margin: 0px 0 0;
width: 695px;
}
.aside-hdr {
margin: 40px 0 5px;
font: bold 1.5em/1.2 Helvetica, sans-serif;
text-transform: uppercase;
}
.aside-hdr__link {
color: #21afe4;
text-decoration: none;
}
/*** Blog aside sectins */
.blog-aside-section {
padding: 17px 0 20px;
border-bottom: 1px dotted #B7B7B7;
}
.blog-aside-section h4 {
margin: 0 0 5px;
font: bold 1.8em/1.2 Helvetica, sans-serif;
}
.blog-aside-section .block-list {
font: 1.3em/1.6 Helvetica, sans-serif;
margin:0px 0px 0px 3px;
}
.blog-aside-section .block-list a {
color: #2a96d5;
text-decoration: none;
}
.blog-aside-section .block-list .cat-link:hover,
.blog-aside-section .block-list .cat-link:hover * {
text-decoration: underline;
color: #2a96d5;
}
.blog-aside-section .block-list .cat-link_name { color: #2a96d5; }
.blog-aside-section .block-list .cat-link_description,
.blog-aside-section .block-list .cat-link_count { color: #4c4c4c; font-size: 0.9em; }
/*** Aside tweet */
.aside-tweet {
margin: 1.1em 0 10px;
font: 1.2em/1.6 Helvetica, sans-serif;
color: #4c4c4c;
text-decoration: none;
}
.aside-tweet__text {
margin: 0 0 0.7em;
color: #2a96d5;
}
.aside-tweet__link {
float: left;
text-decoration: none;
border-bottom: 1px dotted #369bd7;
color: #4c4c4c;
}
.aside-tweet__link .ico-twitter {
width: 16px;
height: 16px;
margin: 0 4px 0 0;
background: url("../img/icons.png") no-repeat -36px 0;
}
.aside-tweet__link .title {
text-transform: uppercase;
color: #2a96d5;
}
/* Selectmenu */
.archives-menu {
position:relative;
margin: 10px 0 0;
width: 189px;
min-height: 26px;
border: 1px solid #e0e0e0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font: 1.3em/26px Tahoma, sans-serif;
}
.archives-menu a:hover {
color: #999;
}
.archives-menu__link {
display: block;
padding: 0 5px;
color: #b2b2b2;
text-decoration: none;
}
.archives-menu__link .ico-drop {
background: #FFF url("../img/icons.png") no-repeat 0 -19px;
width: 24px;
z-index: 1;
height: 22px;
position:absolute;
top: 2px;
right: 2px;
}
.archives-menu__list {
padding: 0;
margin: -5px 0 0 -1px;
width: 189px;
list-style:none;
position: absolute;
background: #FFF;
border: 1px solid #e0e0e0;
border-top: 1px solid #FFF;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.archives-menu__list li {
padding:0;
margin:0;
display: block;
}
.archives-menu__list li a {
line-height: 26px!important;
color: #b2b2b2;
height: 26px;
display:block;
padding: 0 5px;
outline:none;
text-decoration:none;
}
/* Sidebar */
.sidebar {
width: 300px;
}
.sidebar .magento-pp {
margin: 0 0 50px;
}
/* Latest news */
.latest-news {
margin: 50px 0 0;
}
.latest-news .event {
margin: 0 0 20px;
}
.latest-news__hdr {
text-transform: uppercase;
margin: 0 0 10px;
color: #21afe4;
font: bold 1.8em/1.4 Helvetica, sans-serif;
border-bottom: 1px solid #e0e0e0;
}
.latest-news:hover .event__hdr a {
color: #21afe4;
text-decoration: underline;
}
.latest-news .event__hdr {
margin: 5px 0 0;
font: bold 1.8em/1.4 Helvetica, sans-serif;
}
.latest-news .event__text {
margin: 5px 0 0;
}
.latest-news .event__text p {
font: 1.2em/1.6 Helvetica, sans-serif;
color: #676767;
}
/* Tag */
.hdr-main_tag {
padding: 0 0 20px;
margin: 0 0 20px;
background: url("../img/bg_grey-arr-line.gif") no-repeat 0 bottom;
}
.hdr-main_tag h2 {
margin: 0;
font: 1.6em/1.2 Helvetica, sans-serif!important;
}
.hdr-main_tag h2 strong {
color: #2a96d5;
font-weight: normal;
}
.hdr-main_tag h2 strong .query {
text-transform: uppercase;
}
/* Search */
.hdr-main_search {
padding: 0 0 20px;
margin: 0 0 20px;
background: url("../img/bg_grey-arr-line.gif") no-repeat 0 bottom;
}
.hdr-main_search h2 {
margin: 0;
font: 1.6em/1.2 Helvetica, sans-serif!important;
}
.hdr-main_search h2 strong {
color: #2a96d5;
font-weight: normal;
}
.hdr-main_search h2 strong .query {
text-transform: uppercase;
}
.post-preview_search {
padding: 0 0 20px;
border-bottom: 1px solid #e5e5e5;
}
/* Home page */
.page-body_home {
border-top: 1px solid #eaeaea; /* need to top margin work for child first element */
background-color:#f8f8f8;
}
.main-description {
margin: 35px auto;
width: 1150px;
position: relative;
font: 2.4em/1.4 Helvetica, Arial, sans-serif;
color: #4c4c4c;
}
.main-description p {
margin: 0;
}
.main-description a {
color: #2a96d5;
}
/* HP Services */
.section_services {
zoom: 1;
}
.section_services .col-1,
.section_services .col-2,
.section_services .col-3 {
width: 300px;
margin: 0;
}
.section_services .col-2 {
margin: 0 0 0 25px;
}
.service__hdr {
margin: 15px 0 5px;
font: 1.8em/1.2 Arial, sans-serif;
}
.service__hdr a {
color: #000;
text-decoration: none;
}
.service__description {
margin: 0;
color: #666;
font: 1.2em/1.6 Helvetica, sans-serif;
}
.service__img {
display: block;
width: 297px;
height: 152px;
border: 2px solid #d9d9d9;
}
.service__img:hover img {
margin: -5px 0 0 -5px;
}
.service__img:hover {
border: 7px solid #c7edfa;
width: 287px;
overflow: hidden;
height: 142px;
}
.service:hover a {
color: #21afe4!important;
text-decoration: underline;
}
.service_present {
border: 2px solid #d9d9d9;
text-align: center;
}
.service_present .service__description {
margin: 15px 0 0;
border: none;
}
.service_present .service__img {
border: none;
width: auto;
padding: 1px 0 0;
text-align: center;
}
.service_present:hover .service__img {
width: auto;
height: 152px;
border: none!important;
}
.service_present:hover .service__img img {
margin: 0;
}
/* HP News */
.section_news .section__hdr {
margin: 0px 0 30px;
}
.section_news .events {
width: 610px;
}
.section_news p {
color:#666;
line-height: 1.6;
margin: 0 0 20px;
}
.events__item {
margin: 0 0 25px;
border-bottom: 1px dotted #b8b8b8;
}
.event__date {
margin: 0;
font: 1.3em/1.2 Tahoma, sans-serif;
color: #21afe4;
}
.event__hdr {
margin: 7px 0 0;
font: 2.4em/1.2 Helvetica, sans-serif;
}
.event__hdr a {
color: #000;
text-decoration: none;
}
.events__item:hover .event__hdr a {
color: #21afe4;
text-decoration: underline;
}
.event__text {
margin: 10px 0 25px 15px;
}
.event__text p {
margin: 0;
display: inline;
color: #666;
font: 1.4em/1.6 Helvetica, sans-serif;
}
.event__text .more-link {
font: 1.4em/1.6 Helvetica, sans-serif;
color: #21afe4;
}
/* Recent work */
.recent-work {
width: 300px;
}
.recent-work__hdr {
margin: 0;
text-transform: uppercase;
font: bold 1.8em/1.2 Arial, sans-serif;
}
.recent-work__hdr .bullet {
color: #21afe4;
font-family: Tahoma, sans-serif;
}
.recent-work__preview {
display: block;
position: relative;
overflow: hidden;
width: 300px;
height: 175px;
zoom: 1;
}
.recent-work__link {
position: absolute;
width: 296px;
height: 171px;
border: 2px solid #d9d9d9;
background: url("../img/0.gif");
top: 0;
left: 0;
}
.recent-work__title {
position: absolute;
width: 100%;
color: #FFF;
background: url("../img/bg_50.png");
left: 0;
bottom: 0;
padding: 7px 13px;
text-transform: uppercase;
font: 1.8em/1.3 Arial, sans-serif;
}
.recent-work__link:hover img {
margin: -5px 0 0 -5px;
}
.recent-work__link:hover {
border: 7px solid #c7edfa;
width: 287px;
height: 161px;
}
.section_news .prev-link {
padding: 0 0 0 13px;
margin: -15px 7px 0 0;
font: 1.2em/1.4 Helvetica, sans-serif;
text-decoration: none;
color: #21afe4;
background: url("../img/arr_view-all.gif") no-repeat 0 center;
}
/* Enquiry page */
.page-content_enquiry {
width: 490px;
margin: 40px 0 0 70px;
}
.page-content_enquiry h1 {
margin: 0 0 20px;
font: 2.4em/1.4 Helvetica, sans-serif;
}
.page-content_enquiry p {
font: 1.2em/1.4 Helvetica, sans-serif;
color: #666;
}
.page-content_enquiry .form-intro {
font-size: 1.4em;
}
.page-content_enquiry .form-intro .phone {
white-space: nowrap;
}
.aside-info {
margin: 40px 80px 0 0;
text-align: right;
width: 225px;
color: #595959;
font: 1.2em/1.4 Helvetica, sans-serif;
}
.aside-info h4 {
margin: 0 0 10px;
color: #000;
font-weight: normal;
}
.aside-info address {
font-style: normal;
}
.aside-info .share-this {
width: 120px;
margin: 30px -5px 0 0;
float: right;
}
.form_enquiry label {
width: 120px;
padding-top: 3px;
float: left;
}
.form_enquiry .wpcf7-form-control-wrap {
float: right;
}
.form_enquiry .input-text,
.form_enquiry .select {
width: 362px;
padding: 5px 0;
}
.form_enquiry .form__row {
margin: 0 0 10px;
}
.form_enquiry {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 25px 0 50px;
margin: 10px 0 20px;
}
.privacy-note strong {
font-weight: normal;
}
.form_enquiry input.error,
.form_enquiry textarea.error {
margin: 0 0 5px;
}
div.wpcf7-response-output {
font:1.3em/1.4 Tahoma,sans-serif !important;
margin:1em 0!important;
padding:1em!important;
}
.form_enquiry p.error {
clear: both;
}
.form_enquiry .form__row_buttons .form__button {
width: 65px;
height: 34px;
margin: 0 -5px 0 0;
background: url("../img/btn_send_yel.png") no-repeat;
text-indent: -9999px;
font-size: 0px;
color: #ffda00;
border: none;
cursor: pointer;
}
.form_enquiry .form__row_buttons_ru .form__button {
width: 105px;
height: 34px;
background: url("../img/btn_send_ru.png") no-repeat !important;
}
.form_enquiry .form__row_buttons .ajax-loader {
margin: 10px 10px 0 0;
float: right;
}
/* Page foot */
.page-foot {
background: #222;
border-top: 3px solid #989898;
width: 100%;
min-width: 1220px;
}
.page-body__l {
width: 190px;
}
.page-foot__i {
width: 1220px;
margin: 0 auto;
}
.site-branches {
margin: 5px 40px 10px;
}
.site-branches .col { margin: 0 10px 0 0; }
.site-branches .col-1 { width: 140px; }
.site-branches .col-2 { width: 95px; }
.site-branches_ru .col-2 { width: 135px; }
.site-branches .col-3 { width: 140px; }
.site-branches .col-4 { width: 130px; margin-right: 20px; }
.site-branches .col-5 { width: 130px; }
.site-branch__hdr {
margin: 0 0 10px;
color: #FFF;
font: 1.4em/1.2 Helvetica, sans-serif;
text-transform: uppercase;
}
a.site-branch__link:link,
a.site-branch__link:visited {
font: 1.2em/1.4 Helvetica, sans-serif;
color: #9a9a9a;
text-decoration: none;
}
a.site-branch__link:hover {
color: #21afe4;
}
.copyright {
clear: both;
border-top: 1px solid #2d2d2d;
}
.copyright__text {
margin: 0 25px;
font: 1.2em/3 Helvetica, sans-serif;
text-align: right;
color: #21afe4;
}
/* Portfolio */
/* Portfolio work */
.portfolio-work {
margin-bottom: 50px!important;
}
.portfolio-work__head {
margin: 25px 0 10px;
}
.portfolio-work__head h1 {
margin: 0;
font: 4.8em/1.2 Helvetica, sans-serif;
}
.portfolio-work__entry {
margin: 30px 0 0;
}
.portfolio-work__entry h2 {
margin: 0 0 14px;
font: 3.6em/1.2 Helvetica, sans-serif;
}
.portfolio-work__entry h3 {
margin: 35px 0 10px;
color: #000;
font: 2.4em/1.2 Helvetica, sans-serif;
}
.portfolio-work__entry p {
font: 1.4em/1.6 Helvetica, sans-serif;
margin-top: 0px;
width: 760px;
color: #666;
}
.portfolio-work .go-top-link {
padding:5px 2px 10px;
border-top: 1px solid #e5e5e5;
}
.section_portfolio-previews .go-top-link { margin-top: -25px; }
/**** Works list */
.works__item {
border-bottom: 1px solid #dcdcdc;
padding: 0 0 20px;
margin: 0 0 30px;
}
.works__item:hover .work-gallery_mini {
background: #ffd400;
}
.works__item:hover h4 a {
text-decoration: underline;
color: #2a96d5;
}
.works__item:hover .portfolio-item__link a {
color: #2a96d5;
border-bottom: 1px dotted #2a96d5;
}
.portfolio-preview__info {
width: 385px;
}
.portfolio-preview__hdr {
margin: 0;
font: bold 2em/1.4 HelveticaLTStd, Helvetica, sans-serif;
}
.portfolio-preview__hdr a {
color: #000;
text-decoration: none;
}
.project-info {
font: 1.3em/1.4 HelveticaLTStd, Helvetica, sans-serif;
color: #808080;
}
.project-info .title {
color: #000;
}
.portfolio-preview__info p {
font: 1.2em/1.4 HelveticaLTStd, Helvetica, sans-serif;
color: #4c4c4c;
}
.portfolio-preview__info strong {
color: #000;
display: block;
font-size: 1.5em;
font-weight: normal;
margin: 0 0 5px;
}
.portfolio-item__link a {
font-size: 1.1em;
text-decoration: none;
}
/* Work gallery */
.work-gallery__i {
margin: 8px;
border: 3px solid #FFF;
background: #FFF;
overflow: hidden;
}
.work-gallery__item {
overflow: hidden;
}
.work-gallery__img {
overflow: hidden;
text-align: center;
}
.work-gallery__nav li.nav-item a {
float: left;
width: 13px;
height: 12px;
margin: 0 5px 0 0;
text-indent: -9999px;
overflow: hidden;
background: #a5a5a5;
outline: none;
}
.work-gallery__nav li.nav-item.ui-state-active a, .work-gallery__nav li.nav-item a:hover {
background: #F00;
}
/* _mini */
.work-gallery_mini {
width: 390px;
background: #e5e5e5;
margin: 0 0 18px;
}
.work-gallery_mini .work-gallery__i {
width: 368px;
zoom: 1;
}
.work-gallery_mini .work-gallery__details {
padding-top: 10px;
background: #FFF;
}
.work-gallery_mini .work-gallery__item {
width: 390px;
}
.work-gallery_mini .work-gallery__img img {
max-width: 368px;
float: left;
}
/* _full */
.work-gallery_full .work-gallery__i {
border: 2px solid #dbdbdb; /* Borderr makes margin works for child __i element */
margin: 0 0 8px;
}
.work-gallery_full .work-gallery__details {
min-height: 12px;
margin: 0 0 8px;
}
.work-gallery__description {
margin: 0 0 0 15px;
padding: 3px 0 3px 15px;
border-left: 1px solid #b3b3b3;
color: #4c4c4c;
font: 1.2em/1.4 Jun101Pro, Helvetica, sans-serif;
}
.work-gallery__description p {
margin: 0;
}
.work-gallery__link {
padding: 0 8px;
text-decoration: none;
background: #b5007c;
color: #FFF!important;
text-transform: uppercase;
font: 1.3em/2.2 Helvetica, sans-serif;
}
.work-gallery__link:hover {
color: #FFF;
opacity: 0.8;
}
/** Forms */
.form fieldset {
margin: 0;
padding: 0;
border: none;
}
.form label {
font: 1.3em Tahoma, sans-serif;
}
.form .watermark {
position: absolute;
color: #b2b2b2;
margin: 5px 0 0 5px;
display: none;
cursor: text;
}
.form input.active {
border-color: #91c6e5;
}
.form .select,
.form .input-text {
border: 1px solid #b3b3b3;
background: #fafafa;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
/*** Buttons */
.form_respond .form__button {
margin: 0 3px 0 0;
}
.form_respond .form__button,
.form_respond .form__button__i {
display: inline-block;
}
.form_respond .form__button,
.form_respond .form__button .form__button__i { background: url(".../img/buttons.png") no-repeat 0 0; }
.form_respond .form__button:hover { background-position: 0 -36px; }
.form_respond .form__button:hover .form__button__i { background-position: right -36px!important; }
.form_respond .form__button__i {
height: 36px;
background-position: right -0!important;
margin: 0 -3px 0 14px;
padding-right: 6px;
_margin-right: -1px;
}
.form_respond .form__button input,
.form_respond .form__button button {
height: 34px;
cursor: pointer;
vertical-align: middle;
color: #FFF;
background: url("../img/0.gif");
font-size: 12px;
font-family: HelveticaLTStd, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding: 0 17px 0 14px;
margin: 0 -5px 0 -12px;
border: none;
}
/* Search form */
.form_search {
position: relative;
border-bottom: 1px dotted #b7b7b7;
padding: 0 0 19px;
}
.form_search label {
color:#B2B2B2;
cursor:text;
display:none;
margin:5px 0 0 5px;
position:absolute;
}
.form_search input#s {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E0E0E0;
height:22px;
line-height:22px;
padding:2px 30px 2px 5px;
width:152px;
}
.form_search #searchsubmit {
color:#2A96D5;
font-size:0;
left:162px;
position:absolute;
text-align:left;
top:3px;
background: #21afe4 url("../img/icons.png") no-repeat -27px -19px;
border:medium none;
cursor:pointer;
height:22px;
text-indent:-9999px;
width:24px;
}
/* Validatoin */
.form input.error,
.form textarea.error {
background-color: #fff2f2;
border: 1px solid #ff1200!important;
}
span.wpcf7-not-valid-tip,
.form p.error {
font: 1.1em/1.4 Tahoma, sans-serif!important;
padding: 0 0 0 20px!important;
margin: 5px 0 0!important;
display: block;
position: static!important;
background: url("../img/icons.png") no-repeat -55px 0!important;
color: #df0000!important;
border: none!important;
}
/* 404 */
body.error404 .post {
margin: 50px 0 0;
padding: 0 0 0 400px;
background: url("../img/404.gif") no-repeat 0 10px;
height: 200px;
font: 1.4em/1.6 Helvetica, sans-serif;
}
body.error404 .post h1 {
margin: 0;
}
body.error404 .post p {
margin: 0;
}
/* Global */
.cleared:after {
display:block;
clear:both;
overflow: hidden;
height:0;
content:" ";
}
.no-bg {
background: none!important;
}
.no-bdr {
border: none!important;
}
.no-margin {
margin: 0!important;
}
.hidden {
display:none!important;
}
.right-floated {
float: right!important;
}
.left-floated {
float: left!important;
}
.text-centered {
text-align: center!important;
}
/* Tabs */
.ui-tabs .ui-tabs-hide {
display: none;
}
/* No UPPERCASE for Russian */
.page-lang_ru .section__hdr,
.page-lang_ru .recent-work__title,
.page-lang_ru .recent-work__hdr,
.page-lang_ru .aside-hdr {
text-transform: none;
}
.page-lang_ru .recent-work .recent-work__hdr {
font-size: 2.2em!important;
margin: 0 0 13px!important;
}
.page-lang_ru .recent-work__hdr .bullet {
display: none;
}
/* Footer always at the bottom */
.header-body {
position: relative;
min-height: 100%;
}
.page-body {
zoom: 1;
padding-bottom: 0px;
}
.page-body-price {
zoom: 1;
padding-bottom:0px;
}
.page-foot {
position: relative;
height: 90px;
overflow: hidden;
margin: 100px 0 0;
}
.recent-work .magento-pp {
margin: 50px 0 0;
}
.contact-arr {
font: 14px/1.4 Arial;
margin: 30px 0 0;
background: url("../img/bg_contact-arr.png") no-repeat;
width: 329px;
height: 109px;
}
.contact-arr p {
padding: 23px 20px 20px;
line-height: 1.4;
}
.contact-arr p a {
color: #2a96d5!important;
}
.support {
margin-left:0px;}
.b_support{
text-align:left;}
.support2{
margin-left:70px;}
.stat{
margin-left:20px;}
.service_contact {
font: 14px/1.4 Arial;color: #666;
}
.service_contact_header {
font: 12px/1.4 Arial;font-weight: bold;color:#9999FF;
}
.service_contact_header_h {
margin-left:10px;font: 17px/1.2 Arial;font-weight: none;color:#FFFFFF;
}
.service_contact_header_h2 {
margin-left:10px;font: 14px/1.2 Arial;font-weight: none;color:#FFFFFF;
}
.factsonly{
float:right;
}
.info{
float:left;}
.factsonly_img{
vertical-align:bottom;
}
.factsonly_img_a{
width:160px;
height:147px;}