html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
/*width: 1024px;
margin: 0 auto;*/
background: #FFF url(../img/intuic/bdr_social_top.png) repeat-x center 100px;
font: 12px/1.4 Arial, sans-serif;
color: #626973;
}
/* Headers */
.page-title h1 {
font-size: 13px;
font-weight: normal;
vertical-align: middle;
}
.page-title h1 img{
max-height: 29px;
max-width: 43px;
}
h2 {
margin: 0 0 0.3em;
padding: .3em 0 0;
font: normal 16px/1.4 Verdana, Arial, sans-serif;
text-transform: uppercase;
color: #343e4d;
}
h2.hdr-img {
padding: 0;
margin: 0;
overflow: hidden;
}
/* Most popular */
.widget_popular {
margin: 0;
padding: 0;
height: 32px;
width: 229px;
background-image: url(../img/hdr_popular.png);
overflow: hidden;
}
/* Facebook */
.widget_facebook {
margin: 0;
padding: 0;
height: 35px;
width: 223px;
background-image: url(../img/hdr_facebook.png);
overflow: hidden;
}
.widget_facebook_text {
margin-top: 5px;
margin-left: 9%;
font: normal 16px/1.4 Verdana, Arial, sans-serif;
text-transform: uppercase;
color: white;
}
/* Archives */
.widget_archives {
margin: 0;
padding: 0;
height: 35px;
width: 223px;
background-image: url(../img/hdr_archives.png);
overflow: hidden;
}
.widget_text {
margin-top: 3px;
margin-left: 20%;
font: normal 16px/1.4 Verdana, Arial, sans-serif;
text-transform: uppercase;
color: white;
}
h3 {
margin: 0 0 5px;
font: italic 16px/1.4 Georgia, serif;
color: #343e4d;
}
h3 a {
color: #343e4d;
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
/* Paragraphs */
p {
margin: 0;
}
/* Links */
a { color: #196773;
}
a:hover {
color: #731919;
}
a img {
border: none;
}
a,
.menu a.selected,
a.selected,
.menu li.selected a {
color: #b4a400;
}
.team a,
.team .menu a.selected,
.team a.selected,
.team .menu li.selected a {
color: #8cb202;
}
.cms_services a,
.cms_services .menu a.selected,
.cms_services a.selected,
.cms_services .menu li.selected a {
color: #4bb3d7;
}
.news a,
.news .menu a.selected,
.news a.selected,
.news .menu li.selected a {
color: #9042a6;
}
.reviews a,
.reviews .menu a.selected,
.reviews a.selected,
.reviews .menu li.selected a {
color: #9042a6;
}
.reviews_videos .page-body_2cols .page-column_main {
width: 640px;
}
.reviews_videos .page-body_2cols .page-column_aside {
width: 330px;
}
.reviews .videos-list ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.reviews .videos-list ul li {
padding: 10px;
margin: 0;
}
.reviews .videos-list ul li .video__thumb {
margin: 0;
}
.reviews .videos-list ul li img {
vertical-align: bottom;
}
.reviews .videos-list .video_active {
background: #ffffd7;
}
.reviews .videos-list .to-all__link {
background: #9042a6;
color: #FFF;
padding: 3px 10px;
text-decoration: none;
}
.reviews .videos-list .to-all__link:hover {
text-decoration: underline;
}
.reviews .videos-list .video__thumb {
float: left;
position: relative;
}
.reviews .videos-list .video__title {
color: #343e4d;
font-weight: bold;
font-size: 12px;
}
.reviews .videos-list .video__title:hover {
color: #000;
}
.section_videos .post-social {
margin: 0 0 20px;
}
.section_videos .post-social .addthis_toolbox a,
.section_videos .post-social .addthis_toolbox iframe,
.section_videos .post-social .addthis_toolbox span {
display: inline-block;
vertical-align: middle;
float: none;
}
.section_videos .video__views {
text-align: right;
}
.section_videos .video__views strong {
font-size: 16px;
padding: 0 1px 0 0;
color: #333;
}
.reviews .videos-list .video__views {
color: #7b828e;
display: block;
font-size: 11px;
padding-top: 3px;
}
.reviews .videos-list .video__duration {
position: absolute;
background: #333;
color: #FFF;
bottom: 2px;
right: 2px;
padding: 1px 3px;
border-radius: 3px;
font: bold 9px/1.4 Verdana, sans-serif;
}
.reviews .videos-list .video__content {
margin-left: 115px;
}
.reviews .videos-list .video__thumb img {
width: 106px;
vertical-align: bottom;
}
.portfolio a,
.portfolio .menu a.selected,
.portfolio a.selected,
.portfolio .menu li.selected a {
color: #e81b9c;
}
.cms_contact a,
.cms_contact .menu a.selected,
.cms_contact a.selected,
.cms_contact .menu li.selected a {
color: #e67606;
}
/* Lists */
ul.list_block,
ul.list_float,
ul.list_inline {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.list_block li {
display: block;
}
ul.list_inline li {
display: inline;
}
ul.list_float li {
float: left;
}
ul.list_arrs {
margin: 10px 0 0;
padding: 0;
list-style-type: none;
}
ul.list_arrs li {
margin: 0 0 3px 20px;
color: #343e4d;
}
ul.list_arrs li .arr {
position: absolute;
margin: 0 0 0 -20px;
width: 15px;
height: 16px;
background: #333 url(../img/arr_transparent.png) no-repeat;
}
/* Page wrapper */
.page-wrap {
position: relative;
min-height: 100%;
}
/* Page head */
.page-head {
margin: 0 auto 20px;
width: 1024px;
}
.page-head .section_1 {
height: 100px;
padding: 0 0 10px;
/*background: url(../img/intuic/bdr_social.png) no-repeat center bottom;*/
position: relative;
}
.page-head .logo {
margin: 20px 0 10px 15px;
}
.page-head .logo .logo__img {
display: block;
width: 131px;
height: 46px;
margin: 0 0 9px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/logos.png) no-repeat;
}
.team .page-head .logo__img { background-position: 0 -46px; }
.cms_services .page-head .logo__img { background-position: 0 -92px; }
.cms_contact .page-head .logo__img { background-position: 0 -138px; }
.portfolio .page-head .logo__img { background-position: 0 -184px; }
.news .page-head .logo__img { background-position: 0 -230px; }
.page-head .logo__tagline {
display: block;
width: 159px;
height: 14px;
background: url(../img/logo_tagline.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.menu {
text-align: right;
}
.menu .list_nav {
white-space: nowrap;
position: absolute;
right: 0;
bottom: 15px;
font-size: 14px;
font-family: Verdana, sans-serif;
text-transform: uppercase;
}
.menu a {
color: #343e4d;
text-decoration: none;
}
.menu a:hover {
text-decoration: underline;
}
.page-head .section_2 {
padding: 0 20px;
/*background: url(../img/intuic/bg_social-list.png) repeat-y left top;*/
}
.post-social iframe.twitter-count-horizontal {
width: 100px!important;
}
.post-social .share-item_facebook {
padding-left: 2px;
}
.post-social .share-item_gplus {
margin-right: 0;
}
.post-social .share-item_gplus iframe {
width: 61px!important;
}
.post-social .share-item_gplus div {
width: 61px!important;
}
.post-social .share-item_linkendin {
margin-right: 2px;
opacity: 0.8;
filter: alpha(opacity=70);
}
.post-social .share-item_linkendin:hover{
/*background: url(../img/social/linkedin_share-hover.png) no-repeat left top;*/
opacity: 199;
filter: alpha(opacity=100);
}
.page-title {
margin: 7px 0 0;
font-size: 12px;
}
.page-title a {
display: inline-block;
margin-right: 20px;
color: #626973;
text-decoration: none;
}
.page-title .img-link {
margin: -10px 5px 0 0;
}
.post__share-icons {
margin: 5px 0;
}
.post__share-icons .title {
color: #343e4d;
margin: 0 0 3px;
font-family: Georgia, serif;
font-style: italic;
}
.social-links ul {
padding: 7px 0 0;
overflow: hidden;
}
/* Page body */
.page-body {
margin: 0 auto;
padding: 0 0 70px;
width: 984px;
}
/* Layout */
/* 3 columns */
.page-body_3cols {
background: url(../img/intuic/bg_page-body_3cols.gif) repeat-y left 0;
}
.page-body_3cols .page-column_main,
.page-body_3cols .page-column_aside {
width: 492px;
}
.page-body_3cols .page-column_aside .aside-column {
width: 246px;
}
/* 2 columns */
.page-body_2cols {
background: url(../img/intuic/bg_page-body_2cols.gif) repeat-y left 0;
}
.reviews_videos .page-body_2cols {
background: url(../img/intuic/bg_page-body_2cols_640.gif) repeat-y left 0;
}
.page-body_2cols .page-column_main {
width: 740px;
}
.page-body_2cols .page-column_aside {
width: 235px;
}
/* 1 column */
.page-body_1col .section {
padding-right: 0!important;
}
/* common */
.page-column_main .section:first-child,
.page-column_aside .section:first-child {
padding-top: 0;
}
.section:last-child {
border: none;
}
.page-column_main .section {
padding: 7px 7px 0 0;
}
.aside-column_1 .section {
padding: 7px 7px;
}
/* some fixes by nick-kletka start here */
@font-face{
font-family: Roboto;
src: url('../fonts/Roboto-Medium.ttf');
}
.navigation-block{
display: inline-block;
}
.navigation-links a {
text-decoration: none;
}
.navigation-block a:hover{
text-decoration: none;
}
.aside-column_1 .header span{
display: block;
margin: 0 7px .3em;
padding: .3em 0 0;
font: normal 16px/1.4 Verdana, Arial, sans-serif;
text-transform: uppercase;
color: #343e4d;
border-top: 3px solid #a34fbb;
}
.section_blog .nav-panel{
width: 100%;
height: 553px;
margin: 0 0 0.3em;
padding: 7px .3em 7px 0;
}
.nav-panel .column_left{
width: 50%;
float: left;
}
.nav-panel .column_right{
width: 50%;
float: right;
}
.nav-el{
text-decoration: none;
font-family: Roboto;
display: block;
margin-bottom: 10px;
width: 238px;
height: 130px;
border-left:1px solid #b2b7bc;
border-top: 1px solid #d7d9dc;
border-bottom: 1px solid #d7d9dc;
background: orange;
}
.discript{
display: block;
position: relative;
margin-top: 36px;
}
.discript p{
text-decoration: none;
margin-left: 30px;
font-size: 16px;
color: #ffffff;
}
.nav-btn{
display: inline-block;
position: relative;
float: left;
width: 16px;
height: 15px;
border: 1px solid #666666;
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% orange;
}
.column_right .nav-el{
float: right;
}
.nav-el.discription{
background: #9aa1a7;
}
.nav-el.discription p{
font-family: Helvetica;
line-height: 21px;
height: 100%;
color: #ffffff;
font-size: 14px;
margin: 15px 12px;
}
.nav-el.digital-cons{
transition: background .5s;
background: url('../img/360/digital-consulting.png') no-repeat #cdca6e;
}
.nav-el.social-mm{
transition: background .5s;
background: url('../img/360/social-media-marketing.png') no-repeat #9ab660;
}
.nav-el.digital-pr{
transition: background .5s;
background: url('../img/360/digital-pr.png') no-repeat #40b2d9;
}
.nav-el.online-v{
transition: background .5s;
background: url('../img/360/online-visibility.png') no-repeat #2d819e;
}
.nav-el.mobile{
transition: background .5s;
background: url('../img/360/marketing-and-mobile-devices.png') no-repeat #b284c0;
}
.nav-el.content-dev{
transition: background .5s;
background: url('../img/360/multimedia-content.png') no-repeat #e269b1;
}
.nav-el.monitoring{
transition: background .5s;
background: url('../img/360/monitoring.png') no-repeat #e7831f;
}
.nav-btn.digital-cons{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #999516;
border:1px solid #b8b54b;
}
.nav-btn.social-mm{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #659602;
border: 1px solid #85a93a;
}
.nav-btn.digital-pr{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #0380ab;
border: 1px solid #289ec7;
}
.nav-btn.online-v{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #01506b;
border: 1px solid #257895;
}
.nav-btn.mobile{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #6b0687;
border: 1px solid #9652a9;
}
.nav-btn.content-dev{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #ac036c;
border: 1px solid #cc4095;
}
.nav-btn.monitoring{
background: url('../img/360/arrow-copia.png') no-repeat 50% 50% #a34e02;
border: 1px solid #cc6e13;
}
.header-pic{
width:100%;
height: 315px;
background: url('../img/header-image.png') no-repeat #ffffff;
border: none;
}
.nav-el.social-mm:hover{
transition: background .5s;
background: url('../img/360/social-media-marketing.png') no-repeat #8aa459;
}
.nav-el.digital-pr:hover{
transition: background .5s;
background: url('../img/360/digital-pr.png') no-repeat #3c9cbd;
}
.nav-el.online-v:hover{
transition: background .5s;
background: url('../img/360/online-visibility.png') no-repeat #27728c;
}
.nav-el.mobile:hover{
transition: background .5s;
background: url('../img/360/marketing-and-mobile-devices.png') no-repeat #9c72a6;
}
.nav-el.content-dev:hover{
transition: background .5s;
background: url('../img/360/multimedia-content.png') no-repeat #c25c97;
}
.nav-el.monitoring:hover{
transition: background .5s;
background: url('../img/360/monitoring.png') no-repeat #ce7723;
}
.nav-el.digital-cons:hover{
transition: background .5s;
background: url('../img/360/digital-consulting.png') no-repeat #bab766;
}
/* some fixes by nick-kletka finish here */
.aside-column_2 .section {
padding: 7px 0 7px 7px;
}
.section {
border-bottom: 1px solid #f4f4f4;
}
.section__i {
border: 2px solid #f4f4f4;
}
.section_flickr {
padding: 0;
float: right;
}
.section_flickr .section__i {
width: 220px;
border-width: 7px;
}
.section_flickr img {
vertical-align: bottom;
margin: 3px 1px;
}
.section_mediakit {
padding: 0;
float: left;
}
.section_mediakit .section__i {
border-width: 7px;
width: 225px;
text-align: center;
}
.section_mediakit img {
vertical-align: bottom;
margin: 3px 1px;
}
.section_facebook {
padding: 0;
float: right;
}
.section_facebook .section__i {
width: 225px;
border-width: 7px;
}
.section_facebook img {
vertical-align: bottom;
margin: 3px 1px;
}
.section_contact h2 {
border-top: 3px solid #e67606;
}
/* We */
.list_members .person {
width: 16%;
margin: 0 0 10px 0;
}
.person__img {
position: relative;
text-align: center;
width: 113px;
height: 118px;
}
.person__img img{
max-width: 113px;
border: none;
}
.person__img .bdr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/intuic/bdr_we-photo.png) no-repeat;
}
.person__name {
color: #8cb202;
margin: 0 0 3px;
width: 90%;
}
.person__position {
color: #343e4d;
width: 90%;
font-size: .9em;
}
/* In the news: widget */
.section_itn_widget .itn-item {
margin: 0 0 10px;
border-bottom: 1px solid #f1f1f1;
}
.section_itn_widget .itn-item__thumb {
float: left;
border: 3px solid #EEE;
}
.section_itn_widget .itn-item__thumb img {
vertical-align: bottom;
}
.section_itn_widget .itn-item__content {
margin: 0 0 0 75px;
}
.section_itn_widget .itn-item__title a {
color: #343e4d;
font: normal 13px/1.4 Arial, sans-serif;
text-decoration: none;
}
/* Featured videos */
.section_featured-videos .video:last-child {
margin: 0;
}
.section_featured-videos .to-all {
margin-top: -10px;
text-align: right;
}
.video {
margin: 0 0 10px;
border-bottom: 1px solid #F1F1F1;
}
.video__title {
font-size: 14px;
margin: 0 0 4px;
}
.video__title a {
color: #343e4d;
}
.video__thumb {
margin: 0 0 5px;
}
/* Videos */
.video-container {
float: left;
width: 200px;
margin: 0 5px 15px 5px;
position: relative;
}
.video-container img {
width: 200px;
}
.video-container .video__views {
font-size: 10px;
margin: 0 0 5px;
color: #22356f;
}
.video-container .video__title {
color: #343e4d;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.video-container .video__title:hover {
text-decoration: underline
}
.video-container .video__author {
margin: 2px 0 0;
color: #7b828e;
font-size: 11px;
}
.video__thumb {
margin: 0 0 5px;
position: relative;
}
.video__thumb img {
border: 1px solid #bbbcbc;
}
.video-container .video__language {
background: none repeat scroll 0 0 #333333;
border-radius: 3px 3px 3px 3px;
top: 4px;
color: #FFFFFF;
font: bold 9px/1.4 Verdana,sans-serif;
padding: 1px 3px;
position: absolute;
right: 2px;
}
/* Video share, social buttons */
.fb-login-button_video {
padding-left: 2px;
float: left;
}
.share-item_twitter_video {
float: left;
}
.share-item_gplus_video {
margin-right: 0;
float: left;
}
.share-item_gplus_video iframe {
width: 61px!important;
float: left;
}
.share-item_gplus_video div {
width: 61px!important;
float: left;
}
.fb-root_video {
margin-right: 2px;
float: left;
opacity: 0.8;
filter: alpha(opacity=70);
}
/* Blog */
.section_blog h2 {
border-top: 3px solid #c4bf29;
}
.section_featured-videos h2 {
border-top: 3px solid #9042a6;
}
.section_google-maps h2 {
border-top: 3px solid #9042a6;
}
.section_digital360 h2 {
border-top: 3px solid #25a3cf;
}
.section_blog .post-preview {
position: relative;
margin: 0 0 10px 60px;
border: 1px solid #dcdcdc;
padding: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
/*.without-author .post-preview{
margin: 0 0 10px 0px;
}*/
.post-info {
margin: 0 0 5px;
color: #343e4d;
}
.post-info .author .photo {
left: 0;
top: 0;
width: 51px;
text-align: right;
margin: 0 0 0 -60px;
position: absolute;
}
.post-info .author .photo .cnr {
top: 14px;
right: -9px;
position: absolute;
width: 10px;
height: 17px;
background: url(../img/intuic/cnr_author.gif) no-repeat;
}
.post-info .author .photo img {
border: 4px solid #EEE;
}
.post-info .position {
color: #b4a400;
}
.post-info .date {
color: #626973;
font-style: italic;
font-size: 11px;
}
.post-thumbnail {
margin: 0 10px 0 0;
}
.post-preview .post__content {
overflow: hidden;
}
.post-preview .post__content .link_more img {
vertical-align: middle;
}
.post-meta {
padding: 5px 0 0;
clear: both;
}
.post-meta .tags {
float: left;
}
.post-meta .comments_info {
float: right;
}
.post .post__thumb {
border: 1px solid #f3f3f3;
text-align: center;
margin: 0 0 20px;
}
.post {
position: relative;
margin: 0 0 10px 60px;
}
.post .h-comments {
/*border-top-style: dotted;*/
}
.post .tags {
margin: 0 0 10px;
}
/* Single post */
.section_blog_single h3 {
font-size: 18px;
}
.section_blog_single .fb_like_bottom iframe {
clear: both;
margin: 10px 0 0;
}
.section_blog_single .fb_like_bottom iframe {
width: auto!important;
}
/* 360 */
.section_360 h2 {
border-top: 3px solid #25a3cf;
}
.entry_360 .entry__title {
font: 16px/1.3 Tahoma, Verdana, sans-serif;
color: #343e4d;
}
.entry_360 {
border-bottom: 1px dotted #9c9c9c;
margin: 0 0 10px;
}
.entry_360 .entry__i {
border-left: 3px solid #c4bf29;
padding: 0 0 2px 10px;
margin: 0 0 10px;
}
.entry__thumb {
float: right;
margin: 10px 0 0 10px;
width: 180px;
text-align: center;
overflow: hidden;
}
.entry_360 .cols-set {
margin: 0 0 0 -35px;
}
.entry_360 .cols-set .list_arrs {
float: left;
max-width: 250px;
margin-left: 35px;
}
.entry_360_1 .list_arrs .arr { background-color: #c4bf29; }
.entry_360_2 .entry__i { border-left-color: #65ba45; }
.entry_360_2 .list_arrs .arr { background-color: #65ba45; }
.entry_360_3 .entry__i { border-left-color: #25a3cf; }
.entry_360_3 .list_arrs .arr { background-color: #25a3cf; }
.entry_360_4 .entry__i { border-left-color: #03749c; }
.entry_360_4 .list_arrs .arr { background-color: #03749c; }
.entry_360_5 .entry__i { border-left-color: #a34fbb; }
.entry_360_5 .list_arrs .arr { background-color: #a34fbb; }
.entry_360_6 .entry__i { border-left-color: #e81b9c; }
.entry_360_6 .list_arrs .arr { background-color: #e81b9c; }
.entry_360_7 { border: none; }
.entry_360_7 .entry__i { border-left-color: #dc451c; }
.entry_360_7 .list_arrs .arr { background-color: #dc451c; }
/* We (nosotros) */
.team_index_view .section_we {
padding: 0!important;
background: url(../img/bg_sec_we.gif) repeat-y 745px 0;
}
.section_we h2 {
border-top: 3px solid #8cb202;
background: #FFF;
}
.section_we .entry_we {
float: left;
width: 740px;
}
.section_we .entry__aside {
width: 115px;
float: left;
}
.section_we .entry__thumb {
position: relative;
text-align: center;
width: 113px;
height: 118px;
margin: 0 0 10px;
overflow: hidden;
}
.section_we .entry__thumb .bdr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/intuic/bdr_we-photo.png) no-repeat;
}
.section_we .entry__content {
margin: 0 10px 0 125px;
}
.section_we .entry__text p {
padding: 0 0 .7em;
}
.section_we .entry__title {
margin: 0 0 15px;
font: 13px/1.4 Arial, sans-serif;
text-transform: uppercase;
}
.section_we .entry__title .name {
text-transform: uppercase;
color: #8cb202;
}
.section_we .entry__title .position {
color: #343e4d;
}
.section_we .person-list {
width: 230px;
float: right;
}
.section_we .person-list .person {
height: auto;
min-height: 70px;
margin: 0 0 3px;
}
.section_we .person-list .person__img {
width: 65px;
height: 68px;
overflow: hidden;
float: left;
}
.section_we .person-list .person__content {
margin:0 0 0 70px;
padding-top: 7px;
}
.section_we .person-list .person__img img {
max-width: 65px;
border: none;
}
.section_we .person-list .person__img .bdr {
background: url(../img/intuic/bdr_we-photo_small.png) no-repeat;
border: none;
}
/* Portfolio */
.section_portfolio {
padding-top: 0!important;
}
.section_portfolio h2 {
border-top: 3px solid #e81b9c;
}
.section_portfolio .list_first .portfolio-item__i {
margin-top: 0;
}
.section_portfolio a {
text-decoration: none;
}
.section_portfolio a:hover {
text-decoration: underline;
}
.portfolio-item {
border-bottom: 1px solid #f1f1f1;
padding: 0 0 10px 7px;
margin: 0 0 10px -7px;
}
.portfolio-item__name,
.portfolio-item__description,
.portfolio-item__link {
padding-left: 10px;
}
.portfolio-item__name {
text-decoration: none;
font: 12px/1.4 Arial, sans-serif;
background: url(../img/ico_arr-link.gif) no-repeat 0 5px;
}
.portfolio-item__name a {
color: #e81b9c;
}
.portfolio-item__thumb {
margin: 0 0 10px;
}
.portfolio-item__thumb {
display: block;
background: #F9F9F9;
height: 142px;
line-height: 142px;
width: 164px;
text-align: center;
}
.portfolio-item__thumb img {
vertical-align: middle;
}
.portfolio-list {
margin-left: -10px!important;
width: 731px;
border-bottom: 1px solid #f1f1f1;
background: url(../img/bg_portfolio-list.gif) 100% 0;
}
.portfolio-list .portfolio-item {
float: left;
width: 25%;
margin: 0;
padding: 0;
border: none;
}
.portfolio-list .portfolio-item__i {
overflow: hidden;
margin: 10px;
}
.portfolio-list_aside {
margin: 0!important;
background: none;
border: none;
width: auto;
}
.section_portfolio .more {
margin: 0;
}
.section_portfolio .more-link {
display: inline-block;
background: url(../img/arr_more-portfolio.gif) no-repeat 0 center;
line-height: 20px;
padding: 0 0 0 20px;
color: #343e4d;
font-size: 11px;
text-decoration: underline;
}
.portfolio-list_aside .portfolio-item {
width: auto!important;
margin: 0 0 10px;
padding-bottom: 5px;
float: none;
border-bottom: 1px solid #f1f1f1;
}
.portfolio-list_aside .portfolio-item .portfolio-item__thumb {
width: 240px;
height: auto;
line-height: normal;
}
.portfolio-list_aside .portfolio-item .portfolio-item__name {
width: 100%;
}
/* 2 portfolio items list */
.portfolio-list_2 {
background: url(../img/bg_portfolio-list_2.gif) repeat-y 0 0;
}
.portfolio-list_2 .portfolio-item {
width: 50%;
}
.portfolio-list_2 .portfolio-item__thumb {
width: 350px;
height: 265px;
line-height: 265px;
}
/* Contacts */
.contact-map {
margin: 0 0 20px;
}
.units {
zoom: 1;
margin: 0 0 0 -12px;
}
.units .unit {
width: 152px;
margin-left: 14px;
}
.units .unit.last {
float: right;
margin-left: 0;
}
.unit__img {
margin: 0 0 5px;
}
.unit__img img {
border: 5px solid #EEE;
}
.unit__info strong {
color: #e67606;
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
}
.unit__mail {
display: inline-block;
padding: 0 0 0 20px;
background: url(../img/intuic/ico_mail.gif) no-repeat 0 3px;
color: #343e4d!important;
}
/* Clients */
.section_clients h2 {
border-top: 3px solid #03749c;
}
.clients-list {
margin: 20px 20px 20px 0!important;
}
ul.clients-list .clients-item {
width: 16.6%;
overflow: hidden;
margin: 0 0 10px;
text-align: center;
}
/* Collegues */
.section_colleagues {
border-bottom: 0;
}
.colleague__thumb {
float: left;
}
.colleague {
overflow: hidden;
padding: 5px 0;
border-bottom: 1px solid #F4F4F4;
}
.colleague__content {
margin: 0 0 0 70px;
}
.colleague__title {
margin: 0;
font-weight: normal;
}
.colleague__title a {
color: #000;
text-decoration: none;
}
.colleague__name {
color: #626973;
}
.colleague__post,
.colleague__comment {
color: #9042a6;
}
.section_colleagues .linked-in {
margin: 10px 0 0 70px;
}
.section_colleagues .linked-in a {
color: #333;
text-decoration: none;
}
.section_colleagues .linked-in a img {
position: absolute;
margin: -3px 0 0 5px;
}
/* In Touch */
.in-touch {
margin: 20px 0;
line-height: 1.6;
}
.phone-fax {
border-top: 1px solid #EEE;
padding: 10px 0 0;
font-size: 14px;
}
.in-touch h4 {
font-size: 16px;
font-weight: normal;
margin: 0 0 5px;
}
.toll-free {
color: #E67606;
}
.in-touch a {
float: left;
margin: 0 20px 0 0;
}
.in-touch a img {
float: left;
margin: 0 5px 0 0;
}
.in-touch a .label {
float: left;
color: #000;
}
.in-touch a .label em {
font-size: 16px;
font-style: normal;
color: #2cadda;
}
/* News */
.section_news h2 {
border-top: 3px solid #e67606;
}
/* Colleagues */
.section_colleagues h2 {
border-top: 3px solid #8F41A6;
}
/* About */
.section_itn h2,
.section_videos h2,
.section_about h2 {
border-top: 3px solid #8F41A6;
}
.section_videos h2 {
margin: 0 0 30px;
}
.section_videos h3 {
border-top: 1px solid #8F41A6;
color: #343E4D;
font: 16px/1.4 Verdana,Arial,sans-serif;
margin: 0 0 20px;
padding: 0.3em 0 0;
text-transform: uppercase;
}
.about {
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: 1px dotted #AAA;
}
.about__thumb {
width: 115px;
border: 5px solid #EEE;
float: left;
}
.about__content {
margin: 0 0 0 135px;
}
.about__text {
margin: 0 0 10px;
}
.about__text img {
max-width: 500px;
}
.about__title {
font: 14px/1.4 Arial, sans-serif;
}
.page-actions {
float: left;
}
.stars {
float: right;
}
/* Pagination */
.pagination {
margin: 20px 0;
text-align: center;
}
.pagination a {
display: inline-block;
color: #343e4d;
text-decoration: none;
line-height: 1.8em;
padding: 0 5px;
margin: 0 3px;
}
.pagination a:hover,
.pagination .paginatecurrent_page {
background: #CCC;
color: #FFF;
}
.section_blog .pagination a:hover,
.section_blog .pagination .paginatecurrent_page {
background: #b4a400;
color: #FFF;
}
/* Most popular */
.section_popular .post-preview {
margin: 0 5px 5px;
padding: 5px;
border-bottom: 1px dotted #AAA;
}
.section_popular .post-preview:last-child {
border: none;
}
.section_popular h3 {
font-size: 12px;
font-style: italic;
margin: 0;
}
.section_popular .post__thumb {
float: left;
}
.section_popular .post-preview__content {
margin-left: 70px;
}
.section_popular h3 a {
color: #343e4d;
}
.section_popular .comments_info a {
text-decoration: none;
padding: 0 0 0 20px;
background: url(../img/ico_comments.png) no-repeat;
}
/* Team */
.section_we h2 {
border-top: 3px solid #c4bf29;
margin: 0 0 10px;
}
/* Page foot */
.page-foot {
position: relative;
height: 50px;
margin: -50px 0 0;
background: url(../img/intuic/bdr_social.png) repeat-x center bottom;
}
.page-foot__i {
width: 1024px;
margin: 0 auto;
}
.page-foot .logo {
margin: 0 0 0 20px;
position: absolute;
}
.page-foot .logo .logo__img {
display: block;
width: 87px;
height: 33px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/logos_small.png) no-repeat;
}
.team .page-foot .logo__img { background-position: 0 -33px; }
.cms_services .page-foot .logo__img { background-position: 0 -66px; }
.cms_contact .page-foot .logo__img { background-position: 0 -99px; }
.portfolio .page-foot .logo__img { background-position: 0 -132px; }
.news .page-foot .logo__img { background-position: 0 -165px; }
.page-foot .copyright {
padding: 15px 0 0;
text-align: center;
font-size: 11px;
}
/* Forms */
.form input[type="text"] { /* webkit */
margin: 0;
}
.form .row {
margin: 0 0 7px;
}
.form .subrow {
margin: 0 0 7px;
background-color: #666;
}
.form .input-text {
border: 1px solid #c7c7c7;
background: #FFF url(../img/bg_input-text.gif) repeat-x top;
padding: 3px;
font-size: 11px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #626973;
}
.form .input-button {
font-size: 11px;
padding: 3px 7px;
color: #343e4d;
border-top: 1px solid #eeefef;
border-right: 1px solid #cdcecf;
border-bottom: 1px solid #b8bbbb;
border-left: 1px solid #b1b4b5;
background: #eaeaea url(../img/bg_input-button.gif) repeat-x top;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
cursor: pointer;
}
.form .input-button:hover {
background-color: #EEE;
}
/* Form: Login */
.list_langs {
margin-top: 10px!important;
}
.user-panel {
margin: 5px 0 5px;
}
.user-panel a {
text-decoration: underline;
}
.link_login {
text-decoration: none!important;
border-bottom: 1px dotted;
}
.link_logout {
color: #666!important;
}
.page-head .form_login {
position: absolute;
top: 25px;
right: -15px;
}
.form_login {
z-index: 9;
text-align: left;
background: #FFF;
padding: 0;
border: 1px solid #CCC;
box-shadow: 2px 2px 10px #CCC;
}
.form_login .forgot {
color: #999;
}
.form_login .link_close {
position: absolute;
top: 0;
right: 5px;
text-decoration: none;
color: #C00;
font-size: 16px;
}
.form_login .form__i {
width: 240px;
padding: 30px 20px 20px;
}
.page-body .form_login {
width: 320px!important;
margin: 50px auto 50px;
}
.form_login .input-text {
width: 110px;
}
.form_login .social {
margin: 15px 0 0;
padding: 10px 0 0;
border-top: 1px solid #EEE;
}
.form_login .social .label {
margin: 0 0 5px;
}
.form_login .social .list_inline li {
padding-right: 10px;
}
/* Form: Forgot */
.form_forgot h2 {
margin: 0 0 20px;
}
.form_forgot .input-text {
width: 250px;
}
/* Form: user */
.form_user-info input.social {
margin-top: 13px;
}
.form_user-info a.link {
text-decoration: none;
}
.form_user-info a.link:hover {
text-decoration: underline;
}
.form_user-info span.required{
color: red;
}
.form_user-info label{
float: left;
width: 170px;
}
.form_user-info p.tip{
margin-bottom: 5px;
}
/* Global messages */
.global-message {
margin: 10px 0;
z-index:200;
}
.global-message_success{
color: #008533;
border: solid 1px #008533;
border-radius: 5px;
padding: 10px;
}
.global-message_error{
padding: 10px;
color: #E82A2A;
border: solid 1px #E82A2A;
}
/* Archives */
.section_archives {
}
.section_archives .section__i {
background: #ebebeb;
}
.section_archives .archive-list li a {
display: block;
padding: 6px 0 6px 28px;
color: #626973;
text-decoration: none;
background: url(../img/intuic/arr_archives.gif) no-repeat 4px center;
}
.section_archives .archive-list li a:hover {
text-decoration: underline;
}
.section_archives .archive-list li.odd a {
background-color: #FFF;
}
/* Twitter roll */
.tweet {
margin: 0 2px;
padding: 10px 5px 10px 55px;
color: #626973;
border-bottom: 1px dotted #AAA;
font-size: 11px;
word-wrap: break-word;
}
.tweet b {
font-weight: normal;
color: #343e4d;
}
.tweet:last-child {
border-bottom: none;
}
.tweet__userpic {
float: left;
width: 50px;
height: 50px;
margin: 0 0 0 -55px;
overflow: hidden;
}
/* 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;
}
.f-left {
float: left!important;
}
.f-right {
float: right!important;
}
.a-left {
text-align: left!important;
}
.a-right {
text-align: right!important;
}
.a-center {
text-align: center!important;
}
.no-opacity {
opacity: 1!important;
}
.loginform span{
display:block;
width: 130px;
float:left;
}
.loginform span.password{
margin-left: 12px;
}
.loginform input[type=text]{
color:#666666;
width: 122px;
border: solid 1px #cccccc;
}
.loginform input[type=password]{
color:#666666;
width: 122px;
border: solid 1px #cccccc;
}
.loginform div.submit{
padding: 5px 10px 0 0;
width: 262px;
}
.loginform div.submit input{
float:right;
/* padding-right: 3px; */
}
.loginform {
font-size: 12px;
color: #666;
}
.loginform p {
margin: 0 0 5px;
}
.loginform #email {
width: 55%!important;
}
.loginform #pwd {
width: 40%!important;
}
.loginform a.forgot{
color:#CCC;
font-size: 11px;
}
.loginform .social ul {
margin: 0;
padding: 0;
}
.loginform .social ul li {
display: inline;
list-style-type: none;
padding: 0 5px 0 0;
}
/* Error messages */
.page-success{
position:relative;
font-size: 12px;
color: #003371;
border: solid 1px;
margin-left: 62px;
margin-top: 15px;
padding: 10px;
background-color: #eff7fa;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
z-index:200;
display: block;
margin-bottom: 15px;
clear: both;
}
.page-error{
font-size: 12px;
color: #E82A2A;
border: solid 1px #E82A2A;
padding: 10px;
background: #eff7fa;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
z-index:200;
}
.error{
padding: 10px;
color: red;
}
/* Tags */
.tags,
.comments_info {
padding: 5px 0 0;
font-size: 11px;
color: #999;
}
.tags a,
.comments_info a {
color: #999;
}
.tags_cloud_section h2 {
border-top: 3px solid #25a3cf;
}
.tags_cloud_section .more {
padding: 10px 0 0 150px;
}
.section_tagcloud .list_tags {
padding: 5px;
line-height: 2em;
}
.section_tagcloud .list_tags a {
color: #626973;
text-decoration: none;
}
.section_tagcloud .list_tags a:hover {
text-decoration: underline;
}
div.ratestar {
min-height: 16px;
background: url("../img/news/star_grey.png") no-repeat 16px;
}
div.ratestar:hover {
cursor: pointer;
background: url("../img/news/star.png") no-repeat 16px;
}