/*
Name: Sensov
Version: 1.3
Author: Les Sens Creatifs
Author URI: http://www.sensov.com
*/
/* =Table of Contents
--------------------------------------------------------------
=Common Styles
=Typography
=Buttons
=Content Styles
=Navigation
=Hero
=Services
=Portfolio
=Project
=Team
=Subscribe
=Testimonials
=Footer
=Blog
=Slider
=Video
=Media
*/
/* =Common Styles
-------------------------------------------------------------- */
html {
overflow-x: hidden !important;
}
body {
background: #fff;
color: #424242;
font: normal 15px "Open Sans", arial, sans-serif;
font-weight: 300;
/*overflow-y: hidden;*/
}
#google-map-canvas img { max-width: none !important; }
#single-question-content header, #single-question-content p.header {
line-height: 1.55em;
font-size: 1.2em;
font-weight: 400 !important;
}
#top-corner-orange {
position: absolute;
left: -64px;
top: 0;
/*background: url(../images/top-angle-orange.png) no-repeat left top;
width: 348px;
height: 886px;*/
width:0;
height:0;
border-right:150px solid transparent;
border-top:300px solid #f15a22;
border-left:150px solid #f15a22;
border-bottom:300px solid transparent;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 9999;
}
nav #nav-bottom-right-SC {
position: relative;
right: 0;
bottom: 0;
background: url(../images/nav-bottom-right-SC.png) no-repeat right bottom;
height: 70px;
width: auto;
z-index: -999;
background-size: 30px auto;
}
.container.blogformat {
width: 71% !important;
margin-left: 6% !important;
min-height: 800px;
overflow: hidden;
float: left;
}
.container.blogformat.smallwidth {
width: 53% !important;
margin-left: 18% !important;
min-height: 800px;
float: left;
}
#single-question-content ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#single-question-content ul li{
background-image: url(../images/icons/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 15px;
margin-left: 15px;
margin-bottom: 5px;
color: #424242 !important;
font-weight: 400 !important;
}
#single-question-content ul li:last-child{
margin-bottom: 12px;
}
#single-question-content .postauthor {
padding: 1.5em 1.6em 0.5em;
margin: 1.5em 0 1em 0;
border: 1px solid #D4CFC1;
min-height: 100px;
}
#single-question-content .postauthor img{
float: right;
margin-top: -2.6%;
margin-left: 2%;
width: 100px;
height: auto;
}
#blog-aside {
float: right;
width: 20%;
overflow: hidden;
margin-right: 8px;
}
#blog-aside.smallWidthAside {
float: right;
width: 22%;
overflow: hidden;
margin-right: 20px;
}
#blog-questions-search-form-container {
width: 110%;
height: 72px;
margin-left: -2%;
background-color: #414042;
}
#blog-questions-search-form-container.fixed {
position: fixed;
top: 108px;
z-index: 99;
}
#blog-questions-search-form-container #search-form-questions {
width: 70%;
height: 72px;
margin-left: 19.5%;
background-color: transparent;
padding-top: 20px;
}
#blog-questions-search-form-container #search-form-questions input {
background-color: transparent;
border: none;
height: 60px;
color: #fff;
font-size: 1.2em;
letter-spacing: 1px;
}
/*#blog-container header > p {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.45em;
color: #000;
}*/
#blog-container #img-tag-container {
background-size: 80px 160px;
}
#blog-container h2 { text-transform: uppercase; letter-spacing: 0 !important; font-size: 1.4em !important; font-weight: 400 !important; margin-top: 25px !important;}
#blog-container h3 { text-transform: inherit; letter-spacing: 0 !important; font-size: 1.34em !important; font-weight: 400 !important; margin-top: 8px !important;}
/*#blog-container ul {list-style-type: square !important;}
#blog-container ul li { margin-left: 10px; font-size: 1.08em; line-height: 1.6em; margin-bottom: 7px; margin-top: 7px; }*/
#aboutUSbutton:hover {cursor: pointer;}
a#aboutUSbutton {border: 1px solid #ed632d !important; color: #ed632d !important;}
#search-form-questions input[type='text']::-webkit-input-placeholder { /* WebKit browsers */
color: #959595;
}
#search-form-questions input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #959595;
}
#search-form-questions input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
color: ##959595;
}
#search-form-questions input[type='text']:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #959595;
}
#blog-container {
width: 100%;
overflow-y: hidden;
margin-bottom: 40px;
}
ul li:first-child.sidebar-blog {
margin-top: 26px !important;
}
li.sidebar-blog {
background-color: #fff;
border: 1px solid #c3c3c3;
color: #424241;
margin: 5px 15px 30px 0;
list-style: none;
max-width: 325px;
padding: 5px 15px;
}
li.sidebar-blog #OnetoOneExpertise{
width: 75% !important;
border: 1px solid #424242!important;
color: #424242 !important;
margin: 5px 12.5%;
text-align: center;
padding: 10px 24px !important;
}
li.sidebar-blog #OnetoOneExpertise:hover{
border: 1px solid #424242!important;
background-color: #424242 !important;
color: #fff !important;
}
li.sidebar-blog .border {
margin-bottom: 12px !important;
}
li.sidebar-blog.subscribe {
height: auto;
padding: 5px 15px 25px 15px;
}
li.sidebar-blog.ask {
height: auto;
margin-top: 10px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
li.sidebar-blog.ask .KB-button{
margin: 5px 17.5%;
width: 65%;
text-align: center;
}
li.sidebar-blog.ask #KB-ask-form{
width: 100%;
margin: 10px auto 15px auto;
}
li.sidebar-blog.ask #KB-ask-form label{
text-align: center;
}
li.sidebar-blog.tags{
margin-bottom: 12% !important;
}
span.title-sidebar-blog {
display: block;
font-size: 1.4em;
padding: 5px 5px 5px 0;
margin: 4px 0;
color: #f15a22;
text-align: center;
}
li.sidebar-blog.categories{
height: auto;
margin-top: 20px !important;
}
li.sidebar-blog.categories #KB-icons-container {
height: auto !important;
margin-top: 5px !important;
}
li.sidebar-blog.categories #KB-icons-container .kb-icons{
margin: 10px 43% !important;
}
input {
font-family: 'Open Sans', sans-serif;
}
/* bug fixe for the retina display sensov logo */
img[src='http://sensov.com/wp-content/themes/sensov/images/logo@2x.png'] {
margin-top: 15px !important;
}
section { overflow: hidden; }
::selection { background: #060606; color: #fff; }
::-moz-selection { background: #060606; color: #fff; }
#loading { display: none; }
.mc4wp-success {
color: #959595 !important;
background-color: #fff !important;
border-color: #959595 !important;
margin-top: 40px !important;
border-radius: inherit !important;
}
#menu-item-50:hover {cursor: pointer;}
/* =Typography
-------------------------------------------------------------- */
p { color: #424242;
line-height: 1.55em;
margin: 0 0 20px;
}
p.HPpSlider {
font-size: 1.35em;
letter-spacing: 1px;
}
em { font-style: italic; }
small { font-size: 0.8em; }
.post-body ul, .unordered-list { margin-bottom: 20px; }
.post-body ul li, .unordered-list li { margin-bottom: 5px; }
.post-body ul li:before, .unordered-list li:before {
content: "∙";
margin-right: 5px;
}
blockquote {
background: #f9f9f9;
padding: 15px 0px 15px 30px;
border-left: 2px solid #e9e9e9;
font-style: italic;
margin-bottom: 20px;
}
code {
display: block;
clear: both;
overflow: auto;
padding: 10px 20px 20px 20px;
white-space: pre;
background-color: #f9f9f9;
border: 1px solid #e9e9e9;
font: 12px "Andale Mono",Courier,"Courier New",monospace;
margin-bottom: 20px;
}
h1,h2,h3,h4,h5,h6 {
color: #414042;
font-style: normal;
font-weight: 300;
line-height: 1.17em;
margin: 0 0 10px;
}
h1 {
font-size: 3.46666666667em;
text-transform: uppercase;
letter-spacing: 0.20em;
}
h2 {
font-size: 2.4em;
text-transform: uppercase;
letter-spacing: 0.20em;
}
section h2:first-child {
text-transform: inherit;
/*font-style: italic;*/
}
h2.footer {
font-size: 1.9em !important;
text-transform: lowercase;
color: #ffffff;
letter-spacing: 0;
display: block;
text-align: center;
margin-top: 2em;
}
h3 {
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: bold !important;
}
h3.social-footer {
text-transform: lowercase;
font-size: 1.2em;
text-align: center;
color: #959595;
}
h3.social-footer.up:first-letter {
text-transform: uppercase;
}
h3.whoweareh3, h4.whoweareh4 {
text-align: center;
text-transform: uppercase;
letter-spacing: 0.20em;
}
h3.whoweareh3:first-letter, h4.whoweareh4:first-letter {
}
h3.whoweareh3 {
font-size: 1.5em;
margin-top: 40px;
}
h4.whoweareh4 {
font-size: 1.7em;
font-weight: bold;
margin-bottom: 40px;
}
h4 {
font-size: 1em;
text-transform: uppercase;
font-weight: 400;
}
h5 {
font-size: 1em;
font-weight: 400;
line-height: 1.6em !important;
}
h5.whoweareh5 {
text-align: left;
text-transform: lowercase;
font-style: italic;
letter-spacing: 2px;
font-size: 1.5em;
margin-bottom: 20px;
margin-top: 30px;
}
h5.whoweareh5:first-letter {
text-transform: uppercase;
}
h6 {
font-size: 0.8em;
text-transform: uppercase;
font-weight: 400;
}
/* Typography for dark backgrounds */
.dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #fff; }
.dark a { color: #fff!important; }
/* Links */
a, a:visited { font-weight: 400; text-decoration: none; }
/* =Buttons
-------------------------------------------------------------- */
.button, .KB-button {
display: inline-block;
padding: 10px 30px;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.20em;
font-weight: 400;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.KB-button {
border: 1px solid #424242!important;
color: #424242 !important;
margin: 0 35px 0 15px;
padding: 10px 24px !important;
}
a.button:hover {
background-color: #fff !important;
color: #959595 !important;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
a.KB-button:hover, .KB-button.active {
color: #fff !important;
background-color: #424242;
cursor: pointer;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.dark .button { border: 1px solid #fff!important; }
.dark .button:hover { background: rgba(255, 255, 255, .1); filter: alpha(opacity=50); }
.button.no-border { border: none!important; padding: 20px 0px; }
.button.no-border:hover {
border: none!important;
background: transparent;
opacity: .7;
filter: alpha(opacity=70);
}
.button .icon {
display: inline-block;
margin-left: 17px;
margin-bottom: -6px;
width: 26px;
height: 26px;
cursor: pointer;
background: url(../images/icons/right.png) no-repeat center center;
}
/* =Content Styles
-------------------------------------------------------------- */
.content { padding-top: 100px; text-align: center; }
.content.smallPaddingTop {padding-top: 20px !important}
.content.padded { padding-bottom: 70px; }
.parallax {
width: 100%;
background-attachment: fixed;
background-position: 50% 0;
}
/* Parallax Fix */
@media only screen and (min-width: 1930px) { .parallax { background-size: cover; } }
.parallax.black { background-color: #060606; }
.parallax.no-parallax { background-size: cover!important; background-attachment: scroll!important; background-position: center!important; }
.parallax-bg1 { background-image: url(../images/hero.jpg); }
.parallax-bg2 { background-image: url(../images/services.jpg); }
.parallax-bg3 { background-image: url(../images/clients.jpg); }
.title { text-align: center; }
.sub-heading { margin: 48px auto 8px auto; max-width: 630px; }
.border {
display: block;
width: 80px;
height: 2px;
background: #f15a22;
margin: 0 auto;
margin-bottom: 25px;
}
.dark .border { background: #fff; }
#KB-subscribe-form {
width: 365px;
height: auto;
margin: 25px auto 65px auto;
}
#KB-ask-form {
width: 22%;
height: auto;
margin: 25px auto 65px auto;
}
#KB-subscribe-form label, #KB-ask-form label {
text-align: center;
display: block;
font-weight: inherit;
line-height: 1.7em;
margin-bottom: 6px;
}
.french-inputs {
width: 21%;
height: 50px;
margin: 2.4em auto;
}
.french-inputs ::-webkit-input-placeholder {
color: #fff;
letter-spacing: 1px;
}
.french-inputs :-moz-placeholder { /* Firefox 18- */
color: #fff;
letter-spacing: 1px;
}
.french-inputs ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
letter-spacing: 1px;
}
.french-inputs :-ms-input-placeholder {
color: #fff;
letter-spacing: 1px;
}
.french-inputs input[type='email']{
border: 1px solid #fff !important;
color: #fff !important;
width: 57% !important;
}
#KB-subscribe-form input[type='email'], #KB-subscribe-form input[type='text'], #KB-ask-form input[type='email'], #KB-ask-form input[type='text'], .french-inputs input[type='email']{
font-family: 'Open Sans', sans-serif;
width: 60%;
height: 30px;
padding: 5px 8px;
float: left;
letter-spacing: 1px;
background: transparent;
border: 1px solid #959595;
color: #959595;
}
#KB-ask-form input[type='email'], #KB-ask-form input[type='text'] {
width: 49% !important;
}
#KB-ask-form input[type='email'] { float: right;}
#KB-ask-form input[type='text'] { float: left; }
#KB-subscribe-form input[type='email']:focus, #KB-ask-form input[type='email']:focus, #KB-subscribe-form input[type='text']:focus, #KB-ask-form input[type='text']: focus, #KB-ask-form input[type='textarea']:focus {
border: 1px solid #424242;
}
#KB-ask-form textarea[type='textarea'] {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: normal;
width: 100%;
height: 70px;
padding: 5px 8px;
letter-spacing: 1px;
background: transparent;
border: 1px solid #959595;
color: #959595;
}
.french-inputs input[type='submit']{
border: 1px solid #fff !important;
color: #fff !important;
margin-top: 0 !important;
width: 35% !important;
text-transform: uppercase;
}
#KB-subscribe-form input[type='submit'], #KB-ask-form input[type='submit'], .french-inputs input[type='submit']{
width: 140px;
height: 30px;
padding: 5px 8px;
font-family: 'Open Sans', sans-serif;
float: right;
letter-spacing: 1px;
background: transparent;
border: 1px solid #959595;
color: #424242;
margin-top: -20px;
margin-left: 0px;
text-align: center;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
text-transform: uppercase;
}
#KB-ask-form input[type='submit'] {
margin-left: 30%;
margin-right: 30%;
}
#KB-subscribe-form input[type='submit']:hover, #KB-ask-form input[type='submit']:hover, .french-inputs input[type='submit']:hover {
background: #959595;
border: 1px solid #959595;
color: #fff;
cursor: pointer;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.french-inputs input[type='submit']:hover {
background: #fff !important;
border: 1px solid #fff !important;
color: #565656 !important;
}
::-webkit-input-placeholder {
color: #525252;
}
:-moz-placeholder { /* Firefox 18- */
color: #525252;
}
::-moz-placeholder { /* Firefox 19+ */
color: ##525252;
}
:-ms-input-placeholder {
color: ##525252;
}
/* Question nav icons */
#KB-icons-container {
width: 95% !important;
height: 80px;
margin: 25px auto 3% auto;
}
#KB-icons-container .kb-icons {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
display: inline-block;
margin: 10px 12%;
background: url(../images/icons/KB-icons.png);
background-size: 185px auto;
}
#KB-icons-container a {
height: 36.5px;
width: 36.5px;
}
#KB-icons-container a.strategize {
background-position: 0 0;
}
#KB-icons-container a.strategize:after {
content: 'Plan + Strategize';
display: block;
width: 185px;
margin-top: 40px;
margin-left: -72px;
font-size: 1.1em;
color: #000;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
#KB-icons-container a.strategize.hover:after {
color: #ee5a23;
}
#KB-icons-container a.strategize:hover, #KB-icons-container a.strategize.hover {
background-position: 0 36px;
}
#KB-icons-container a.communicate {
background-position: 296px 0;
}
#KB-icons-container a.communicate:after {
content: 'Communicate + Grow';
display: block;
width: 218px;
margin-top: 40px;
margin-left: -91px;
font-size: 1.1em;
color: #000;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
#KB-icons-container a.communicate.hover:after {
color: #ee5a23;
}
#KB-icons-container a.communicate:hover,#KB-icons-container a.communicate.hover {
background-position: 296px 36px;
}
#KB-icons-container a.engage {
background-position: 222px 0;
}
#KB-icons-container a.engage:after {
content: 'Engage + Measure';
width: 180px;
display: block;
margin-top: 40px;
margin-left: -66px;
font-size: 1.1em;
color: #000;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
#KB-icons-container a.engage.hover:after {
color: #ee5a23;
}
#KB-icons-container a.engage:hover, #KB-icons-container a.engage.hover {
background-position: 222px 36px;
}
/*
#KB-icons-container a.measure {
background-position: 146px 0;
}
#KB-icons-container a.measure:after {
content: 'Measure';
display: block;
margin-top: 50px;
margin-left: -22px;
font-size: 1.1em;
color: #000;
letter-spacing: 1px;
text-align: center;
}
#KB-icons-container a.measure.hover:after {
color: #ee5a23;
}
#KB-icons-container a.measure:hover, #KB-icons-container a.measure.hover {
background-position: 146px 36px;
}
#KB-icons-container a.grow {
background-position: 72px 0;
}
#KB-icons-container a.grow:after {
content: 'Grow';
display: block;
margin-top: 50px;
margin-left: -8px;
font-size: 1.25em;
color: #000;
letter-spacing: 1px;
text-align: center;
}
#KB-icons-container a.grow.hover:after {
color: #ee5a23;
}
#KB-icons-container a.grow:hover, #KB-icons-container a.grow.hover {
background-position: 72px 36px;
}*/
/* Questions styles */
.question-border {
border: 1px solid #c3c3c3;
min-height: 332px;
max-height: 332px;
margin-bottom: 30px;
padding: 0;
overflow: hidden;
position: relative;
}
#question_hover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #414042;
opacity: 0;
z-index: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
overflow: hidden;
}
li.question-border.hover_question #question_hover {
opacity: 0.92;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#question_hover a.see_answer {
color: #fff;
width: 50%;
margin: 0 25%;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 1.1em;
height: 35px;
border: 1px solid #fff;
padding: 0.3em 15px;;
position: absolute;
top: 52%;
left: 0;
}
#question_hover a.see_answer:hover {
color: #959595;
background-color: #fff;
border: 1px solid #fff;
}
.question-title {
display: block;
font-style: italic;
margin: 15px auto 15px auto;
padding: 3px 15px;
line-height: 1.3em;
font-size: 1em;
height: 60px;
z-index: 9999;
}
#img-container {
overflow: hidden;
position: relative;
}
/*
#img-tag-container img {
position: absolute;
z-index: -1;
width: 80px !important;
height: 158px !important;
}*/
#img-tag-container {
width: 40px;
height: 80px;
margin: 0;
padding: 0;
background-size: 50px auto;
background-repeat: no-repeat !important;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
#img-tag-container.strategize {
background: url(../images/icons/question-tag-s.png);
background-size: 40px 80px;
}
#img-tag-container.communicate {
background: url(../images/icons/question-tag-c.png);
background-size: 40px 80px;
}
#img-tag-container.engage {
background: url(../images/icons/question-tag-e.png);
background-size: 40px 80px;
}
#img-tag-container.measure {
background: url(../images/icons/question-tag-m.png);
background-size: 40px 80px;
}
#img-tag-container.grow {
background: url(../images/icons/question-tag-g.png);
background-size: 40px 80px;
}
.date_container {
float: right;
width: auto;
height: auto;
margin-top: -7px;
}
img.clock_img {
width: 18px !important;
height: 18px !important;
float: left;
margin-top: 13px;
}
span.question-date {
display: block;
font-size: 0.85em;
font-style: italic;
margin: 12px 5px;
float: right;
text-transform: lowercase;
}
span.question-date:first-letter {
text-transform: uppercase;
}
/* SOCIAL ICONS IN THE QUESTIONS */
.juiz_sps_links {
margin-left: 15px !important;
margin-bottom: 0 !important;
margin-top: 10px !important;
}
/* Dynamic classes depending on position */
.juiz_sps_displayed_bottom { }
.juiz_sps_displayed_both { }
.juiz_sps_displayed_top { }
/* The hidden to introduce list of links */
.juiz_sps_maybe_hidden_text { }
/* The list of buttons/links */
.juiz_sps_links_list {
float: left !important;
}
.juiz_sps_links .juiz_sps_item a {
background-color: transparent !important;
}
/* An item of this list (
element by default) */
.juiz_sps_item { }
/* Each item as a second class depending on social network name */
.juiz_sps_link_facebook a{
background-image: url(../images/icons/social_icons_questions.png) !important;
background-position: 100px 0 !important;
background-size: 126px auto;
width: 22px !important;
height: 22px !important;
}
.juiz_sps_link_twitter a{
background-image: url(../images/icons/social_icons_questions.png) !important;
background-position: 0 0 !important;
background-size: 126px auto;
width: 22px !important;
height: 22px !important;
}
.juiz_sps_link_google a{
background-image: url(../images/icons/social_icons_questions.png) !important;
background-position: 74px 0 !important;
background-size: 126px auto;
width: 22px !important;
height: 22px !important;
}
.juiz_sps_link_pinterest a{
background-image: url(../images/icons/social_icons_questions.png) !important;
background-position: 49px 0 !important;
background-size: 126px auto;
width: 22px !important;
height: 22px !important;
}
.juiz_sps_link_linkedin a{
background-image: url(../images/icons/social_icons_questions.png) !important;
background-position: 150px 0 !important;
background-size: 126px auto;
width: 22px !important;
height: 22px !important;
}
/* Each item has its icon */
.juiz_sps_icon {}
/* Expertise styles */
ul#expertise-container {
margin-top: 25px;
}
ul#expertise-container li.expertise-container div.expertise-border {
border-right: 1px dotted #fff;
padding-right: 10px;
margin-bottom: 35px;
-webkit-transition: 0.6s all;
-moz-transition: 0.6s all;
-o-transition: 0.6s all;
transition: 0.6s all;
}
ul#expertise-container li.expertise-container img {
margin: 15px auto 35px auto;
display: block;
}
ul#expertise-container li.expertise-container:last-child div.expertise-border{
border-right: inherit;
}
li.expertise-container div.expertise-border span.expertise-title {
text-align: left;
text-transform: uppercase;
color: #fff !important;
font-size: 1.3em;
margin-bottom: 15px;
display: block;
font-weight: bold;
}
li.expertise-container div.expertise-border p {
text-align: left;
font-size: 1em;
line-height: 1.7em;
font-weight: 400;
}
.expertise-list {
/*position: absolute;
bottom: 24%;
width: 20%;*/
margin-bottom: 3%;
}
.expertise-list ul li {
color: #fff;
text-align: left;
line-height: 1.5em;
margin-left: 40px;
list-style-type: square;
}
#expertise-learn-more-button {
width: 40px;
height: 40px;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border: 1px solid #fff !important;
margin: 0 auto;
position: absolute;
bottom: 3%;
left: 48.8%;
font-size: 1.8em !important;
color: #fff;
}
#expertise-learn-more-button:hover {
cursor: pointer;
}
#expertise-C2A-infos {
width: 50%;
margin: 15px auto 2.1% auto;
text-align: center;
}
#expertise-C2A-infos span{
font-weight: 400;
}
#OnetoOneExpertise:hover {
cursor: pointer;
}
/* Result styles */
li.result-container {
border-right: 1px solid #f26132;
height: 200px;
}
li.result-container:last-child {
border-right: inherit;
}
div.result-title, div.result-number, div.result-description {
color: #e9e9e9;
display: block;
text-align: left;
}
div.result-title {
font-size: 1.3em;
font-weight: 400;
line-height: 1.1em;
}
div.result-number {
font-size: 3.5em;
letter-spacing: 1px;
}
div.result-description {
font-size: 1.4em;
font-weight: 400;
}
/* Clients */
li.grid-logo.logoclient {
margin-right: 0;
margin-left: 0;
border-bottom: 1px solid #d1d3d4;
border-right: 1px solid #d1d3d4;
padding-bottom: 15px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
}
li.grid-logo.logoclient:last-child {
margin-right: 0;
margin-left: 0;
border-bottom: 1px solid #d1d3d4;
border-right: inherit;
}
li.grid-logo.logoclient:nth-child(4) {
margin-right: 0;
margin-left: 0;
border-bottom: 1px solid #d1d3d4;
border-right: inherit;
}
li.grid-logo.logoclient:nth-child(8) {
margin-right: 0;
margin-left: 0;
border-bottom: 1px solid #d1d3d4;
border-right: inherit;
}
li.grid-logo.logoclient:nth-child(1), li.grid-logo.logoclient:nth-child(2), li.grid-logo.logoclient:nth-child(3), li.grid-logo.logoclient:nth-child(4) {
border-top:inherit;
padding-top: inherit;
}
li.grid-logo.logoclient:nth-child(5), li.grid-logo.logoclient:nth-child(6), li.grid-logo.logoclient:nth-child(7), li.grid-logo.logoclient:nth-child(8) {
padding-bottom: inherit;
}
li.grid-logo.logoclient:nth-child(9), li.grid-logo.logoclient:nth-child(10), li.grid-logo.logoclient:nth-child(11), li.grid-logo.logoclient:nth-child(12) {
border-bottom:inherit;
padding-bottom: inherit;
}
/* =Navigation
-------------------------------------------------------------- */
/* BIG MENU CSS ON ARTICLE PAGES */
.sorting ul ul {
display: none !important;
position: absolute !important;
margin-top: -2px;
}
.sorting ul li:hover > ul {
display: block !important;
background-color: #414042;
width: 430px;
z-index: 999999;
padding: 18px 25px 9px 25px !important;
}
.sorting ul {
list-style: none !important;
position: relative !important;
display: inline-table !important;
}
.sorting ul:after {
content: "" !important;
clear: both !important;
display: block !important;
}
.sorting ul li {
float: left !important;
}
.sorting ul ul li {
float: none !important;
position: relative !important;
color: #fff;
margin: 0 !important;
}
.sorting ul ul li:after{
content: inherit !important;
}
ul.featured-articles img {
float: left;
margin: 10px 15px 15px 0 !important;
}
ul.featured-articles .question-title {
color: #fff;
font-size: 1.20em !important;
margin: 12px 0 0 0 !important;
font-weight: inherit !important;
}
ul.featured-articles .question-title:hover {
color: #ed632d !important;
-webkit-transition: 0.16s all;
-moz-transition: 0.16s all;
-o-transition: 0.16s all;
transition: 0.16s all;
}
ul.featured-articles li:after {
content: none !important;
}
ul.featured-articles li:nth-child(2) .question-title, ul.featured-articles li:nth-child(3) .question-title{
margin: 22px 0 0 0 !important;
}
#top-menu {
position: fixed;
top: 0;
width: 100%;
height: 38px;
background: #4e4e4e;
z-index: 99999;
padding: 0;
}
#left-container {
float: left;
width: 73%;
}
#social-likes-container {
width: auto;
margin-top: 8px;
float: right;
}
.froogle {
float: right;
margin-top: 0;
}
#top-menu span.baseline-top-menu {
display: block;
float: left;
z-index: 99999;
font-size: 0.8em;
letter-spacing: 1px;
color: #fff;
margin: 10px 0 8px 12px;
text-rendering: optimizeLegibility;
font-style: italic;
width: auto;
}
#top-menu div.menu-top-menu-container {
float: right;
margin-top: 8px;
}
#top-menu div.menu-top-menu-container ul {
list-style: none;
}
#top-menu div.menu-top-menu-container ul li{
float: left;
margin-right: 1em;
}
#top-menu div.menu-top-menu-container ul li a:after{
content: "/";
padding-left: 1em;
color: #fff !important;
}
#top-menu div.menu-top-menu-container ul li a{
color: #fff;
font-size: 0.75em;
letter-spacing: 1px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
#top-menu div.menu-top-menu-container ul li a:hover{
color: #f15a22;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
#top-menu div.menu-top-menu-container ul li:last-child a:after{
content: "";
}
#top-menu .search-form-top-menu {
float: right;
display: block;
width: 12%;
min-width: 190px;
margin-top: 4px;
margin-right: 0.2%;
height: auto;
}
nav {
position: fixed;
top: 38px;
width: 100%;
background: #fff;
padding: 0;
z-index: 999;
-moz-box-shadow: 1px 1px 1px 0px #ccc;
-webkit-box-shadow: 1px 1px 1px 0px #ccc;
box-shadow: 1px 1px 1px 0px #ccc;
}
.logo {
width: auto;
margin-left: 20%;
float: left;
}
.logo img {
display: block;
width: 130px;
height: auto;
margin-top: 7px;
}
.baseline {
float: left;
margin-left: 4px;
height: 70px;
display: table;
}
.baseline span {
text-transform: lowercase;
font-size: 1.1em;
font-style: italic;
letter-spacing: 1px;
display: table-cell;
vertical-align: middle;
}
.baseline span:after {
content: ' tm';
vertical-align: top;
font-size: 0.6em;
}
.navigation { display: none; }
.desktop.navigation {
display: block!important;
width: auto;
margin: 21px 3% 10px 0;
float: left;
position: absolute;
right: 0;
}
.desktop.navigation .nav-content { float: right; }
.desktop.navigation .nav-content li {
float: left;
margin-right: 18px;
line-height: 30px; /* Set to the height of your own logo to center the text */
}
.desktop.navigation .nav-content a {
color: #060606;
text-transform: inherit;
letter-spacing: 1px;
font-size: 0.9em;
opacity: .7;
filter: alpha(opacity=70);
font-style: italic;
}
.desktop.navigation .nav-content a:after {
content: "/";
padding-left: 1em;
color: #f15a22 !important;
}
.desktop.navigation .nav-content ul.nav li:last-child a:after{
content: "";
}
.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active { opacity: 1; filter: alpha(opacity=100); }
.desktop.navigation .nav-content li:last-of-type { margin-right: 0px; }
/* Mobile Navigation */
.mobile.navigation {
display: none;
width: 90%;
margin: 0 5%;
float: left;
}
div#MainNav.navigation.mobile.show-mobile-nav {
display: block !important;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.mobile.navigation .nav-content {
float: left;
width: 100%;
margin-bottom: 25px;
}
.mobile.navigation .nav-content li {
display: block;
width: 100%;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
}
.mobile.navigation .nav-content li:first-of-type { border-top: none; }
.mobile.navigation .nav-content a {
display: block;
color: #060606;
text-transform: uppercase;
font-size: 0.8em;
}
.nav-button {
display: none;
width: 30px;
height: 30px;
background: transparent;
padding: 0;
margin-right: 5%;
margin-top: 2.5%;
float: right;
border: none;
cursor: pointer;
}
/* Navigation Icon */
.icon-bar {
display: block;
float: left;
width: 100%;
height: 3px;
margin-top: 3px;
background: #060606;
}
.menu-top-menu-container li.current-menu-item a {
color: #f15a22 !important;
}
/* =Hero
-------------------------------------------------------------- */
.hero { text-align: center; background-size: cover; }
.hero .content { padding-top: 0px; }
.ticker {
overflow: hidden;
height: 90px;
vertical-align: baseline;
}
.ticker h1 {
margin-bottom: 0px;
height: 90px;
-webkit-transition: margin-top 0.5s ease-in-out;
-moz-transition: margin-top 0.5s ease-in-out;
-o-transition: margin-top 0.5s ease-in-out;
transition: margin-top 0.5s ease-in-out;
}
.tickerNotHP {
overflow: hidden;
height: 90px;
vertical-align: baseline;
}
.tickerNotHP h1 {
margin-bottom: 0px;
height: 90px;
-webkit-transition: margin-top 0.5s ease-in-out;
-moz-transition: margin-top 0.5s ease-in-out;
-o-transition: margin-top 0.5s ease-in-out;
transition: margin-top 0.5s ease-in-out;
}
.call-to-action { padding-top: 20px; }
.call-to-action.aboutusPage { padding-top: 50px; }
.call-to-action li { display: inline-block; margin-right: 55px; }
.call-to-action li:last-of-type { margin-right: 0px;}
/* =Services
-------------------------------------------------------------- */
.icons .overview {
position: relative;
float: left;
width: 16.6666666667%;
text-align: center;
overflow: visible;
}
.icon {
display: inline-block;
width: 64px;
height: 64px;
cursor: help;
margin-bottom: 20px;
}
.icon.ux { background: ](../images/icons/ux.png) no-repeat top; background-size: 64px 128px; }
.icon.design { background: url(../images/icons/design.png) no-repeat top; background-size: 64px 128px; }
.icon.seo { background: url(../images/icons/seo.png) no-repeat top; background-size: 64px 128px; }
.icon.social { background: url(../images/icons/social.png) no-repeat top; background-size: 64px 128px; }
.icon.tech { background: url(../images/icons/tech.png) no-repeat top; background-size: 64px 128px; }
.icon.commerce { background: url(../images/icons/commerce.png) no-repeat top; background-size: 64px 128px; }
.icon.config { background: url(../images/icons/config.png) no-repeat top; background-size: 64px 128px; }
.icon.heart { background: url(../images/icons/heart.png) no-repeat top; background-size: 64px 128px; }
.icon.coffee { background: url(../images/icons/coffee.png) no-repeat top; background-size: 64px 128px; }
.icon.plane { background: url(../images/icons/plane.png) no-repeat top; background-size: 64px 128px; }
.icon.calculator { background: url(../images/icons/calculator.png) no-repeat top; background-size: 64px 128px; }
.icon.portfolio { background: url(../images/icons/portfolio.png) no-repeat top; background-size: 64px 128px; }
.icon:hover { background-position: bottom; }
.tooltip {
display: none;
position: absolute;
width: 260px;
background: #060606;
background: rgba(6, 6, 6, .85);
top: auto;
bottom: 100%;
left: 50%;
margin-left: -130px;
padding: 20px;
margin-bottom: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.feature-list {
font-style: italic;
font-weight: 300;
font-size: 0.9333333333333em;
color: #fff;
color: rgba(255, 255, 255, .90)!important;
text-align: left;
color: #fff;
}
.list-dot {
display: inline-block;
margin-right: 15px;
width: 7px;
height: 7px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.feature-list li { padding-bottom: 10px; }
.arrow-down {
display: none;
position: absolute;
left: 50%;
margin-left: -8px;
top: auto;
bottom: 100%;
margin-bottom: 22px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(6, 6, 6, .85);
}
.visible { display: block; }
/* =Portfolio
-------------------------------------------------------------- */
.portfolio { width: 100%; }
.projectlist { margin-top: 50px; background: transparent; }
.projectlist li {
width: calc(100%/3);
width: -webkit-calc(100%/3);
width: 33.33%;
float: left;
}
.projectlist a { display: block; /*padding-bottom: 85px;*/ padding-bottom: 0px; position: relative; }
.projectlist a:hover {
cursor: url('../images/cursors/more.cur'), crosshair;
cursor: url('../images/cursors/more.png') 40 40, crosshair;
}
.projectlist a .meta {
display: none;
}
.projectlist a:hover .meta {
display: inherit;
}
.projectlist a img { width: 100%; }
.projectinfo { position: absolute; width: 100%; height: 100%; top: 0; z-index: 100; }
.meta { position: absolute; top: 18%; margin-bottom: 25px; width: 100%; text-align: center; }
.meta .project-tag-container { width: 55%; height: 0.64em; border-top: 1px solid #fff; padding-top: 5px; margin: 5px auto 0 auto;}
.project-tag-container:last-child {border-bottom: 1px solid #fff;}
.meta .project-tag-container .project-tag {color: #fff; text-transform: none; font-size: 0.88em;}
.meta .project-tag-container .project-tag:first-letter {text-transform: uppercase;}
.meta h1, .project-title h1 { margin-bottom: 6px; color: #fff; font-size: 1.2em !important; margin-top: -30px !important;}
.meta p, .project-title p { margin-bottom: 0px; }
.meta em, .project-title em { font-family: "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; color: #424242; }
.projectlist a:hover .meta p, .projectlist a:hover .meta em { color: #fff!important; }
/* Filtering */
.projectlist .mix { opacity: 0; display: none; }
.filtering { margin-top: 30px; margin-bottom: 30px; }
.filtering li { margin-right: 10px; }
.filtering li:after {
content: "/";
color: #898989;
padding-left: 15px;
}
.filtering li:last-of-type:after { content: ""; }
.filter { font-family: "Open sans", Times, serif; color: #424242; cursor: pointer; display: inline-block; }
li.filter:first-letter {text-transform: uppercase;}
.socialMediaShowcase {
position: absolute;
bottom: 14%;
left: -15px;
}
/* =Project
-------------------------------------------------------------- */
.ajax-section { position: relative; }
.loader { display: none; background: #fff url(../images/loading.gif) no-repeat center 250px; width: 100%; height: 100%; position: absolute; z-index: 200; }
.project-hero { position: relative; }
.closeProject { position: absolute; bottom: 0px; left: 50%; margin-left: -20px; z-index: 200; }
.closeProject.positionTop { position: absolute; top: -25px; left: 50%; margin-left: -20px; z-index: 200; margin-top: 30px;}
.nextProject { position: absolute; top: 67%; right: -100px; z-index: 200; }
.prevProject { position: absolute; top: 67%; left: -100px; z-index: 200; }
#ajaxpage { padding-top: 50px; padding-bottom: 50px; }
.nextProject a, .prevProject a {
display: block;
width: 20px;
height: 48px;
opacity: .4;
filter: alpha(opacity=40);
}
.nextProject a:hover, .prevProject a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.nextProject a { background: url(../images/icons/project-next.png) no-repeat center center; }
.prevProject a { background: url(../images/icons/project-prev.png) no-repeat center center; }
.nextProject a.disabled, .prevProject a.disabled { display: none; }
.slider img { width: 100%; }
.slider-pager {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.small-border {
display: block;
width: 150px;
margin: 0 auto;
height: 1px;
background: #e9e9e9;
}
.bx-pager-item { display: inline-block; }
.bx-pager-link {
display: inline-block;
text-indent: -999em;
width: 12px;
height: 12px;
margin: 0 5px;
background: url(../images/projects/pager.png) no-repeat top center;
background-size: 12px 24px;
}
.bx-pager-link.active { background: url(../images/projects/pager-active.png) no-repeat top center; background-size: 12px 12px; }
.bx-pager-link:hover { background-position: bottom; }
.project-title { text-align: center; padding: 25px 0px 50px; }
.project-info { border-bottom: 1px solid #E9E9E9; }
.project-info h6 { border-bottom: 1px solid #E9E9E9; padding-bottom: 10px; margin-bottom: 20px; }
i.icon-remove {
display: block;
width: 26px;
height: 26px;
background: url(../images/icons/close.png) no-repeat;
background-size: 26px 26px;
filter: alpha(opacity=50);
opacity: .5;
}
i.icon-remove:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.project-gallery-next .bx-next, .project-gallery-prev .bx-prev {
position: absolute;
top: 40%;
opacity: .5;
filter: alpha(opacity=50);
right: auto;
left: auto;
text-indent: -999em;
width: 34px;
height: 36px;
margin-top: -18px;
}
.project-gallery-next .bx-next {
background: #fff url('../images/icons/project-gallery-next.png') no-repeat center center;
background-size: 22px 22px;
right: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.project-gallery-prev .bx-prev {
background: #fff url('../images/icons/project-gallery-prev.png') no-repeat center center;
background-size: 22px 22px;
left: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#ajaxpage {
max-width: 941px !important;
margin-right: auto;
margin-left: auto;
}
.bx-wrapper {
max-width: 941px !important;
max-height: 519px !important;
}
.bx-wrapper img {
max-width: 941px !important;
max-height: 519px !important;
}
/* =Team
-------------------------------------------------------------- */
.team-list { text-align: center; padding: 50px 0px 30px; float: left; }
.team-list p { text-align: left; line-height: 1.7em; }
.team-list h4 { letter-spacing: 2px; }
.team-list h6 p { text-align: center !important; letter-spacing: 1px; font-size: 1em; }
.picture-profile { width: 100%; height: auto; margin-bottom: 15px; }
.picture-profile img { width: 300px; height: auto; }
.picture-profile img:hover { /*opacity: 0.9;*/ }
.name { width: 100%; }
.name h4 { margin-bottom: 6px; }
.name h6 { margin-bottom: 20px; }
.name p { font-family: "Open sans", Times, serif; font-style: italic; text-transform: lowercase; color: #424242; }
.social-list li { display: inline-block; }
.social-icon.small {
display: inline-block;
width: 26px;
height: 26px;
filter: alpha(opacity=50);
opacity: .5;
}
.social-icon.small:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.social-icon.small.facebook { background: url(../images/icons/facebook-small.png) no-repeat center center; background-size: 26px 26px; }
.social-icon.small.twitter { background: url(../images/icons/twitter-small.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.google { background: url(../images/icons/google-small.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.behance { background: url(../images/icons/behance-small.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.linkedin { background: url(../images/icons/linkedin-small.png) no-repeat center center; background-size: 26px 26px;}
/* =Subscribe
-------------------------------------------------------------- */
.value {
display: block;
color: #fff;
font-size: 52px;
font-weight: 300;
padding-bottom: 20px;
padding-top: 50px;
}
.subscribe { padding-top: 30px; }
/* =Testimonials
-------------------------------------------------------------- */
#bx-pager { margin-top: 50px; }
#bx-pager li { width: 25%; float: left; text-align: center; }
#bx-pager a img {
opacity: .4;
filter: alpha(opacity=40);
}
#bx-pager a:hover img, #bx-pager a.active img {
opacity: 1;
filter: alpha(opacity=100);
}
.bxslider { text-align: center; padding-top: 2px; }
.bxslider h3 { line-height: 1.6em; text-transform: lowercase; font-style: italic;}
.bxslider h3:first-letter { text-transform: uppercase; }
.bxslider h6 { margin-bottom: 35px; color: #8f8f8f; }
.bx-next, .bx-prev {
position: absolute;
display: block;
text-indent: -999em;
/*top: 35%;*/
width: 20px;
height: 48px;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50);
}
#bx-prev .bx-prev {
margin-left: -40px;
}
#bx-next .bx-next {
margin-right: -32px;
}
.bx-next:hover, .bx-prev:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.bx-next {
right: 0 !important;
background: url(../images/icons/next.png) no-repeat center center;
}
.bx-prev {
left: 0 !important;
background: url(../images/icons/prev.png) no-repeat center center;
}
div.bx-viewport {
margin-bottom: 8%;
}
/* francais */
li.sub-text-slider-cover {
margin-top: 0.1%;
}
li.sub-text-slider-cover h1, li.sub-text-slider-cover span{
font-size: 1.7em !important;
color: #fff;
letter-spacing: 2px;
font-weight: bolder;
line-height: 1.9em;
margin-top: 0;
}
/* =Footer
-------------------------------------------------------------- */
footer {
width: 100%;
background: #ffffff url(../images/footer-bottom-right-SC.png) no-repeat right bottom 47px;
background-size: 72px auto;
clear: both;
}
footer sup {
vertical-align: top !important;
}
footer form label {
font-size: 0.7em;
line-height: 1.3em;
}
footer #container-widget {
width: 100%;
padding: 2%;
}
/* Responsive grid */
footer .cbp-rfgrid {
margin: 35px auto 25px auto;
padding: 0;
list-style: none;
position: relative;
width: 95%;
}
footer .cbp-rfgrid li {
position: relative;
float: left;
overflow: hidden;
width: 19%; /* Fallback */
width: -webkit-calc(95% / 5);
width: calc(95% / 5);
padding: 0.8%;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
display: block;
width: 100%;
cursor: pointer;
}
.cbp-rfgrid li a img {
max-width: 100%;
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
position: absolute;
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
background: rgba(71,163,218,0.2);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: center;
opacity: 0;
}
.cbp-rfgrid li a:hover div {
opacity: 1;
}
.cbp-rfgrid li a div h3 {
width: 100%;
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: 2px;
padding: 0 10px;
}
/* Example for media query: change number of items per row */
@media screen and (max-width: 1400px) {
footer .cbp-rfgrid li {
width: 20%; /* Fallback */
width: -webkit-calc(100% / 5);
width: calc(100% / 5);
}
}
@media screen and (max-width: 1190px) {
footer .cbp-rfgrid li {
width: 20%; /* Fallback */
width: -webkit-calc(100% / 5);
width: calc(100% / 5);
}
}
@media screen and (max-width: 1050px) {
footer .cbp-rfgrid li {
width: 33.333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 945px) {
footer .cbp-rfgrid li {
width: 33.333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 660px) {
footer .cbp-rfgrid li {
width: 100%; /* Fallback */
width: -webkit-calc(100% / 1);
width: calc(100% / 1);
}
}
@media screen and (max-width: 400px) {
footer .cbp-rfgrid li {
width: 100%; /* Fallback */
width: -webkit-calc(100% / 1);
width: calc(100% / 1);
}
}
@media screen and (max-width: 300px) {
footer .cbp-rfgrid li {
width: 100%;
}
}
#contact-C2A {
width: 100%;
height: auto;
background: #2d2a2b;
margin-top: -14px;
padding-top: 7px;
}
#contact-C2A li{
margin-bottom: 25px;
font-size: 1.2em;
}
#contact-C2A p.li-center {
color: #959595 !important;
text-align: center;
}
#contact-C2A label {
color: #959595;
font-weight: normal;
line-height: normal;
}
#contact-C2A input[type='email'] {
width: 60%;
padding: 5px 8px;
float: left;
letter-spacing: 1px;
background: transparent;
border: 1px solid #fff;
color: #fff;
margin-top: -18px;
}
#contact-C2A form#c2a_oneToone input[type='text'] {
width: 70%;
margin: 0 0 8px 0;
padding: 5px 8px;
letter-spacing: 1px;
background: transparent;
border: 1px solid #fff;
color: #fff;
}
#contact-C2A form#c2a_oneToone input[type='email'] {
width: 70%;
margin: 0 0 8px 0;
float: left;
}
#contact-C2A form#c2a_oneToone input[type='submit'] {
float: left;
text-transform: uppercase;
width: 55%;
margin: 0 0 8px 0;
}
form#c2a_oneToone {
width: 100%;
margin: 0 auto;
}
span.oto_text {
font-size: 0.7em;
color: #fff;
display: block;
margin-top: 3px;
margin-bottom: 3px;
}
#contact-C2A input[type='text']::-webkit-input-placeholder { /* WebKit browsers */
color: #959595;
}
#contact-C2A input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #959595;
}
#contact-C2A input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #959595;
}
#contact-C2A input[type='text']:-ms-input-placeholder { /* Internet Explorer 10+ */
color: ##959595;
}
#contact-C2A input[type='email']::-webkit-input-placeholder { /* WebKit browsers */
color: #959595;
}
#contact-C2A input[type='email']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #959595;
}
#contact-C2A input[type='email']::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #959595;
}
#contact-C2A input[type='email']:-ms-input-placeholder { /* Internet Explorer 10+ */
color: ##959595;
}
#contact-C2A input[type='submit'] {
width: 34%;
height: 27px;
padding: 5px 8px;
float: right;
letter-spacing: 1px;
background: transparent;
border: 1px solid #fff;
color: #fff;
margin-top: -38px;
margin-right: 14px;
text-align: center;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
text-transform: uppercase;
}
#contact-C2A input[type='submit']:hover {
background: #fff;
border: 1px solid #fff;
color: #959595;
cursor: pointer;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
#contact-C2A ul.social-links li a span.large {
font-size: 1em;
}
span.title-footer {
display: block;
color: #f15a22;
border-bottom: 1px dotted #f15a22;
font-size: 1.1em !important;
padding-bottom: 4px;
margin-bottom: 15px;
font-weight: 400;
}
span.line-footer {
display: block;
color: #2d2a2b;
border-bottom: 1px dotted #cbcbcb;
font-size: 15px;
margin-bottom: 7px;
text-align: left;
}
span.line-footer a {
color: #2d2a2b !important;
opacity: 0.8;
}
span.line-footer a:hover {
color: #2d2a2b !important;
cursor: pointer;
}
#footer-bottom-right-SC {
position: relative;
right: 0;
bottom: 0;
height: auto;
width: auto;
z-index: 999;
background-size: 120px auto;
}
div.copyright {
display: table;
background-color: #2d2a2b;
}
div.copyright span {
display: table-cell;
vertical-align: middle;
}
.copyright { width: 100%; padding: 16px !important; text-align: center; }
.copyright span { color: #fff; letter-spacing: 0.7px; font-size: 0.8em; }
.contact { text-align: center; }
.contact ::selection {
background: #fff;
color: #060606;
}
.contact ::-moz-selection {
background: #fff;
color: #060606;
}
.contact li img { margin-bottom: 15px; }
.contact li:nth-child(1) {
font-size: 0.9333333333333em;
opacity: .5;
filter: alpha(opacity=50);
}
.contact a {
display: block;
font-size: 0.9333333333333em;
font-weight: 300;
margin-bottom: 20px;
opacity: .5;
filter: alpha(opacity=50);
}
.contact a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.contact-heading { margin-top: 30px; }
#contact-form {
position: relative;
display: none;
text-align: center;
width: 100%;
background: #060606;
padding: 20px 0px 50px 0px;
margin-top: 20px;
}
/* FORMS */
.form-field label {
display: block;
text-align: center;
margin-top: 50px;
margin-bottom: 20px;
font-size: 0.8em;
text-transform: uppercase;
color: #fff;
}
.form-field span input, .form-field span textarea {
border: none;
outline: none;
padding: 0 10px;
width: 100%;
height: 35px;
background: #1e1e1e;
-webkit-appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #949494;
font-family: 'Open Sans', helvetica, arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 1em;
-webkit-transition: background 0.33s linear;
-moz-transition: background 0.33s linear;
-o-transition: background 0.33s linear;
transition: background 0.33s linear;
}
.form-field span input:focus, .form-field span textarea:focus {
background: #fff;
-webkit-transition: background 0.33s linear;
-moz-transition: background 0.33s linear;
-o-transition: background 0.33s linear;
transition: background 0.33s linear;
}
.form-field span textarea {
overflow: auto;
height: 180px;
padding: 18px;
}
.form-click input {
margin-top: 50px;
border: none;
display: block;
width: 100%;
outline: none;
cursor: pointer;
text-align: center;
-webkit-font-smoothing: antialiased;
text-decoration: none;
-webkit-appearance: none;
font-size: 1em;
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #060606!important;
background: #949494;
line-height: 100%;
padding: 12px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.form-click input:hover { text-decoration: none; color: #060606!important; background: #fff; }
.subscribe input.text {
display: inline-block;
outline: none;
-webkit-appearance: none;
width: 340px;
padding: 20px 0px 20px 15px;
background: transparent;
border: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 1em "Open Sans";
color: #fff;
margin-bottom: 20px;
}
.subscribe input.submit {
border: none;
display: inline-block;
outline: none;
cursor: pointer;
background: transparent url(../images/icons/more.png) no-repeat top right;
-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-decoration: none;
-webkit-appearance: none;
font: 1em "Open Sans";
font-weight: 400;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
margin-left: 10px;
padding: 20px 55px;
margin-bottom: 20px;
letter-spacing: 0.20em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.subscribe input.text::-ms-clear {
display: none;
}
.subscribe input.submit:hover {
background: rgba(255,255,255,.1);
}
/* END FORMS */
.loader { margin-top: 15px; }
#alert {
display: none;
margin-top: 30px;
}
.notification {
display: block;
position: relative;
width: 100%;
margin-bottom: 20px;
padding: 10px 18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.subscribe .notification {
display: none;
margin-left: auto;
margin-right: auto;
max-width: 620px;
}
.notification p {
line-height: 26px;
display: block;
padding: 0;
margin: 0;
text-align: left;
text-indent: 45px;
}
.notification.success {
border: 1px solid #fff;
background: rgba(255,255,255,.05);
}
.notification.success p {
background: url(../images/icons/tick.png) no-repeat;
background-size: 26px 26px;
color: #fff;
}
.notification.error {
border: 1px solid #fff;
background: rgba(255,255,255,.05);
}
.notification.error p {
background: url(../images/icons/cross.png) no-repeat;
background-size: 26px 26px;
color: #fff;
}
.social-links {
text-align: center;
margin-top: 15px;
}
.social-links li {
display: inline-block;
margin-right: 15px;
}
.social-links li:last-of-type { margin-right: 0px; }
.social-links a { display: block; }
.social-links a:hover {
opacity: .5;
filter: alpha(opacity=50);
}
/* Contact page */
#google-map-canvas {
width: 100%;
height: 300px;
margin-bottom: 0;
padding: 0;
}
/* =Blog
-------------------------------------------------------------- */
/* BREADCRUMB */
ul#breadcrumb{
margin-bottom: 20px;
margin-left: 16px;
width: auto;
text-align: left !important;
}
#breadcrumb li
{
display: inline;
list-style-type: none;
font-size: 0.9em;
font-weight: normal !important;
font-style: italic;
}
#breadcrumb li a
{
color: inherit !important;
}
#breadcrumb li a:hover
{
cursor: pointer;
}
#breadcrumb li:after
{
content: " / ";
}
#breadcrumb li:last-child:after
{
content: "";
}
#blog { margin-top: 30px; }
#blog-header {
width: 100%;
min-height: 300px;
position: relative;
background-image: url(../images/blog-header.jpg);
background-size: cover;
-moz-background-size: cover; /* Firefox 3.6 */
background-position: center; /* Internet Explorer 7/8 */
background-repeat: no-repeat;
}
#blog-header-text {
position: absolute;
top: 48%;
left: 19.5%;
color: #fff;
font-size: 3.6em !important;
z-index: 0;
}
span.blog-header-text-small {
font-style: italic !important;
font-size: 0.7em !important;
}
#blog-aside input#askFname {
width: 100% !important;
margin-bottom: 8px !important;
}
#blog-aside input#askEmail {
width: 100% !important;
margin-bottom: 8px !important;
}
#blog-aside input[type='email'] {
font-family: 'Open Sans', sans-serif;
width: 61.5%;
height: 30px;
padding: 5px 8px;
float: left;
letter-spacing: 1px;
background: transparent;
border: 1px solid #959595;
color: #959595;
}
#blog-aside input[type='submit']{
width: 37%;
height: 30px;
padding: 5px 8px;
font-family: 'Open Sans', sans-serif;
float: right;
letter-spacing: 1px;
background: transparent;
border: 1px solid #959595;
color: #424242;
margin-top: -20px;
margin-left: 0px;
text-align: center;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
text-transform: uppercase;
}
#blog-aside input[type='submit']:hover{
background: #959595;
border: 1px solid #959595;
color: #fff;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
#blog-aside label {
text-align: left;
display: block;
font-weight: inherit;
line-height: 1.7em;
margin-bottom: 6px;
}
#single-featured-image {
width: 100%;
height: auto;
position: relative;
}
#single-featured-image #img-tag-container {
width: 80px;
height: 160px;
position: absolute;
bottom: 31px;
right: 1px;
}
#single-featured-image #img-tag-container.strategize {
background: url(../images/icons/question-tag-s.png);
background-size: 80px 160px;
}
#single-triangle-right-bottom {
width: 0;
height: 0;
border-bottom: 80px solid #f15a22;
border-left: 65px solid transparent;
position: absolute;
right: 0;
bottom: 0;
}
#single-question-title {
width: 100%;
height: auto;
background-color: #f15a22;
color: #fff;
padding: 1em 0.5em;
margin: 0;
font-weight: 400;
font-size: 1.7em;
text-align: left;
}
#single-question-title h1{
color: #fff !important;
padding: 5px !important;
margin: 0 !important;
font-weight: 400 !important;
font-size: 1.4em !important;
text-align: left !important;
text-transform: inherit !important;
line-height: 1.2em !important;
font-style: italic !important;
letter-spacing: inherit;
}
#single-question-content {
width: 98%;
height: auto;
color: #424241;
text-align: left;
margin: 15px 10px 20px 0;
}
#single-question-social {
width: auto;
float: left;
margin-bottom: 40px;
}
#single-question-social div.juiz_sps_links {
margin: 0 !important;
}
#single-question-social p{
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
margin: 10px 0;
color: #424241;
}
#single-featured-image img{
width: 100%;
height: auto;
margin-bottom: 30px;
border: 1px solid #f15a22;
}
/* Some bug fixes for the hover effects on the blog page sensov */
#blog-container span.question-title.blogquestion-title {
height: 60px !important;
}
#blog-container li.question-border.question-borderBlog {
min-height: 287px !important;
}
#blog-container #question_hover {
margin-top: -47px;
}
/* Post Styles */
.post {
position: relative;
text-align: left;
margin-top: 50px;
padding: 0px 0px 30px 70px;
border-bottom: 1px solid #e9e9e9;
}
.post-media { position: relative; }
.post-media img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post .date {
position: absolute;
text-align: center;
width: 40px;
padding-bottom: 10px;
top: 0;
left: 0;
text-transform: uppercase;
font-size: 1.6em;
letter-spacing: 0.2em;
line-height: 0.8em;
border-bottom: 1px solid #e9e9e9;
}
.post .date small { font-size: 0.5833333333333333em; }
.post-title h2 {
padding-top: 20px;
text-transform: none;
letter-spacing: normal;
}
.post.quote .post-title h2, .post.link .post-title h2 {
font-size: 1em!important;
text-transform: uppercase;
letter-spacing: 0.20em;
padding: 0;
}
.post-title a { color: #060606!important; }
.post-meta h6, .post-meta a { color: #a4a4a3!important; }
.gallery-next, .gallery-prev { position: absolute; z-index: 100; display: block; bottom: 10px; }
.gallery-next { right: 10px; }
.gallery-prev { right: 37px; }
.gallery-next .bx-next, .gallery-prev .bx-prev {
position: static;
width: auto;
height: auto;
top: auto;
opacity: 1;
filter: alpha(opacity=100);
right: auto;
left: auto;
text-indent: -999em;
width: 22px;
height: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.gallery-next .bx-next { background: #060606 url('../images/blog/next.png') no-repeat; background-size: 22px 22px;}
.gallery-prev .bx-prev { background: #060606 url('../images/blog/prev.png') no-repeat; background-size: 22px 22px;}
/* Sidebar styles */
.widget {
text-align: left;
margin-top: 50px;
}
.search {
border: none;
float: left;
outline: none;
padding: 0px 0px 0px 10px;
width: 85%;
min-width: 150px;
height: 30px;
background: #fff;
color: #aaaaaa;
letter-spacing: 1px;
border-bottom: 2px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
-webkit-appearance: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.search-submit {
margin: 0;
padding: 0;
border: none;
float: left;
outline: none;
cursor: pointer;
width: 50px;
min-width: 27px;
height: 30px;
text-indent: -999em;
background: #fff url(../images/blog/search.png) no-repeat center center;
background-size: 16px 16px;
text-decoration: none;
-webkit-appearance: none;
border: 1px solid #e9e9e9;
border-bottom: 2px solid #e9e9e9;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.textwidget {
font-size: 0.8666666666667em;
line-height: 1.6em;
}
.cat-item, .recentcomments {
font-size: 0.8666666666667em;
padding-bottom: 8px;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
}
.cat-item a, .recentcomments a { color: #060606!important; font-weight: 400; }
.tagcloud {
text-align: justify;
}
.tagcloud .separator {
display: inline-block;
margin: 0;
}
.tagcloud a {
display: inline;
margin-right: 8px;
font-size: 0.8em;
border: none;
color: #565656;
}
.tagcloud a:hover {
color: #ee3b16 !important;
}
.tagcloud a:visited {
color: #565656;
}
.tagcloud a:visited.current-tag {
color: #ee3b16 !important;
}
.tagcloud a.current-tag {
color: #ee3b16 !important;
}
/* Define different size...*/
.tagcloud a[title="4 topics"] {
font-size: 1.2em;
}
.tagcloud a[title="3 topics"] {
font-size: 1.05em;
}
.tagcloud a[title="2 topics"] {
font-size: 0.9em;
}
.widget-archive a, .widget-recent-entries a {
color: #060606!important;
font-weight: 400;
font-size: 0.8666666666667em;
display: block;
padding-bottom: 8px;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
}
/* Comments */
#comments { text-align: left; padding-top: 50px; }
#comments-title { margin-left: 70px; border-bottom: 2px solid #e9e9e9; padding-bottom: 30px; margin-bottom: 5px; }
.comment { float: left; }
.comment-body { position: relative; margin-left: 70px; border-top: 1px solid #e9e9e9; padding-top: 30px; }
.comment-author { position: absolute; top: 30px; left: -70px;}
.comment-author img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.comment .children { margin-left: 70px; }
.fn { display: block; margin-bottom: 10px; }
.comment-meta, .comment-meta a { color: #a4a4a3!important; }
#respond { margin-left: 70px; margin-top: 50px; }
#reply-title { border-bottom: 2px solid #e9e9e9; padding-bottom: 30px; margin-bottom: 5px; }
.comment-reply-form { border-top: 1px solid #e9e9e9; }
.comment-notes { margin-top: 10px; color: #a4a4a3; }
.control-group label, .control-group .controls { display: inline-block; }
.control-group label { margin-left: 10px; font-weight: 400; }
.control-group .controls input {
margin-top: 15px;
border: none;
outline: none;
height: 35px;
background: #fff;
padding-left: 15px;
color: #a4a4a3;
text-decoration: none;
border: 1px solid #e9e9e9;
border-bottom: 2px solid #e9e9e9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.control-group .controls textarea {
margin-top: 15px;
border: none;
outline: none;
height: 180px;
background: #fff;
padding-left: 15px;
padding-top: 15px;
color: #a4a4a3;
text-decoration: none;
border: 1px solid #e9e9e9;
border-bottom: 2px solid #e9e9e9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.controls button {
border: none;
outline: none;
padding: 0;
margin: 0;
outline: none;
-webkit-appearance: none;
background: #fff;
cursor: pointer;
margin-top: 15px;
font-size: 0.8em;
text-transform: uppercase;
font-family: inherit;
padding: 10px 20px;
color: #a4a4a3;
border: 1px solid #e9e9e9;
border-bottom: 2px solid #e9e9e9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #ffffff;
}
.controls button:hover {
background: #fff;
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
/* =Slider
-------------------------------------------------------------- */
.slider-cover { width: 100%; background: #fff;}
#vegas-next, #vegas-prev {
position: absolute;
display: block;
text-indent: -999em;
width: 20px;
height: 48px;
cursor: pointer;
top: 50%;
margin-top: -24px;
}
#vegas-next:hover, #vegas-prev:hover {
opacity: .5;
filter: alpha(opacity=50);
}
#vegas-next {
right: -100px;
background: url(../images/icons/next.png) no-repeat center center;
}
#vegas-prev {
left: -100px;
background: url(../images/icons/prev.png) no-repeat center center;
}
.vegas-loading {
display: none;
}
.vegas-overlay {
background: transparent url(../images/slider/overlays/01.png);
opacity: 0.5;
z-index: -1;
}
.vegas-background {
-ms-interpolation-mode: bicubic;
image-rendering: optimizeQuality;
max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
z-index: -2;
}
.vegas-overlay,
.vegas-background {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* =Video
-------------------------------------------------------------- */
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0; z-index: -2;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:20px;padding: 0 20px;width:100%;
-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}
/* =Switcher / DEMO ONLY
-------------------------------------------------------------- */
#customizer { position: fixed; top: 64px; right: 0; z-index: 9999; height: 100%; }
.corner { display: block; cursor: pointer; width: 50px; height: 50px; background: url('../images/icons/switcher/corner.png') no-repeat; position: absolute; top: 0; right: 0; }
.cog { display: block; width: 24px; height: 24px; position: absolute; top: 5px; left: 24px; background: url('../images/icons/switcher/switcher.gif') no-repeat; }
#options {
display: none;
width: 250px;
background: #fff;
border-left: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: 30px 25px 10px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.heading { border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; margin-bottom: 20px; }
#options h6 { color: #5c5c5c; margin-bottom: 10px; }
.options-segment { margin-bottom: 20px; }
.customize-button {
display: inline-block;
margin: 0;
font-size: 12px;
color: #5c5c5c!important;
background: #f7f7f7;
border: 1px solid #e9e9e9;
padding: 3px 7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 5px;
}
.customize-button:hover { background: #fff; }
.customize-button:last-of-type { margin-right: 0px;}
.color-scheme li { float: left; }
.color-scheme a {
display: block;
height: 20px;
width: 31px;
margin: 0px 8px 10px 0px;
}
.red a { background: #ee3b16;}
.green a { background: #48cfad;}
.blue a { background: #4fc1e9;}
.pink a { background: #ec87c0;}
.yellow a { background: #ffce54;}
.jeans a { background: #5d9cec;}
.grape a { background: #ed5565;}
.grass a { background: #a0d468;}
.lavander a { background: #ac92ec;}
.gray a { background: #656d78;}
/* =Media
-------------------------------------------------------------- */
/* Large screens */
@media only screen and (min-width : 1680px) {
.bx-next { right: -250px; }
.bx-prev { left: -250px; }
#nextProject { right: -250px; }
#prevProject { left: -250px; }
.container.small { width: 55% !important; max-width: 55% !important; }
.question-border { min-height: 310px;}
#question_hover {margin-top: -47px !important;}
}
@media only screen and (max-width: 1575px) {
.question-title { padding: 0 3px !important; }
}
@media only screen and (min-width: 1500px) {
.question-border { min-height: 290px;}
}
@media only screen and (max-width: 1447px) {
.question-title { font-size: 1.1em !important; }
}
@media only screen and (max-width: 1405px) {
.date_container { float: left; margin-left: 9px; }
}
@media only screen and (min-width: 1400px) {
.question-border { min-height: 275px;}
}
@media only screen and (min-width: 1300px) {
.question-border { min-height: 260px;}
}
@media only screen and (min-width: 1200px) {
.question-border { min-height: 240px;}
}
@media only screen and (min-width: 1100px) {
.question-border { min-height: 225px;}
}
@media only screen and (min-width: 1000px) {
.question-border { min-height: 210px;}
}
@media only screen and (min-width: 900px) {
.question-border { min-height: 195px;}
}
@media only screen and (max-width: 1450px) {
#top-corner-orange { position: absolute; left: -100px; }
/*.expertise-list { position: absolute; bottom: 20.5%;}*/
.expertise-list ul li { margin-left: 25px;}
.container.small { width: 62% !important; max-width: 62% !important; }
.french-inputs { width: 35%;}
#question_hover a.see_answer {
width: 60%;
margin: 0 20%;
}
}
@media only screen and (max-width: 1350px) {
div.logo {margin-left: 18%;}
#KB-ask-form { width: 30%; }
.container.small { width: 65% !important; max-width: 65% !important; }
.french-inputs { width: 45%;}
#question_hover a.see_answer {
width: 70%;
margin: 0 15%;
}
}
@media only screen and (min-width: 1270px) and (max-width: 1650px){
.container.blogformat {
width: 77% !important;
margin-left: 3% !important;
}
#blog-aside {
width: 19% !important;
overflow: hidden;
}
}
@media only screen and (max-width: 1250px) {
.desktop.navigation .nav-content li { margin-right: 10px;}
.french-inputs { width: 55%;}
}
@media only screen and (max-width: 1190px) {
#top-corner-orange { position: absolute; left: -150px; }
div.logo {margin-left: 12%;}
.desktop.navigation .nav-content li { margin-right: 5px;}
#left-container { width: 65%; }
.container.small { width: 72% !important; max-width: 72% !important; }
.french-inputs { width: 65%;}
}
@media only screen and (max-width: 1100px) {
/*.expertise-list { position: absolute; bottom: 19%;}*/
#KB-ask-form { width: 38%;}
}
@media only screen and (max-width: 1060px) {
#top-corner-orange { display: none }
.sorting ul li:hover > ul { display: none !important; }
div.logo {margin-left: 3%;}
.container.small { width: 80% !important; max-width: 80% !important; }
.french-inputs { width: 75%;}
}
@media only screen and (max-width: 950px) {
ul#filters li {display: block !important;}
#blog-questions-search-form-container {height: 190px;}
#search-form-questions {width: 60% !important; margin-left: 19%!important; }
ul#filters li:after {content: " " !important;}
}
@media only screen and (max-width: 850px) {
/*.expertise-list { position: absolute; bottom: 19%;}*/
#KB-ask-form { width: 45%;}
}
@media only screen and (min-width: 1282px) and (max-width: 1650px) {
li.questionGrid div#question_hover {margin-top: -47px !important;}
}
/* 13 inch mac book pro */
@media only screen and (min-width: 951px) and (max-width: 1281px) {
#question_hover { margin-top: -47px !important; }
li.questionGrid div#question_hover {margin-top: -77px !important;}
a.see_answer { position: absolute; top: 58% !important;}
.container.blogformat { width: 68% !important;}
#blog-aside { width: 24.8% !important;}
li.sidebar-blog #OnetoOneExpertise { width: 80% !important; margin: 5px 10%;}
}
/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
.fade, .slide, .entrance, .hatch { opacity: 1!important; }
.ae-animation-fade, .ae-animation-slide, .ae-animation-entrance, .ae-animation-hatch { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; }
#bx-prev, #bx-next { display: none; }
#nextProject, #prevProject { display: none!important; }
.projectlist a:hover .projectinfo { background: transparent; }
.hero-video { background-size: cover; background-position: top center;}
#customizer { display: none; } /* DEMO ONLY */
/*.expertise-list { position: absolute; bottom: 17%;}*/
.container.small { width: 80% !important; max-width: 80% !important; }
}
/* Smaller than 960px */
@media only screen and (max-width: 1015px) {
.nav-button { display: block; }
.navigation { display: none !important; }
.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
.content { padding-top: 50px; }
.content.padded { padding-bottom: 50px; }
.icons .overview { width: 33.3333333333%; margin-bottom: 30px; }
.icon { cursor: pointer; }
.projectlist li { width: 50%; }
.fade, .slide, .entrance, .hatch { opacity: 1!important; }
.ae-animation-fade, .ae-animation-slide, .ae-animation-entrance, .ae-animation-hatch { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; }
#bx-prev, #bx-next { display: none; }
#bx-pager { margin-top: 20px; }
#bx-pager li { width: 50%; margin-top: 20px; }
.social-links { margin-top: 30px; }
#nextProject, #prevProject { display: none!important; }
#respond { margin-left: 0px; }
#vegas-prev, #vegas-next { display: none; }
.tooltip { cursor: pointer; }
.hero-video { background: url(../video/visia-video-poster.jpg) no-repeat; background-size: cover; background-position: top center;}
#customizer { display: none; } /* DEMO ONLY */
/*.expertise-list { position: absolute; bottom: 17%;}*/
.french-inputs { width: 75%;}
}
/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.menu-top-menu-container {display: none;}
#left-container { width: 98%;}
aside#blog-aside {display: none;}
.container.blogformat {width: 90% !important; margin-left: 5% !important;}
#question_hover {margin-top: -47px !important;}
}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
.menu-top-menu-container {display: none;}
#left-container { width: 98%;}
#left-container .baseline-top-menu: { width: 235px; margin: 0 !important;}
.icons .overview { width: 50%; }
.team-list { padding: 30px 0px 0px; }
.team-member { padding-bottom: 25px; }
#respond { padding-bottom: 50px; border-bottom: 2px solid #e9e9e9; }
.filtering li { margin-bottom: 20px; }
.value { padding-top: 35px; }
.subscribe input.submit, .subscribe input.text { width: 100%; margin-left: 0;}
.logo img {width: 110px; height: auto; margin-top: 18px;}
.nav-button {margin-right: 8%; margin-top: 3%;}
ul#expertise-container li.expertise-container div.expertise-border {border-right: inherit; border-bottom: 1px dotted #fff;}
li.result-container {border-right: inherit; border-bottom: 1px solid #f26132; padding-right: 1.1%;}
/*.expertise-list { position: absolute; bottom: 17%;}*/
.expertise-list ul li{ margin-left: 20px;}
footer { background: inherit; background-color: #ffffff; }
#expertise-learn-more-button {position: absolute; bottom: 10px;}
li.grid-logo.logoclient {border: inherit !important; }
#KB-ask-form { width: 60%;}
#askSubmit {margin-right: 30%; margin-left: 30%;}
.container.small { width: 90% !important; max-width: 90% !important; }
.french-inputs { width: 85%;}
aside#blog-aside {display: none;}
.container.blogformat.smallwidth { width: 80% !important; margin-left: 10% !important;}
.baseline-top-menu {width: auto !important;}
}
/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.project-info { border-bottom: none; }
.tooltip { width: 150%; left: 5%; margin-left: 0; }
.pull-left .tooltip { left: -55%;}
#KB-icons-container a.communicate:after, #KB-icons-container a.strategize:after, #KB-icons-container a.engage:after { font-size: 0.6em; }
}
@media only screen and (min-width: 560px) and (max-width: 767px) {
#social-likes-container {display: none}
.baseline-top-menu {width: 400px !important;}
li.questionGrid div#question_hover { margin-top: -56px !important;}
#blog-header-text {position: absolute; left:6%; top: 58%; font-size: 28px !important;}
}
@media only screen and (max-width: 560px) {
#social-likes-container {display: none;}
}
@media only screen and (min-width: 480px) and (max-width: 559px) {
#blog-header-text {position: absolute; left:6%; top: 58%; font-size: 28px !important;}
}
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
.call-to-action li { margin-right: 0px; width: 100%; }
.projectlist li { width: 100%; }
#bx-pager li { width: 100%; }
.project-info { border-bottom: none; }
.tooltip { width: 180%; left: 5%; margin-left: 0; }
.pull-left .tooltip { left: -85%;}
#KB-icons-container { height: 160px;}
#KB-icons-container a.communicate:after, #KB-icons-container a.strategize:after, #KB-icons-container a.engage:after { font-size: 0.5em; margin-bottom: 10px;}
.baseline span {font-size: 0.8em !important;}
.logo img { width: 95px !important; height: auto; margin-top: 19px !important;}
/* bug fixe for the retina display sensov logo */
img[src='http://sensov.com/wp-content/themes/sensov/images/logo@2x.png'] { margin-top: 19px!important;}
#showMobileNav {margin-top: 5.5% !important; margin-right: 9.5% !important;}
p.HPpSlider {font-size: 0.95em !important; line-height: 1.15em !important;}
.ticker h1 {font-size: 1.1em !important; width: 100%;}
.ticker {margin-top:25px ;margin-bottom: 4px !important; height: 55px;}
section > div > h2 > img { width: 90px !important; margin: -7px 4px 0 0 !important;}
section > div > div > h2 > img { width: 90px !important; margin: -7px 4px 0 0 !important;}
section > div > h2 { font-size: 0.75em !important;}
#KB-subscribe {float: left !important; margin: 0 10px 0 10px !important;}
#KB-ask {float: right !important; margin: 0px 10px !important;}
.grid-2.footergrid { width: 90% !important; border-bottom: 1px solid #fff; margin-left: 10px !important;}
ul li.grid-2.footergrid:nth-child(2) { height: 345px !important;}
#KB-subscribe-form {width: 99% !important;}
#KB-subscribe-form #mc4wp_email {width:52% !important;}
#KB-subscribe-form input[type='submit'] {width: 44% !important;}
#KB-ask-form {width: 99%;}
.grid-2.questionGrid {width: 95% !important; margin: 15px 2.5% !important;}
.question-title {height: 65px !important;}
#OnetoOneExpertise{width: 80% !important; margin-bottom: 15px !important;}
#expertise-C2A-infos {width: 99% !important;}
#blog-header-text {position: absolute; left:4%; top: 58%; font-size: 28px !important;}
#search-form-questions{margin-left: 13% !important; width: 70% !important;}
#blog-container span.question-title.blogquestion-title{height: 74px!important;}
ul#iso-loop > li {margin-right: 0!important;}
#blog-container ul li {margin-left: 0 !important;}
.container.blogformat {width: 95% !important;}
#expertise-learn-more-button {left: 43.8% !important; }
#question_hover {margin-top: -47px !important;}
#single-question-title h1 {font-size: 1.05em !important;}
.baseline-top-menu {width: 345px !important;}
}
@media all and (max-width: 343px) {
#blog-questions-search-form-container {
height: 250px;
}
}
/* Targets Retina Enabled Devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -moz-min-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.icon.right { background: url(../images/icons/right@2x.png) no-repeat center center; background-size: 26px 26px; }
.icon.ux { background: url(../images/icons/ux@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.design { background: url(../images/icons/design@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.seo { background: url(../images/icons/seo@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.social { background: url(../images/icons/social@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.tech { background: url(../images/icons/tech@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.commerce { background: url(../images/icons/commerce@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.config { background: url(../images/icons/config@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.heart { background: url(../images/icons/heart@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.coffee { background: url(../images/icons/coffee@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.portfolio { background: url(../images/icons/portfolio@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.plane { background: url(../images/icons/plane@2x.png) no-repeat top; background-size: 64px 128px; }
.icon.calculator { background: url(../images/icons/calculator@2x.png) no-repeat top; background-size: 64px 128px; }
.social-icon.small.facebook { background: url(../images/icons/facebook-small@2x.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.twitter { background: url(../images/icons/twitter-small@2x.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.google { background: url(../images/icons/google-small@2x.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.behance { background: url(../images/icons/behance-small@2x.png) no-repeat center center; background-size: 26px 26px;}
.social-icon.small.linkedin { background: url(../images/icons/linkedin-small@2x.png) no-repeat center center; background-size: 26px 26px;}
i.icon-remove { background: url(../images/icons/close@2x.png) no-repeat center center; background-size: 26px 26px;}
.bx-pager-link { background: url(../images/projects/pager@2x.png) no-repeat top center; background-size: 12px 24px; }
.bx-pager-link.active { background: url(../images/projects/pager-active@2x.png) no-repeat top center; background-size: 12px 12px; }
.gallery-next .bx-next { background: #060606 url('../images/blog/next@2x.png') no-repeat; background-size: 22px 22px;}
.gallery-prev .bx-prev { background: #060606 url('../images/blog/prev@2x.png') no-repeat; background-size: 22px 22px;}
.search-submit { background: #fff url(../images/blog/search@2x.png) no-repeat center center; background-size: 16px 16px;}
.notification.success p { background: url(../images/icons/tick@2x.png) no-repeat; background-size: 26px 26px;}
.notification.error p { background: url(../images/icons/cross@2x.png) no-repeat; background-size: 26px 26px;}
.project-gallery-next .bx-next { background: #fff url('../images/icons/project-gallery-next@2x.png') no-repeat center center; background-size: 22px 22px; }
.project-gallery-prev .bx-prev { background: #fff url('../images/icons/project-gallery-prev@2x.png') no-repeat center center; background-size: 22px 22px; }
}