/* Theme Name: Marketing Media V.2.0 Author: Marketing Media Author URI: http://marketingmedia.ca/ Version: 2.0 */ @charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Oswald:300); @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); /*font-family: 'Oswald', sans-serif;*/ * {margin:0; padding:0} body {font:100% 'Raleway', sans-serif; color:#808387; line-height: 1.5;} p, h1, h2, h3, h4, h5 {margin-bottom:10px; font-weight:normal} h1, h2, h3, h4, h5 {color: #444b4b} a {-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration:none} .clear , .Clear {clear:both} li {list-style:none} input[type="button"], input[type="submit"] {cursor:pointer} #CMScontent input[type="text"], #CMScontent input[type="email"], #CMScontent textarea {font:15px 'Raleway'; color:#999} @font-face { font-family: 'Lato_Light'; font-weight: normal; font-style: normal; src: url('Lato-Light.ttf'); src: url('Lato-Light.eot?iefix') format('eot'), url('Lato-Light.ttf') format('truetype'); } @font-face { font-family: 'Lato_Regular'; font-weight: normal; font-style: normal; src: url('Lato-Regular.ttf'); src: url('Lato-Regular.eot?iefix') format('eot'), url('Lato-Regular.ttf') format('truetype'); } @font-face { font-family: 'Lato_Bold'; font-weight: bold; font-style: normal; src: url('Lato-Bold.ttf'); src: url('Lato-Bold.eot?iefix') format('eot'), url('Lato-Bold.ttf') format('truetype'); } @font-face { font-family: 'Lato_Italic'; font-weight: bold; font-style: normal; src: url('Lato-Italic.ttf'); src: url('Lato-Italic.eot?iefix') format('eot'), url('Lato-Italic.ttf') format('truetype'); } @font-face { font-family: 'open_sansregular'; src: url('OpenSans-Regular-webfont.eot'); src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* HEADER */ .FullWrap {overflow-x: hidden; position: relative; width: 100%;} #page {position: relative; width: 100%; background: #FFF; right:0;-webkit-transition:right 0.2s ease-in-out;-moz-transition:right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out;} #header {/*height:85px;*/ height: auto; background:rgba(24,27,31,0); position:fixed; top:0; left:0; width:100%; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:100} #header.Active {background:rgba(24,27,31,.9); /*height: 55px;*/} #header #headerContainer {/*height: 55px; padding:10px 0;*/ display: flex; justify-content: space-between; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #header.Active #headerContainer {padding: 0;} .membres-del-quipe #header {background:rgba(24,27,31,0.9)} .membres-del-quipe #header.Active {background:rgba(24,27,31,0.9)} #header.Color, body.single.portfolio #header, .category-portfolio #header, .category-blogue #header, .category-blog #header, .single-post #header, .realisations #header, .search #header, .category-realisations #header, .author #header {background:rgba(24,27,31,0.9) !important} body.single.portfolio #header.Active, .category-portfolio #header.Active, .category-blogue #header.Active, .single-post #header.Active {background:rgba(24,27,31,0.9) !important} .home #header {background:rgba(24,27,31,0)} .home #header.Active {background:rgba(24,27,31,.95)} #headerContainer {width:95%; margin:0 auto} h1#logo {width:298px; height:55px; background:url(images/marketingmedia.svg) no-repeat left center; text-indent:-9000px; float:left; margin-bottom:0; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; z-index: 999;} h1#logo a {width:298px; height:100%; text-indent:-9000px; display:block;} /*Navigation*/ #Navigation {display: inline-block; position: relative; z-index: 999;} #Navigation .Lenguage {display: inline-flex; width:55px; height:55px; justify-content:center; align-items: center;} #Navigation .Lenguage a {color: #0079EB; background: transparent; border: none; font-weight: bold; display: inline-block; /*font-size: 18px;*/ padding: 10px; transition: all 0.3s linear;} #Navigation .Lenguage a:hover {color: #FFF; background: #0079EB;} #Navigation .Lenguage .wpml-ls-statics-shortcode_actions {background: transparent; border: none;} #Navigation .Lenguage li {display: inline-block;} #Navigation .Lenguage li.wpml-ls-current-language {display: none;} /*NavIcon*/ #Bars {display:inline-flex; cursor: pointer; justify-content: center; align-items: center; position: relative; z-index: 998;} #NavIcon {width: 26px; height: 18px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #Bars span {color: #FFF; font-size: 12px;} #NavIcon {/*width: 50px; height: 50px;*/ margin-left: 10px} #NavIcon span {display: block; position: absolute; height: 4px; width: 100%; background: #FFF; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} #NavIcon span:nth-child(1) { top: 0px;} #NavIcon span:nth-child(2),#NavIcon span:nth-child(3) {top: 8px;} #NavIcon span:nth-child(4) {top: 16px;} #NavIcon.open span {background: #FFFF;} #NavIcon.open span:nth-child(1) { top: 0px; width: 0%; left: 50%; opacity: 0;} #NavIcon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #NavIcon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #NavIcon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; opacity: 0;} /*Menu 2018*/ #Menu {display: none; position: fixed; width: 100%; height: 100%; justify-content: center; align-items: center; top:0; left: 0; background: rgba(24,27,31,.95); transition: all 0.5s linear; opacity: 0;} #Menu.Active {height: calc(100vh - 55px); top: 55px;} #Menu.Open {display: flex; -webkit-animation: fadeIn 0.2s linear 0.2s both; -moz-animation: fadeIn 0.2s linear 0.2s both; -o-animation: fadeIn 0.2s linear 0.2s both; -ms-animation: fadeIn 0.2s linear 0.2s both; animation: fadeIn 0.2s linear 0.2s both;} #Menu .Content {display: block; width: 80%; margin-top: -55px;} #Menu .Main ul {display: flex; justify-content: space-between; } #Menu .Main ul li {display: inline-block;} #Menu .Main ul li {-webkit-animation: moveIn 1s ease-in-out both; -moz-animation: moveIn 1s ease-in-out both; -o-animation: moveIn 1s ease-in-out both; -ms-animation: moveIn 1s ease-in-out both; animation: moveIn 1s ease-in-out both;} #Menu .Main ul li a {color: #fff; opacity: 0.6; display: block; font-size: 35px; text-align: left;} #Menu ul li a, #Menu .Main ul li a::after {transition: all 0.3s linear;} #Menu .Main ul li a::after {content:''; display: block; margin:10px 0; width: 2px; height: 2px; background: #0079EB; opacity: 0; } #Menu .Main ul li:hover a::after, #Menu .Main ul li.Open a::after {width: 50px; opacity: 1;} #Menu ul li a:hover, #Menu .Main ul li.Open a {opacity: 1;} #Menu .SubMenu > div {display: none; box-sizing: border-box; padding:20px 50px 30px; margin-top:20px; background:rgba(0, 0, 0, 0.5); -webkit-animation: moveIn 1s ease-in-out both; -moz-animation: moveIn 1s ease-in-out both; -o-animation: moveIn 1s ease-in-out both; -ms-animation: moveIn 1s ease-in-out both; animation: moveIn 1s ease-in-out both;} #Menu .SubMenu #About {width:26%; margin-left: 60%; } #Menu .SubMenu .Sub li a {color: #fff; line-height: 1.5; transition: all 0.3s linear; opacity: 0.6; display: block;} #Menu .SubMenu .Sub li a:hover {opacity: 1;} #Menu .SubMenu .Sub li {font-size: 24px; padding: 10px 0;} #Menu .SubMenu .Sub li ul li {padding: 2px 0;} #Menu .SubMenu .Sub li ul li a {font-size: 16px; opacity: 0.6;} #Menu .SubMenu #Services .Sub > li > a::after, #Menu .SubMenu #Technology .Sub > li > a::after, #Menu .SubMenu #Services .Sub > li > ul > li.menu-item-5351 a::after {content: ''; width: 20px; height: 2px; display: block; margin: 20px 0; background: #0079EB; opacity: 0.6;} #Menu .SubMenu #Technology .Sub, #Menu .SubMenu #Services .Sub {display: flex; justify-content: space-between;} #Menu .SubMenu #Technology .Sub > li, #Menu .SubMenu #Services .Sub > li {display: inline-block; padding-right: 20px;} #Menu .SubMenu #Technology .Sub li ul li, #Menu .SubMenu #Services .Sub li ul li {display: block;} #Menu .SubMenu #Services .Sub .TwoColList {column-count: 2;} #Menu .SubMenu #Services .Sub {min-height: 378px;} #Menu .SubMenu .Sub li.menu-item-5351 {margin-top:20px;} #Menu .SubMenu .Sub li.menu-item-5351 a {font-size: 24px; padding: 10px 0;} #Menu .SubMenu .Sub > li:nth-child(1) {-webkit-animation: moveIn 1s ease-in-out both; -moz-animation: moveIn 1s ease-in-out both; -o-animation: moveIn 1s ease-in-out both; -ms-animation: moveIn 1s ease-in-out both; animation: moveIn 1s ease-in-out both;} #Menu .SubMenu .Sub > li:nth-child(2) {-webkit-animation: moveIn 1.5s ease-in-out both; -moz-animation: moveIn 1.5s ease-in-out both; -o-animation: moveIn 1.5s ease-in-out both; -ms-animation: moveIn 1.5s ease-in-out both; animation: moveIn 1.5s ease-in-out both;} #Menu .SubMenu .Sub > li:nth-child(3) {-webkit-animation: moveIn 2s ease-in-out both; -moz-animation: moveIn 2s ease-in-out both; -o-animation: moveIn 2s ease-in-out both; -ms-animation: moveIn 2s ease-in-out both; animation: moveIn 2s ease-in-out both;} #Menu .SubMenu .Sub > li:nth-child(4) {-webkit-animation: moveIn 2.5s ease-in-out both; -moz-animation: moveIn 2.5s ease-in-out both; -o-animation: moveIn 2.5s ease-in-out both; -ms-animation: moveIn 2.5s ease-in-out both; animation: moveIn 2.5s ease-in-out both;} #Menu .SubMenu .Sub > li:nth-child(5) {-webkit-animation: moveIn 3s ease-in-out both; -moz-animation: moveIn 3s ease-in-out both; -o-animation: moveIn 3s ease-in-out both; -ms-animation: moveIn 3s ease-in-out both; animation: moveIn 3s ease-in-out both;} #Menu .SubMenu .Sub > li:nth-child(6) {-webkit-animation: moveIn 3.5s ease-in-out both; -moz-animation: moveIn 3.5s ease-in-out both; -o-animation: moveIn 3.5s ease-in-out both; -ms-animation: moveIn 3.5s ease-in-out both; animation: moveIn 3.5s ease-in-out both;} #Menu .Social {display: block; position: absolute; bottom: 15px; width: 100%; text-align: center;} #Menu .Social > div {display: inline-block;} #Menu .Social a {display: inline-block; width: 40px; height: 40px; margin: 0 5px; border:1px solid #FFF; border-radius: 50%; overflow: hidden; opacity: 0.3; transition: all 0.3s linear;} #Menu .Social a:hover {opacity: 1; transform: translateY(-10px);} #Menu .Social a img {width: 100%; height: auto;} @-webkit-keyframes moveIn{ 0% {-webkit-transform: translateY(40px); opacity: 0;} 100% {-webkit-transform: translateY(0px); opacity: 1;} } @-moz-keyframes moveIn{ 0% {-moz-transform: translateY(40px); opacity: 0;} 100% {-moz-transform: translateY(0px); opacity: 1;} } @-o-keyframes moveIn{ 0% {-o-transform: translateY(40px); opacity: 0;} 100% {-o-transform: translateY(0px); opacity: 1;} } @-ms-keyframes moveIn{ 0% {-ms-transform: translateY(40px); opacity: 0;} 100% {-ms-transform: translateY(0px); opacity: 1;} } @keyframes momoveInvmoveIneUp{ 0% {transform: translateY(40px); opacity: 0;} 100% {transform: translateY(0px); opacity: 1;} } /*Responsive Menu*/ .ResponsiveMenu .menu-mainmenu_en-container, .ResponsiveMenu .menu-mainmenu_fr-container {margin-bottom: 90px;} .ResponsiveMenuIcon { display:none; visibility:hidden; cursor: pointer; color: #FFF; line-height: 45px; z-index: 999; /*top: 16px;*/top:64px; display: block; position: fixed; width: 45px; height: 45px; right: 0; font-size: 20px; background: rgba(24,27,31,0); -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .ResponsiveMenuIcon.Active {/*top:7px;*/} .ResponsiveMenuIcon.Open {right: 250px; background: rgba(24,27,31,1);} .ResponsiveMenu { display:none; visibility:hidden; right: -250px; background: rgba(24,27,31,1); height: 100%; width: 210px; padding: 0 20px; position: fixed; z-index:999; overflow: auto; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #page.Open, #page.Open #header {right: 250px;} .ResponsiveMenu.Open {right: 0} .nav-menu-resp { margin-top: 22px; } .nav-menu-resp li {line-height: 25px;} .nav-menu-resp li a {color: #FFF; display: block; text-transform: uppercase; font-weight: 700; margin-top: 15px} .nav-menu-resp li ul {margin-top: 5px;} .nav-menu-resp li ul li ul {margin-bottom: 15px;} .nav-menu-resp li ul li a {color: #808388; font-weight: normal; text-transform: initial; margin-top: 0; font-size: 14px; display:inline-block; margin: 5px 0;} .nav-menu-resp li ul li ul li a {color:#f2f2f2; font-size:12px; padding-left:10px} .nav-menu-resp .sub-menu li.menu-item-has-children {background:url(images/openThird.png) no-repeat 185px 10px} /* GENERAL */ #wrapper {width:1170px; margin:0 auto} .entry-content h2 {font-size: 35px !important; font-weight: bold;} .entry-content p {line-height: 150%;} .entry-content a {background:#008AFF; padding:0 40px; height:38px; line-height:38px; font-size:15px; text-transform:uppercase; color:#fff; display:inline-block; margin-top: 10px; border-radius: 2px;} .entry-content ul {display: block; margin: 20px 0;} .entry-content ul li {display: block; margin: 0 0 10px 0; padding: 0 0 0 25px; background: url(images/vin.png) 13px 8px no-repeat;} .home #wrapper, #specialitesInclude {padding-top:120px; width:100%; background:url(images/homeBrandsBG.jpg) no-repeat center center; background-size:cover; height:495px} /* HOME */ #godown {position:absolute; bottom:50px; left:50%; margin-left:-25px; background:url(images/goDownArrow.png) no-repeat left top; width:50px; height:25px; z-index:5; cursor:pointer} #godown a {width:100%; height:100%; display:block} #homeTopBanner {width:100%; position:relative; overflow:hidden; z-index: 0; background: rgb(24,27,31);} .Spaceload .slides-control {z-index:8} .slides-container li {background-size:cover; background-position:center center} /* #homeTopBanner .parallax-1, .slides-container li:nth-child(1) {background-image:url(images/slider01.jpg)} #homeTopBanner .parallax-3, .slides-container li:nth-child(2) {background-image:url(images/slide02.jpg)} #homeTopBanner .parallax-4, .slides-container li:nth-child(3) {background-image:url(images/slide03.jpg)} #homeTopBanner .parallax-5, .slides-container li:nth-child(4) {background-image:url(images/slide04.jpg)} #homeTopBanner .parallax-6, .slides-container li:nth-child(5) {background-image:url(images/slide05.jpg)} */ #topBannerContainer {max-width:1170px; width:100%; height:100%; margin:0 auto; position:relative} .slides-container li img {display:none} .homeBannerContent {position:absolute; top:25%; left:0; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align:center; width:100%} .parallax-6 .homeBannerImage {top:133px} #homeTopBanner h2 {font-weight:normal; color:#fff; font-size:25px; margin-bottom:10px; line-height: 100%} #homeTopBanner h3 {color:#fff; font-size:55px; margin-bottom:0px; font-weight: 800; line-height: 100% } #homeTopBanner p {font-size:18px; color:#fff; margin:0 auto 10px; line-height: 130%; max-width: 850px;} .takeALook {margin-top:40px; font-weight:500; font-size:20px; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} .takeALook a {color:#fff; padding:0 30px; height:50px; line-height:50px; display:inline-block; text-align:center; font-size:15px; background:#008eff; border-radius:4px} /**/ .homeSlide .parallax {height:inherit} /*Slider 2015 Carl Edition*/ .sl-slide-inner:after { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .sl-slide-inner:after { content: ''; background: transparent url(images/screen.png) repeat top left; } /*NEW SLIDER 2016 */ .sl-slider-wrapper { width: 100%; height: 100%; top: 0; left: 0; position: absolute; overflow: hidden; } .sl-slider { position: absolute; top: 0; left: 0; } /* Slide wrapper and slides */ .sl-slide, .sl-slides-wrapper, .sl-slide-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .sl-slide { z-index: 1; } /* The duplicate parts/slices */ .sl-content-slice { overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; } /* Horizontal slice */ .sl-slide-horizontal .sl-content-slice { width: 100%; height: 50%; left: -200px; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } .sl-slide-horizontal .sl-content-slice:first-child { top: -200px; padding: 200px 200px 0px 200px; } .sl-slide-horizontal .sl-content-slice:nth-child(2) { top: 50%; padding: 0px 200px 200px 200px; } /* Vertical slice */ .sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1); } .sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 200px 0px 200px 200px; } .sl-slide-vertical .sl-content-slice:nth-child(2) { left: 50%; padding: 200px 200px 200px 0px; } /* Content wrapper */ /* Width and height is set dynamically */ .sl-content-wrapper { position: absolute; } .sl-content { width: 100%; height: 100%; } /* Default styles for background colors */ .sl-slide-horizontal .sl-slide-inner { background: #ddd; } .sl-slide-vertical .sl-slide-inner { background: #ccc; } /* Custom navigation arrows */ .nav-arrows span { position: absolute; z-index: 2000; top: 50%; width: 40px; height: 40px; border: 2px solid #FFF; border: 2px solid rgba(250,250,250,0.5); text-indent: -90000px; margin-top: -40px; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-arrows span:hover { border-color: rgba(250,250,250,0.9); } .nav-arrows span.nav-arrow-prev { left: 5%; border-right: none; border-top: none; } .nav-arrows span.nav-arrow-next { right: 5%; border-left: none; border-bottom: none; } .bg-1 .sl-slide-inner, .bg-1 .sl-content-slice {background: url(images/banners/ecommerce.jpg) center no-repeat; background-size: cover;} .bg-2 .sl-slide-inner, .bg-2 .sl-content-slice {background: url(images/banners/support.jpg) center no-repeat; background-size: cover;} .bg-3 .sl-slide-inner, .bg-3 .sl-content-slice {background: url(images/banners/seo.jpg) center no-repeat; background-size: cover; } .bg-4 .sl-slide-inner, .bg-4 .sl-content-slice {background: url(images/banners/apps.jpg) center no-repeat; background-size: cover; } .bg-5 .sl-slide-inner, .bg-5 .sl-content-slice {background: url(images/banners/inbound.jpg) center no-repeat; background-size: cover; } /* Slider Animations */ .module .IconSlider { -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both; } .module h2, .module h3{ -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both; } .module p, .module .HomeLine { -webkit-animation: fadeIn 1s linear 1s both; -moz-animation: fadeIn 1s linear 1s both; -o-animation: fadeIn 1s linear 1s both; -ms-animation: fadeIn 1s linear 1s both; animation: fadeIn 1s linear 1s both; } .sl-trans-back-elems .IconSlider{ -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; } .sl-trans-back-elems h2, .sl-trans-back-elems h3{ -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; } .sl-trans-back-elems p, .sl-trans-back-elems .HomeLine{ -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both; } @-webkit-keyframes roll{ 0% {-webkit-transform: translateX(0px) rotate(360deg);} 100% {-webkit-transform: translateX(0px) rotate(0deg);} } @-moz-keyframes roll{ 0% {-moz-transform: translateX(0px) rotate(360deg); opacity: 0;} 100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-o-keyframes roll{ 0% {-o-transform: translateX(0px) rotate(360deg); opacity: 0;} 100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-ms-keyframes roll{ 0% {-ms-transform: translateX(0px) rotate(360deg); opacity: 0;} 100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;} } @keyframes roll{ 0% {transform: translateX(0px) rotate(360deg); opacity: 0;} 100% {transform: translateX(0px) rotate(0deg); opacity: 1;} } @-webkit-keyframes moveUp{ 0% {-webkit-transform: translateY(40px);} 100% {-webkit-transform: translateY(0px);} } @-moz-keyframes moveUp{ 0% {-moz-transform: translateY(40px);} 100% {-moz-transform: translateY(0px);} } @-o-keyframes moveUp{ 0% {-o-transform: translateY(40px);} 100% {-o-transform: translateY(0px);} } @-ms-keyframes moveUp{ 0% {-ms-transform: translateY(40px);} 100% {-ms-transform: translateY(0px);} } @keyframes moveUp{ 0% {transform: translateY(40px);} 100% {transform: translateY(0px);} } @-webkit-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes scaleDown{ 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.5);} } @-moz-keyframes scaleDown{ 0% {-moz-transform: scale(1);} 100% {-moz-transform: scale(0.5);} } @-o-keyframes scaleDown{ 0% {-o-transform: scale(1);} 100% {-o-transform: scale(0.5);} } @-ms-keyframes scaleDown{ 0% {-ms-transform: scale(1);} 100% {-ms-transform: scale(0.5);} } @keyframes scaleDown{ 0% {transform: scale(1);} 100% {transform: scale(0.5);} } @-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } /*END SLIDER 2016*/ /*Slider Contents*/ .dim-wrap {background: #181b1f;} #Trims .module { position: absolute; width: 100%; top: 25%; z-index: 9999} #Trims .module .container {width: 100%; max-width: 1170px; margin:0 auto; color: #FFF; text-align: center;} #Trims .module .container .IconSlider {width: 62px; height: 70px; margin: 0 auto 15px; background-position: center center; background-repeat: no-repeat; opacity: 0;} .IconS {background-image: url(images/banners/icon1.png);} .IconS1 {background-image: url(images/banners/icon2.png);} .IconS2 {background-image: url(images/banners/icon3.png);} .IconS3 {background-image: url(images/banners/icon4.png);} #Trims .module .container .HomeLine {width: 370px; height: 2px; background: #FFF; margin: 10px auto;} /**/ #homeTrust {margin:90px auto 0; width:100%; max-width:1170px; background:url(images/homeTablet.jpg) no-repeat right bottom; min-height:600px} #homeTrust h2 {font-size:25px; margin-bottom:0; text-align:center; font-weight:700} #homeTrust h3 {font-size:38px; color:#008aff; margin-bottom:60px; text-align:center} #homeTrust p {max-width:525px; font-size:17px; line-height: 28px} #homeTrust h4 {max-width:525px; font-size:26px; margin-bottom:25px; margin-top:50px; font-weight:700} #homeTrust ul {max-width:525px; font-size:17px} #homeTrust ul li {background: url(images/vin.png) 13px 8px no-repeat; padding: 0 0 10px 25px; } #homeWorks {background:url(images/homeRealisationsBG.jpg) no-repeat center center; background-size:cover} #homeWorksContent {width:100%; max-width:1170px; margin:0 auto; padding:70px 0} #homeWorksContent h2 {font-size:40px; font-weight:800; color:#fff; text-align:center; margin-bottom:40px; background:url(images/homeProjectsTitleBG.png) no-repeat center 15px; line-height:27px} #homeWorksContent h2 span {font-size:18px; font-weight:normal; color:#d3d4d5} #homeWorks #homeWorksContent .bigPortfolio, #homeWorks #homeWorksContent .smallPortfolio {width:370px; height:280px; float:left; clear:none; background-size:cover; background-position:center center} #homeWorks #homeWorksContent .bigPortfolio a, #homeWorks #homeWorksContent .smallPortfolio a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 20; } #homeWorks #homeWorksContent .smallPortfolio .logo, #homeWorks #homeWorksContent .bigPortfolio .logo { display: block; height: 280px; margin: 0 auto; position: relative; text-align: center; width: 370px; z-index: 11; } #homeWorks #homeWorksContent .smallPortfolio .logo table, #homeWorks #homeWorksContent .bigPortfolio .logo table {width:100%; height:100%} #homeWorks #homeWorksContent .smallPortfolio .logo span, #homeWorks #homeWorksContent .bigPortfolio .logo span { display: table-cell; height: 280px; vertical-align: middle; width: 370px; } #homeWorks #homeWorksContent .smallPortfolio .logo img, #homeWorks #homeWorksContent .bigPortfolio .logo img { max-height: 170px; max-width: 280px; } #homeWorksContent > div {margin-right:30px; margin-bottom:30px} #homeWorksContent > div:nth-child(4), #homeWorksContent > div:nth-child(7) {margin-right:0px} #homeWorksContent #Timberblock {background:url(images/timberblock_o.jpg) no-repeat center center; background-size:cover} #homeWorksContent #fromages {background:url(images/fromagescda_o.jpg) no-repeat center center; background-size:cover} #homeWorksContent #proteinco {background:url(images/proteinco_o.jpg) no-repeat center center; background-size:cover} #homeWorksContent #tranClimatisation {background:url(images/tran_o.jpg) no-repeat center center; background-size:cover} #homeWorksContent #miguelAntoine {background:url(images/miguelantoine_o.jpg) no-repeat center center; background-size:cover} #homeWorksContent #winenz {background:url(images/winenz_o.jpg) no-repeat center center; background-size:cover} #homeWorksContent #bdprint {background:url(images/portfolio/bdprint-o.jpg) no-repeat center center; background-size:cover} #visitPortfolio {text-align:center} #visitPortfolio a {display:inline-block; text-align:center; height:50px; line-height:50px; padding:0 20px; border:solid 1px #fff; border-radius:4px; color:#fff; margin-top:24px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out} #visitPortfolio a:hover {border:solid 1px #fff; color:#000; background:#fff} /*best technologies*/ #bestTechnologies {padding:100px 0; width:100%; background:url(images/homeBrandsBG.jpg) no-repeat center center; background-size:cover; /*height:499px;*/ box-sizing:border-box; text-align:center} #bestTechnologiesContainer {width:100%; max-width:1170px; margin:0 auto} #bestTechnologiesContainer img {display:inline-block;} #bestTechnologiesContainer #brandsRow1 {margin-bottom:50px} #bestTechnologiesContainer #brandsRow1 li:last-child img, #bestTechnologiesContainer #brandsRow1 li:last-child img {margin-right:0} #bestTechnologiesContainer h2 {padding-bottom:30px; font-size:40px; font-weight:800; margin-bottom:60px; background:url(images/technologyBottomTitleDeco.png) no-repeat center bottom; color:#444b4d; text-transform:uppercase} .technoBrands {display: block; text-align: center;} .technoBrands a {display: inline-block; padding: 10px; vertical-align: top; width: 19%; box-sizing: border-box; background: rgba(255,255,255,0); -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} .technoBrands a:hover {background: rgba(255,255,255,1);} .technoBrands a img {width: 100%; height: auto;} /* specialitesBlocks */ #specialitesHomeBlock {margin:0 auto 120px; width:100%; max-width:1170px} #specialitesHomeBlock h2 {margin:0 0 60px; font-size:40px; font-weight:800; text-align:center; text-transform:uppercase; background:url(images/bg-title-home.png) no-repeat center center} #specialitesHomeBlock h2 span{font-weight:800} .specialitesBlock {text-align:center; box-sizing:border-box; width:25%; padding:0 20px; float:left} .specialitesBlock h3 {margin-bottom:25px; font-size:21px; font-weight:700; text-transform:uppercase} .specialitesBlock p {font-size:17px; color:#808388} #specialitesHomeBlock .specialitesBlock h3 {font-size:25px; color:#444b4d; font-weight:400} #specialitesHomeBlock .specialitesBlock h3 a {display:block; padding-top:155px; color:#444b4d} .specialitesBlock:nth-child(2) h3 {background:url(images/homeStrategyICN.png) no-repeat center top} .specialitesBlock:nth-child(3) h3 {background:url(images/homeConceptionICN.png) no-repeat center top} .specialitesBlock:nth-child(4) h3 {background:url(images/homeCartICN.png) no-repeat center top;} .specialitesBlock:nth-child(5) h3 {background:url(images/homeMarketingICN.png) no-repeat center top} /* realisations */ #homeRealisations .parallax-2 {background-image:url(images/realisationsHomeBlockBG.jpg); height:533px} #homeRealisations {height:533px; margin-bottom:120px; position:relative} #realisationsContainer {width:1170px; margin:0 auto; text-align:center; padding-top:60px} #realisationsContainer h2 {color:#008AFF; font-size:40px; font-weight:700; margin-bottom:0} #realisationsContainer p {margin-bottom:40px; font-size:18px; color:#fff} #realisationsContainer .entry {background:#fff; width:270px; height:200px; display:inline-block; margin:0 10px; opacity:.7; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} #realisationsContainer .entry:hover {opacity:1} #realisationsContainer .entry:nth-child(3) {margin-left:0} #realisationsContainer .entry:nth-child(6) {margin-right:0} .realisationsBanner {height:533px !important; overflow:hidden} .checkPortafolio {height:60px; line-height:60px; border:solid 1px #fff; margin-top:40px; display:inline-block} .checkPortafolio a {color:#fff; background:rgba(255, 255, 255, 0); display:block; padding:0 40px} .checkPortafolio a:hover {color:#008AFF; background:rgba(255, 255, 255, 1)} /* WRAPPER 2 */ #wrapper2 {width:1170px; margin:0 auto 60px} .post-37 #wrapper2,.post-1284 #wrapper2 {margin-top:60px} #wrapper2 h2 {font-size:40px; text-align:center; margin-bottom:0} .home #wrapper2 .entry-header {display:none; visibility:hidden} #wrapper2 h3 {font-size:40px; text-align:center; font-weight:700; color:#008AFF; margin-bottom:30px} #wrapper2 h4 {font-size:30px; margin-top:40px} #wrapper2 .content {width:625px; float:left; padding-top:20px} #wrapper2 .image {width:540px; height:360px; float:right} /* HOME ECOMMERCE */ #homeEcommerce {background:#f4f6fa; height:940px; background:url(images/homeEcommerceBG.jpg) repeat-x left top} #homeEcommerce #ecommerceContainer {max-width:1170px; width:100%; margin:0 auto; height:940px; background:url(images/homeEcommerce.jpg) no-repeat center top} /*#homeEcommerce .content {}*/ #homeEcommerce .content h2 {font-size:40px; font-weight:800; text-transform:uppercase; padding-top:70px; margin-bottom:30px; text-align:center} #homeEcommerce .content h2 span {color:#008AFF} #homeEcommerce .content p {font-size:17px; color:#808388; text-align:center} #homeEcommerce .image {width:375px; height:306px; float:left; margin-left:90px; margin-top:60px} /* EQUIPE */ #equipeHome {text-align:center; background:url(images/contactHomeBG.png) repeat-x center bottom; margin-bottom:135px; position:relative; margin-top:70px} #equipeHome h2 {font-size:40px; color:#008AFF; font-weight:700; margin-bottom:20px} #equipeHome p {font-size:17px} #equipeHome .photoContainer {width:230px; height:230px; background:#fff; padding:20px; border-radius:1000px; overflow:hidden; margin:0 auto; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom:30px} #equipeHome .photoContainer:hover {background:#008AFF} #equipeHome .photo {width:100%; height:100%; background:#000; border-radius:300px; overflow:hidden} #equipeHome .photo a {width:100%; height:100%; display:block} #owl-demo {max-width:1170px; width:90%; margin:0 auto; overflow:hidden; height:415px; margin-top:20px} .owl-item {float:left; width:25%} .owl-item h3 {font-size:27px; font-weight:700; color:#3692ff} .owl-item h3 a {color:#3692ff} #equipeHome .owl-item p {font:15px 'Lato_Italic'; color:#8f9394} .owl-prev {position:absolute} .owl-next {position:absolute} .equipeButtons {position:absolute; bottom:-26px; left:50%; margin-left:-215px} .equipeButtons a {display:inline-block; width:200px; height:52px; background:#008AFF; font-size:20px; color:#fff; line-height:52px; margin:0 15px; border-radius:4px} .owl-prev {background:url(images/prevPeople.png) no-repeat left top; width:46px; height:46px; position:absolute; top:48%; left:5%; text-indent:-9000px; overflow:hidden; cursor:pointer} .owl-next {background:url(images/nextPeople.png) no-repeat left top; width:46px; height:46px; position:absolute; top:48%; right:5%; text-indent:-9000px; overflow:hidden; cursor:pointer} /* HOME WARRANTY */ #homeWarranty {height:384px; background:url(images/homeWarrantyBG.jpg) no-repeat left top; background-size:cover} #warrantyContainer {width:90%; max-width:1170px; margin:0 auto; text-align:center} #warrantyContainer h2 {font-size:40px; color:#fff; font-weight:800; padding-top:40px; margin-bottom:50px} #warrantyContainer .item {width:33%; float:left; box-sizing:border-box; padding:0 50px} #warrantyContainer .item:nth-child(2) {background:url(images/experienceICN.png) no-repeat center top; padding-top:115px} #warrantyContainer .item:nth-child(3) {background:url(images/priceICN.png) no-repeat center 10px; padding-top:115px} #warrantyContainer .item:nth-child(4) {border-right:0 none; background:url(images/innovateICN.png) no-repeat center top; padding-top:115px} #warrantyContainer .item h3 {font-size:20px; font-weight:800; color:#fff; text-transform:uppercase} #warrantyContainer .item p {color:#003fb9; font-size:15px} /* PAGE */ #pageTopBanner {height:555px; position:relative; /*margin-top:85px*/} #pageTopBanner section {padding-top:82px} .topBannerContainer {position:absolute} .parallax { background-position: center center; background-repeat: no-repeat; background-attachment: fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #pageTopBanner .parallax {background-image:url(images/carriereBanner.jpg)} #pageTopBanner .TopPage {position: relative; z-index: 1} #pageTopBanner .TopPage .container {width:100%; max-width:1170px; margin:0 auto; color:#fff; position: relative; z-index: 99} #pageTopBanner .TopPage h2 {font-size:40px; font-weight:800; padding-top:130px; text-align:center; margin-bottom: 0px; color: #FFF;} .page-id-33 #pageTopBanner .TopPage h2 {padding-top:100px} #pageTopBanner .TopPage h3 {font-size:35px; font-weight:normal; text-align:center; margin-bottom:10px; color: #FFF;} #pageTopBanner .TopPage p {font-size:17px; text-align:center; line-height: 25px;} .Screen {position: absolute; width: 100%; height: 100%; z-index: 2; background: url(images/screen.png) top left repeat; top:0; left: 0;} /*#blueText {}*/ #blueText .parallax-2 {font-size:30px; line-height: 180%; color:#fff; background-image:url(images/carriereBlueTextBG.png); height:auto; padding-bottom: 50px; background-size: cover; background-attachment: fixed;} #blueText .parallax-2 .container {width:100%; max-width:1170px; margin:0 auto; padding-top:90px; text-align:center} #blueText a {color:#fff; font-size:23px; height:64px; line-height:64px; padding:0 40px; border:solid 2px #fff; display:inline-block; margin-top:50px} /*about*/ .page-template-aboutPage #wrapper {width:100%; max-width:100%} .page-template-aboutPage #specialitesHomeBlock {margin:0 auto 120px; max-width:1170px} /*carriere*/ .page-template-default.page-id-37 #wrapper, .page-template-default.page-id-1284 #wrapper {width:100%} .page-template-default.page-id-37 #wrapper .entry-header, .page-template-default.page-id-1284 #wrapper .entry-header {display:none} .page-template-default.page-id-37 #wrapper h1, .page-template-aboutPage.page-id-31 #wrapper h1, .page.page-id-1284 #wrapper h1, .page.page-id-1271 #wrapper h2 {margin:0 0 90px; text-align:center; font-weight:700; font-size:60px !important; color:#444b4d} .page-why-marketing-media #wrapper h1 {margin-top:90px} .page-pourquoi-marketing-media .entry-content h1, .page-why-marketing-media .entry-content h2 {margin-top:90px !important} .page-template-aboutPage.page-id-31 #wrapper h1.entry-title, .page-template-aboutPage.page-id-1271 #wrapper .entry-header h2.entry-title, .page-template-aboutPage.page-id-31 #wrapper .entry-header h2.entry-title {display:none; visibility:hidden} .page-template-default.page-id-37 #wrapper2 h2, .page-template-default.page-id-1284 #wrapper2 h2 {font-size:45px; font-weight:700; margin-bottom:35px} .page-template-default.page-id-37 #wrapper2 h3, .page-template-default.page-id-1284 #wrapper2 h3{font-size:29px; color:#444b4d} .page-template-default.page-id-37 #wrapper2 p, .page-template-default.page-id-1284 #wrapper2 p {font-size:17px; text-align:center} .Accordion {overflow:hidden; outline:0} .AccordionPanel {margin:0px; padding:0px; padding:20px 0; border-top:solid 1px #d5d6d7; background:url(images/openAccordion.png) no-repeat right 18px} .AccordionPanel:last-child {border-bottom:solid 1px #d5d6d7} .AccordionPanelTab {margin:0px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; font-size:17px; color:#008AFF} .AccordionPanelContent {overflow:auto; margin:0px; padding:0px; height:auto} .AccordionPanelOpen {background:url(images/cloreAccordion.png) no-repeat right 18px} /*.AccordionPanelTabHover {}*/ /*.AccordionPanelOpen .AccordionPanelTabHover {} .AccordionFocused .AccordionPanelTab {} .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {}*/ #cvForm {background:#f4f6fa; margin-top:120px; border-top:solid 1px #d5d6d7; padding-top:60px} #cvForm .content {width:100%; max-width:1170px; margin:0 auto} #cvForm h2 {margin-bottom:35px; font-size:40px} #cvForm h2 span {font-weight:700; color:#008AFF} .page-id-37 .wpcf7-form {background:#f4f6fa; padding:40px 0; font-size:17px; margin-top:30px; width:770px} .page-id-37 .wpcf7-form p.entry {float:left; width:340px} .page-id-37 .wpcf7-form p.entry.right {float:right; width:340px} .page-id-37 .wpcf7-form input[type="text"], .page-id-37 .wpcf7-form input[type="email"] {width:340px; height:40px; border:solid 1px #d5d6d7; box-sizing:border-box; padding-left:40px; margin-top:10px} .page-id-37 .wpcf7-form input[type="submit"] {height:38px; background:#008AFF; padding:0 30px; border-radius:3px; font-family:'Raleway'; font-size:15px; font-weight:800; color:#fff; cursor:pointer; border:0 none; text-align:center; text-transform:uppercase} .page-id-37 .wpcf7-form p {margin-bottom:30px} .page-id-37 .wpcf7-form textarea {width:770px; height:160px; border:solid 1px #d5d6d7; box-sizing:border-box; padding-left:40px; margin-top:10px} #cvForm .your-name input[type="text"] {background:#fff url(images/form_nameICN.png) no-repeat 10px center !important; padding-left:33px !important} #cvForm .your-email input[type="email"] {background:#fff url(images/form_mailICN.png) no-repeat 10px center !important; padding-left:33px !important} #cvForm .your-message textarea {background:#fff url(images/fotm_subjectICN.png) no-repeat 10px 7px !important; padding-left:33px !important} #cvForm {background:#f4f6fa; margin-top:120px; border-top:solid 1px #d5d6d7; padding-top:60px} #cvForm .content {width:100%; max-width:1170px; margin:0 auto} #cvForm h2 {margin-bottom:35px; font-size:40px} #cvForm h2 span {font-weight:700; color:#008AFF} .page-id-1284 .wpcf7-form {background:#f4f6fa; padding:40px 0; font-size:17px; margin-top:30px; width:770px} .page-id-1284 .wpcf7-form p.entry {float:left; width:340px} .page-id-1284 .wpcf7-form p.entry.right {float:right; width:340px} .page-id-1284 .wpcf7-form input[type="text"], .page-id-1284 .wpcf7-form input[type="email"] {width:340px; height:40px; border:solid 1px #d5d6d7; box-sizing:border-box; padding-left:40px; margin-top:10px} .page-id-1284 .wpcf7-form input[type="submit"] {height:38px; background:#008AFF; padding:0 30px; border-radius:3px; font-family:'Raleway'; font-size:15px; font-weight:800; color:#fff; cursor:pointer; border:0 none; text-align:center; text-transform:uppercase} .page-id-1284 .wpcf7-form p {margin-bottom:30px} .page-id-1284 .wpcf7-form textarea {width:770px; height:160px; border:solid 1px #d5d6d7; box-sizing:border-box; padding-left:40px; margin-top:10px} /* TEAM */ .page-template-equipePage-php #wrapper .entry-header {display:none} .page-template-equipePage-php #wrapper .entry-content {padding:90px 0} .page-template-equipePage-php #wrapper .entry-content h1 {text-align:center; font-size:40px; font-weight: bold;} .page-template-equipePage-php #wrapper .entry-content p {text-align:center; font-size:17px; line-height: 170%;} .page-template-equipePage-php #equipeFoot, .page-template-aboutPage #equipeFoot, #equipeFoot {text-align:center; margin:160px 0 0} .page-template-equipePage-php #equipeFoot p, .page-template-aboutPage #equipeFoot p, #equipeFoot p {font-weight:300; font-size:30px; color:#fff; margin:0 0 60px; padding-top:90px; line-height: 120%;} .page-template-equipePage-php #equipeFoot p.equipeFootLink, .page-template-aboutPage #equipeFoot p.equipeFootLink, #equipeFoot p.equipeFootLink {margin:0; padding:0} .page-template-equipePage-php #equipeFoot p.equipeFootLink a, .page-template-aboutPage #equipeFoot p.equipeFootLink a, #equipeFoot p.equipeFootLink a {font-weight:400; font-size:18px; display:inline-block; height:60px; line-height:60px; padding:0 30px; color:#fff; border:solid 1px #fff; border-radius: 3px;} .page-template-equipePage-php #equipeFoot p.equipeFootLink a:hover, .page-template-aboutPage #equipeFoot p.equipeFootLink a:hover, #equipeFoot p.equipeFootLink a:hover{color:#000; background:#fff} #equipeFoot {background:url(images/footTeamBG.jpg); height:362px; background-attachment: fixed; background-position:center center; background-repeat:no-repeat; background-size:cover} #membersComplete {width:100%; max-width:1170px; margin:0 auto; text-align:center} #membersComplete .photoContainer {width:230px; height:230px; background:#fff; padding:20px; border-radius:1000px; overflow:hidden; margin:0 auto; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom:5px} #membersComplete .photoContainer:hover {background:#008AFF} #membersComplete .photo {width:100%; height:100%; background:#000; border-radius:300px; overflow:hidden} #membersComplete .photo a {display:block; width:100%; height:100%} #membersComplete .person {display:inline-block; width:24%; text-align:center; margin-bottom:15px} #membersComplete .person h3 {font-size:17px; font-weight:700; color:#3692ff} #membersComplete .person h3 a {color:#3692ff} #membersComplete .person p {font:15px 'Lato_Italic'; color:#8f9394} /* TEAM SINGLE */ #personHeader {height:825px; background:url(images/personBG.png) no-repeat center 430px; background-attachment:fixed; background-size:100% auto; position:relative; text-align:center; margin-top:85px} .post-christian-fillion #personHeader {height:825px; background:url(images/backs/christian.jpg) no-repeat center center; background-size:cover} .post-benj-thibeault #personHeader {height:825px; background:url(images/backs/benj.jpg) no-repeat center center; background-size:cover} .post-carl #personHeader {height:825px; background:url(images/backs/carl.jpg) no-repeat center center; background-size:cover} .post-izaak #personHeader {height:825px; background:url(images/backs/izak.jpg) no-repeat center center; background-size:cover} .post-christian #personHeader {height:825px; background:url(images/backs/isai.jpg) no-repeat center center; background-size:cover} .post-karl #personHeader {height:825px; background:url(images/backs/karl.jpg) no-repeat center center; background-size:cover} .post-maxim #personHeader {height:825px; background:url(images/backs/maxim.jpg) no-repeat center center; background-size:cover} .post-laurence #personHeader {height:825px; background:url(images/backs/laurence.jpg) no-repeat center center; background-size:cover} .post-james #personHeader {height:825px; background:url(images/backs/james.jpg) no-repeat center center; background-size:cover} .post-pascal #personHeader {height:825px; background:url(images/backs/pascal.jpg) no-repeat center center; background-size:cover} .post-veronique #personHeader {height:825px; background:url(images/backs/veronique.jpg) no-repeat center center; background-size:cover} .post-jean-remy-roussel #personHeader {height:825px; background:url(images/backs/jean-remy.jpg) no-repeat center center; background-size:cover} #personHeader .photoContainer {width:300px; height:300px; background:#fff; padding:20px; border-radius:1000px; overflow:hidden; margin:0 auto; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom:5px; position:absolute; top:170px; left:50%; margin-left:-150px} #personHeader .photoContainer:hover {background:#008AFF} #personHeader .photo {width:100%; height:100%; background:#000; border-radius:300px; overflow:hidden} #personHeader .photo a {display:block; width:100%; height:100%} #personHeader h1 {font-size:60px; font-weight:700; padding-top:545px} #personHeader h2 {font-size:45px; font-weight:700} #personHeader h3 {font:24px 'Lato_Italic'; color:#8f9394; background:url(images/decoPersonTitle.png) no-repeat center top; padding-top:20px; margin-top:20px} #personDescription {position:relative} #personDescription .parallax { height: auto; background:url(images/personDescriptionBG.png) no-repeat center center; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #personDescContainer {width:100%; max-width:1170px; margin:0 auto; box-sizing:border-box; padding:100px 0; text-align:center; height:auto !important} #personDescription p {font-size:40px; color:#fff} #personDescription li {display:inline-block; margin:0 5px; width:66px; height:69px} #personDescription li a {display:block; width:66px; height:69px} #personDescription .linkedinP {background:url(images/personSocialMedia.png) no-repeat left top} #personDescription .facebookP {background:url(images/personSocialMedia.png) no-repeat -100px top} #personDescription .googleP {background:url(images/personSocialMedia.png) no-repeat -201px top} #personDescription .twitterP {background:url(images/personSocialMedia.png) no-repeat -301px top} #personDescription p.contactMe a {height:64px; font-size:23px; text-align:center; line-height:64px;; padding:0 50px; border:solid 1px #fff; color:#fff; display:inline-block; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} #personDescription p.contactMe a:hover {color:#0092ff; background:#fff} #personDescription p.contactMe {text-align:center; margin-top:20px} #realisationsPerson {display:none; visibility:hidden} #realisationsPerson {width:100%; max-width:1170px; margin:80px auto 100px; background:url(images/realizationsMap.png) no-repeat center top; padding-top:40px; min-height:604px; position:relative} #articlesPerson {width:100%; max-width:1170px; margin:80px auto 80px} #realisationsPerson h2, #articlesPerson h2 {text-align:center; background:url(images/smallTitleDeco.png) no-repeat center bottom; padding-bottom:10px; font-size:22px; font-weight:700} #articlesPerson h2 {margin-bottom:40px} #realisationsIMG {position:absolute; right:100px; top:40px} #personAdvice { height: 705px; background:url(images/blackBG.png) no-repeat center center; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #personAdviceContent {width:100%; max-width:1170px; margin:0 auto; text-align:center} #personAdviceContent h2 {font-size:50px; font-weight:700; color:#0092ff; padding-top:80px; margin-bottom:10px} #personAdviceContent h3 {font-size:24px; font-weight:300; color:#fff} #personAdviceContent p {font-size:15px; color:#999} #adviceBoxes {padding-top:85px} .adviceBox {width:370px; height:320px; float:left; background:#292929; padding:60px 50px 0; box-sizing:border-box; position:relative} .adviceBox:last-child {float:right} .adviceBox:nth-child(2) {margin:0 30px} .adviceIcon {position:absolute; top:-42px; left:50%; margin-left:-42px} .adviceBox:nth-child(1) .adviceIcon {background:url(images/blackPhone.png) no-repeat left top; width:85px; height:85px} .adviceBox:nth-child(2) .adviceIcon {background:url(images/blackConsultation.png) no-repeat left top; width:85px; height:85px} .adviceBox:nth-child(3) .adviceIcon {background:url(images/blackChat.png) no-repeat left top; width:85px; height:85px} .adviceBox h4 {font-size:17px; font-weight:800; color:#fff; margin-bottom:20px} #personAdviceContent .adviceBox p {margin-bottom:10px; color:#d5d6d7; font-size:14px; font-family: 'Open Sans', sans-serif; line-height: 1.4; } .adviceBox p.advicePhone {font-size:17px; font-weight:800; margin-bottom:10px; font-family:'open_sansregular'} .adviceBox p.advicePhone span {font-size:15px; font-weight:700; margin-bottom:10px} a.adviceButton{background:#0092ff; height:38px; border-radius:3px; font-size:15px; font-weight:700; line-height:38px; display:inline-block; color:#fff; width:260px; position:absolute; bottom:15px; left:50%; margin-left:-130px} /**/ .postEntryPerson {width:270px; float:left; margin-right:30px} .postEntryPerson:nth-child(4) {margin-right:0} .postEntryPerson .postThumb {width:270px; height:155px; background-color:#ccc; margin-bottom:10px} .postEntryPerson .postThumb a {display:block; width:100%; height:100%} .postEntryPerson h3 {font-size:18px; font-weight:700; text-align:center} .postEntryPerson h3 a {color:#3692ff} /* BLOG */ /* CATEGORY */ .categoryTemplate {max-width:1170px; width:100%; margin:0 auto} .categoryTemplate #column1 {width:868px; float:left} .categoryTemplate #column2, #postContent #column2 {width:270px; float:right; overflow:hidden} .categoryTemplate #column2 aside {padding:20px; box-sizing:border-box; background:#f4f6fa; margin-bottom:15px} .BlogEntryCategory {border-bottom:solid 1px #d6d6d6; padding-bottom:30px; margin-bottom:30px; position:relative} #pagination {padding-top:50px; border-top:dashed 1px #d6d6d6; text-align:center} .BlogEntryCategory h3 {font-size:25px; font-weight:700; color:#0092ff; margin-bottom:0} .BlogEntryCategory h3 a {color:#0092ff} .BlogImageCategory {width:200px; height:200px; background-color:#f4f6fa !important; float:left; margin-right:30px} .BlogImageCategory a {display:block; width:100%; height:100%} .BlogEntryCategory .tags {/*position:absolute; bottom:30px; right:0; width:73%*/ margin-top:38px} .BlogEntryCategory .tags a {padding:0 5px; display:inline-block; background:#dadbdb; line-height:27px; color:#fff; margin:3px 0} /*search*/ .search #column1 article {border-bottom:solid 1px #d6d6d6; padding-bottom:30px; margin-bottom:30px; position:relative; min-height:130px} .search #column1 article h1.entry-title {font-size:25px; font-weight:700; color:#0092ff; margin-bottom:0} .search #column1 article h1.entry-title a {color:#0092ff} .search #column1 article .entry-meta {display:none; visibility:hidden} a.post-thumbnail {float:left; height:130px; margin-right:30px; width:130px} a.post-thumbnail img {height:100%; width:100%} .search .navigation.pagination h2 {display:none; visibility:hidden} .search .navigation.pagination .nav-links {margin-bottom:40px} /*search*/ .textwidget iframe {width:100%; background:#fff} .widget-title {font-size:16px; font-weight:700; color:#444b4d} .tagcloud {text-align:left} .tagcloud a {font-size:14px !important; color:#fff; padding:3px 7px; display:inline-block; background:#dadbdb; margin:2px 0; text-align:center} #text_icl-9 .textwidget {font-size:13px; color:#8f9394} .socilamediaSidebar li {list-style:none; width:35px; height:35px; text-indent:-9000px; overflow:hidden; float:left; margin-right:10px} .socilamediaSidebar li a {display:block; width:100%; height:100%} .socilamediaSidebar li.facebook {background:url(images/sidebarSocialmedia.png) no-repeat left top} .socilamediaSidebar li.twitter {background:url(images/sidebarSocialmedia.png) no-repeat -43px top} .socilamediaSidebar li.google {background:url(images/sidebarSocialmedia.png) no-repeat -86px top} .socilamediaSidebar li.linkedin {background:url(images/sidebarSocialmedia.png) no-repeat -129px top} .socilamediaSidebar li.youtube {background:url(images/sidebarSocialmedia.png) no-repeat -172px top; margin-right:0} .widget_search h1, #text_icl-10 h1.widget-title, #text_icl-11 h1.widget-title {display:none; visibility:hidden} .search-form {width:100%; height:35px; border:solid 1px #ccc; background:#fff; position:relative} .search-form input[type="search"], .search-form input[type="text"] {position:absolute; top:0; left:0; height:35px; width:100%; border:0 none; background:0 none; padding:0 10px; line-height:35px; box-sizing:border-box; font-size:16px; color:#666} .search-form input[type="submit"] {position:absolute; top:0; right:0; height:35px; width:37px; border:0 none; background:url(images/searchICN.png) no-repeat center center; border:0 none; text-indent:-9000px} .textwidget .wpcf7 {width:100%; height:35px; border:solid 1px #ccc; background:#fff; position:relative; margin-top:12px} .textwidget .wpcf7 input[type="text"] {position:absolute; top:0; left:0; height:35px; border:0 none; background:0 none; padding:0 35px; line-height:35px; box-sizing:border-box; font-size:16px; color:#666; background:url(images/newsletterICN.jpg) no-repeat 10px center} .textwidget .wpcf7 input[type="submit"] {position:absolute; top:0; right:0; height:35px; width:37px; border:0 none; background:url(images/newsletterBTN.jpg) no-repeat center center; border:0 none; text-indent:-9000px} .search-form .screen-reader-text {display:none} #pagination {margin-bottom:170px} #pagination .page-numbers.prev {float:left; font-size:15px; font-weight:500; color:#444b4d; background:0 none; border:solid 1px #fff; text-transform:uppercase} #pagination .page-numbers.next {float:right; font-size:15px; font-weight:500; color:#444b4d; background:0 none; border:solid 1px #fff; text-transform:uppercase} .category-blogue #pagination .next.page-numbers, .category-blogue #pagination .prev.page-numbers {color:#fff} .category-blogue #pagination .prev.page-numbers:before {content:'« Ancien'; color:#444b4d} .category-blogue #pagination .next.page-numbers:after {content:'Récent »'; color:#444b4d} .page-numbers {background:#f7f7f7; border:solid 1px #ccc; border-radius:3px; padding:3px 8px; margin:0; color:#444b4d} .page-numbers.current {background:#5f5f5f; color:#fff; border:solid 1px #5f5f5f} .DisplayCategoriesWidget .dcw_c1 {float:none; color:#3692ff; font-size:18px; margin-left:10px} .DisplayCategoriesWidget .dcw_c1 a {color:#3692ff} #secondary #text_icl-12 h3, #secondary #text_icl-12 h3 a {font-size:18px; color:#3692ff} #secondary #text_icl-12 ul {margin-bottom:20px} #secondary #text_icl-12 h3:last-child {margin-bottom:0} #secondary #text_icl-12 li a {font-size:16px; color:#444b4d} #secondary #text_icl-12 a:hover {text-decoration:underline} #secondary #text_icl-13 h3, #secondary #text_icl-13 h3 a {font-size:18px; color:#3692ff} #secondary #text_icl-13 ul {margin-bottom:20px} #secondary #text_icl-13 h3:last-child {margin-bottom:0} #secondary #text_icl-13 li a {font-size:16px; color:#444b4d} #secondary #text_icl-13 a:hover {text-decoration:underline} .page-template-webmarketingPages-php #referenceProjects {display:none; visibility:hidden} .page-template-webmarketingPages-php.page-id-1646, .page-template-webmarketingPages-php.page-id-1152 {display:block; visibility:visible} /*SINGLE*/ #blogHead {height:225px; padding-top:85px; background:url(images/blogHeaderBG.png) no-repeat center center; background-size:cover} #breadcrumb {height:35px; background:#f4f6fa; margin-bottom:90px; line-height:35px; font-size:13px; color:#444b4d} /*.single-post #breadcrumb ul.post-categories li:nth-child(2) {display:none; visibility:hidden}*/ #breadcrumb a {color:#444b4d} #breadcrumbContent {max-width:1170px; margin:0 auto} .category-blogue .heritage, .category-blog .heritage {display:none} #breadcrumb ul {display:inline-block} #breadcrumb ul li {display: inline-block;} #breadcrumb ul li:first-child::after {content: ' > '} #breadcrumb ul li:last-child::after {content: ''} #breadcrumb .home {background:url(images/breadcrumb_homeICN.png) no-repeat left 11px; width:14px; text-indent:-9000px; display:inline-block} #postContent {width:100%; max-width:1170px; margin:0 auto} #postContent #column1 {width:868px; float:left} #postContent #column2 {width:270px; float:right} #postContent #column2 aside {padding:20px; box-sizing:border-box; background:#f4f6fa; margin-bottom:15px} #blogHead.parallax { height:225px; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #blogHead h1 {padding-top:65px; font-size:35px; font-weight:500; color:#fff; width:100%; max-width:1170px; margin:0 auto} #blogHead h1 span {font-size:40px; font-weight:800} .postBy ul, .postBy li {display:inline-block} h1#postTitle {font-weight:700; color:#008AFF; font-size:30px; margin-bottom:0} .postBy {color:#92999b; font-size:13px; margin-bottom:30px} .postBy a {color:#92999b} .postBy a:hover {color:#666; text-decoration:underline} .postBy ul.post-categories li:first-child {display:none; visibility:hidden} #postContent #column1 li {margin-bottom:20px; line-height:25px} #postContent #column1 ul, #postContent #column1 p {margin-bottom:20px} #tags a {padding:0 5px; display:inline-block; background:#dadbdb; line-height:27px; color:#fff} #contactUsPost {padding:0 40px; background:#008AFF; color:#fff; line-height:38px; height:38px; text-align:center; display:inline-block; margin:30px 0 70px; border-radius:5px} #contactUsPost a {display:block; color:#fff; text-transform:uppercase; font-weight:800} #authorarea {height:133px; background:#f4f6fa; position:relative; margin-top:100px} #authorarea img {position:absolute; left:20px; top:-14px; border-radius:100px; border:solid 10px #fff} .authorinfo {margin-left:210px; padding-top:20px; font-size:14px; margin-right:20px} .authorinfo h3 {font-size:24px; color:#0092ff; margin-bottom:0} #secondary .site-description {display:none} .postImage {float:left; margin-right:30px; margin-bottom:5px; width:200px; height:200px; display:block} .single #content p, .single #content li {line-height:27px} .single #content h2 {font-weight:700; color:#008AFF; font-size:25px} .single #content h3 {font-weight:500; color:#008AFF; font-size:22px} .single #content h4 {font-weight:500; color:#008AFF; font-size:20px} .single #content h5 {font-weight:500; color:#008AFF; font-size:18px} .single #content p a, .single #content li a {color:#008AFF} .single #content img {max-width:100%} .single #content iframe, .single #content object {max-width:100%} .related_post.wp_rp li {float:left; width:270px; font-size:15px; font-weight:500; text-align:center; margin:0 15px 200px} .related_post.wp_rp li a {color:#008AFF} .related_post.wp_rp li:last-child {margin-right:0} .related_post.wp_rp li:first-child {margin-left:0} h3.related_post_title {margin:100px 0 20px; font-size:17px; color:#444b4d; font-weight:700; text-transform:uppercase} #singleContact {height:200px; background:url(images/homeWarrantyBG.jpg) no-repeat left top; background-size:cover} #singleContact h2 {font-size:40px; font-weight:700; color:#fff; margin-bottom:0} #singleContact p {font-size:17px; color:#d5d6d7} #singleContact .content {width:100%; max-width:1170px; margin:0 auto; padding-top:65px; position:relative} #singleContact .content #contactBTN {position:absolute; top:75px; right:0; height:56px; font-size:18px; line-height:56px; padding:0 45px; color:#fff; border:solid 1px #fff; display:inline-block} #singleContact .content #contactBTN:hover {color:#0092ff; border:solid 1px #fff; background:#fff; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out} /* CONTACT */ .page-template-contactPage-php #wrapper {padding-top:90px} .page-template-contactPage-php #pageTopBanner h2 {padding-top:120px; margin-bottom:10px; font-size:35px; font-weight:normal} .page-template-contactPage-php #pageTopBanner h3 {padding-top:0; margin-bottom:35px; font-size:40px; font-weight:800} #CMScontent {float:left; width:770px; font-size:17px} #CMScontent .entry-header {display:none} #CMScontent h2 {font-size:40px; font-weight:700; color:#008AFF} #sidebarContact {float:right; width:370px} #sidebarContact .block {padding:25px; background:#f4f6fa; margin-bottom:25px} #sidebarContact .block h3 {font-size:30px; font-weight:700} h2#contactSidebarTitle {background:#22282e url(images/contactSidebarLogo.png) no-repeat; height:100px; text-indent:-9000px; margin-bottom:0} .page-template-contactPage-php .wpcf7-form {background:#f4f6fa; padding:40px 30px; font-size:17px; margin-top:30px} .page-template-contactPage-php .wpcf7-form h3 {font-size:40px; margin-bottom:35px} .page-template-contactPage-php .wpcf7-form h3 span {color:#008AFF; font-weight:700} .page-template-contactPage-php .wpcf7-form p.entry {float:left; width:340px} .page-template-contactPage-php .wpcf7-form p.entry.right {float:right; width:340px} .page-template-contactPage-php .wpcf7-form input[type="text"], .page-template-contactPage-php .wpcf7-form input[type="email"] {width:340px; height:40px; border:solid 1px #d5d6d7; box-sizing:border-box; padding-left:40px; margin-top:10px} .page-template-contactPage-php .wpcf7-form input[type="submit"] {height:38px; background:#008AFF; padding:0 30px; border-radius:3px; font-family:'Raleway'; font-size:15px; font-weight:800; color:#fff; cursor:pointer; border:0 none; text-align:center; text-transform:uppercase} .page-template-contactPage-php .wpcf7-form p {margin-bottom:30px} .page-template-contactPage-php .wpcf7-form textarea {width:710px; height:160px; border:solid 1px #d5d6d7; box-sizing:border-box; padding-left:40px; margin-top:10px} .page-template-contactPage-php #wrapper {padding-bottom:150px} #sidebarContact img.map {float:left; margin-right:10px} #sidebarContact a {color:#008AFF} #sidebarContact ul {margin-top:30px} #sidebarContact ul li {list-style:none; padding-left:40px; height:32px; line-height:32px; margin-bottom:10px; background:url(images/contactICNS.png) no-repeat left top} #sidebarContact ul li span {font-weight:700} #sidebarContact ul li:last-child {background:url(images/contactICNS.png) no-repeat left bottom} #sidebarContact ul.socilamediaContact {margin-top:5px} #sidebarContact ul.socilamediaContact li {background:url(images/contactSocialMedia.png) no-repeat left bottom; width:36px; height:36px; float:left; margin-right:10px; padding:0; text-indent:-9000px; overflow:hidden} #sidebarContact ul.socilamediaContact li:nth-child(2) {background:url(images/contactSocialMedia.png) no-repeat -98px bottom} #sidebarContact ul.socilamediaContact li:nth-child(3) {background:url(images/contactSocialMedia.png) no-repeat -245px bottom} #sidebarContact ul.socilamediaContact li:nth-child(4) {background:url(images/contactSocialMedia.png) no-repeat -49px bottom} #sidebarContact ul.socilamediaContact li:nth-child(5) {background:url(images/contactSocialMedia.png) no-repeat -196px bottom} #sidebarContact ul.socilamediaContact li a {display:block; width:100%; height:100%} /* PARTNERSHIP */ #partnership {width:1170px; margin:0 auto; text-align:center; height:105px; box-sizing:border-box; padding-top:15px} #partnership img {margin:0 27px} #partnership img:first-child {margin-left:0} #partnership img:last-child {margin-right:0} /* GENERIC PAGE */ .page-template-default #wrapper {margin-top:90px} .page-template-default #wrapper h1 {color:#0092ff; font-size:40px; font-weight:700; margin-bottom:40px} .page-template-default #wrapper h2 {font-size:30px; font-weight:700} .page-template-default #wrapper h3 {font-size:26px; font-weight:700} .page-template-default #wrapper h4 {font-size:22px; font-weight:700; text-transform:uppercase} .page-template-default #wrapper p {line-height:25px; margin-bottom:20px} .page-template-default #wrapper #blueText p {line-height:45px; margin-bottom:20px} .page-template-why-php #wrapper {margin-top:120px; margin-bottom:60px} .page-template-why-php #wrapper h1 {color:#0092ff; font-size:40px; font-weight:700; margin-bottom:40px} .page-template-why-php #wrapper h2 {font-size:30px; font-weight:700} .page-template-why-php #wrapper h3 {font-size:26px; font-weight:700} .page-template-why-php #wrapper h4 {font-size:22px; font-weight:700; text-transform:uppercase} .page-template-why-php #wrapper p, .page-template-why-php #wrapper li {line-height:25px; margin-bottom:20px} .page-template-why-php #wrapper ul, .page-template-why-php #wrapper ol {margin-bottom:20px} /* DESIGN / VIDEO */ .page-template-design #wrapper {width:100%; max-width:1170px} .page-template-design-php #pageTopBanner section .container {position:relative} .page-template-design-php #pageTopBanner h2, .page-template-design-php #pageTopBanner h3 {text-align:left; max-width:840px} .page-template-design-php #pageTopBanner .wpcf7 h2, .page-template-design-php #pageTopBanner .wpcf7 h3 {max-width:inherit} .page-template-design-php #pageTopBanner p {text-align:left; max-width:700px} .page-template-design-php .wpcf7 {position:absolute; right:0; top:10px; width:300px; height:390px; border-radius:3px; box-sizing:border-box; padding:15px; background:url(images/quoteBG.jpg) no-repeat} .page-template-design-php .wpcf7 p {color:#0092ff; font-size:17px; margin-bottom:12px} .page-template-design-php .wpcf7 input[type="text"], .page-template-design-php .wpcf7 input[type="email"] {width:100%; box-sizing:border-box; height:38px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px; color:#999; font:15px 'Raleway'} .page-template-design-php .wpcf7 textarea {width:100%; box-sizing:border-box; height:100px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px; color:#999; font:15px 'Raleway'} .page-template-design-php .wpcf7 p:last-child {text-align:left} .page-template-design-php .wpcf7 .mmPhone {float:left; line-height:38px; font:19px 'open_sansregular'; line-height:40px} .page-template-design-php .wpcf7 input[type="submit"] {box-sizing:border-box; height:38px; padding:0 10px; border:0 none; background:#0092ff; border-radius:5px; color:#fff; font-size:15px; text-transform:uppercase; line-height:38px; float:right} .page-template-design-php .wpcf7 .ajax-loader {display:none} .page-template-design-php #pageTopBanner .wpcf7 h3 {color:#444b4d; font-size:20px; font-weight:800; margin-bottom:20px; text-align:center; padding-top:10px; letter-spacing:-1px} .page-template-design-php .wpcf7 h3 span {color:#3692ff} .page-template-design-php #wrapper {margin-top:140px; padding-bottom:100px} .page-template-design-php #wrapper h1.entry-title {display:none} .page-template-design-php.page-id-56 #wrapper, .page-template-design-php.page-id-1585 #wrapper {background:url(images/designContentVideo.jpg) no-repeat right bottom} .page-template-design-php.page-id-56 #wrapper p, .page-template-design-php.page-id-56 #wrapper li {color:#444b4d; font-size:17px; max-width:700px} .page-template-design-php.page-id-56 #wrapper h3 {color:#444b4d; font-size:17px; max-width:700px; font-weight:700; margin-top:30px} .page-template-design-php.page-id-56 #wrapper h2 {color:#444b4d; font-size:40px; margin-bottom:25px} .page-template-video #wrapper {width:100%; max-width:1170px} .page-template-video-php #pageTopBanner section .container {position:relative} .page-template-video-php #pageTopBanner h2, .page-template-video-php #pageTopBanner h3 {text-align:left; max-width:840px} .page-template-video-php #pageTopBanner .wpcf7 h2, .page-template-video-php #pageTopBanner .wpcf7 h3 {max-width:inherit} .page-template-video-php #pageTopBanner p {text-align:left; max-width:700px} .page-template-video-php .wpcf7 {position:absolute; right:0; top:10px; width:300px; height:390px; border-radius:3px; box-sizing:border-box; padding:15px; background:url(images/quoteBG.jpg) no-repeat} .page-template-video-php .wpcf7 p {color:#0092ff; font-size:17px; margin-bottom:12px} .page-template-video-php .wpcf7 input[type="text"], .page-template-video-php .wpcf7 input[type="email"] {width:100%; box-sizing:border-box; height:38px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px; color:#999; font:15px 'Raleway'} .page-template-video-php .wpcf7 textarea {width:100%; box-sizing:border-box; height:100px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px; color:#999; font:15px 'Raleway'} .page-template-video-php .wpcf7 p:last-child {text-align:left} .page-template-video-php .wpcf7 .mmPhone {float:left; line-height:38px; font:19px 'open_sansregular'; line-height:40px} .page-template-video-php .wpcf7 input[type="submit"] {box-sizing:border-box; height:38px; padding:0 10px; border:0 none; background:#0092ff; border-radius:5px; color:#fff; font-size:15px; text-transform:uppercase; line-height:38px; float:right} .page-template-video-php .wpcf7 .ajax-loader {display:none} .page-template-video-php #pageTopBanner .wpcf7 h3 {color:#444b4d; font-size:20px; font-weight:800; margin-bottom:20px; text-align:center; padding-top:10px; letter-spacing:-1px} .page-template-video-php .wpcf7 h3 span {color:#3692ff} .page-template-video-php #wrapper {margin-top:140px; padding-bottom:100px} .page-template-video-php #wrapper h1.entry-title {display:none} .page-template-video-php.page-id-56 #wrapper, .page-template-video-php.page-id-1585 #wrapper {background:url(images/designContentVideo.jpg) no-repeat right bottom} .page-template-video-php.page-id-56 #wrapper p, .page-template-video-php.page-id-56 #wrapper li {color:#444b4d; font-size:17px; max-width:700px} .page-template-video-php.page-id-56 #wrapper h3 {color:#444b4d; font-size:17px; max-width:700px; font-weight:700; margin-top:30px} .page-template-video-php.page-id-56 #wrapper h2 {color:#444b4d; font-size:40px; margin-bottom:25px} .page-template-video-php.page-production-video #wrapper, .page-template-video-php.page-video-production #wrapper {background:url(images/videoContentBG.jpg) no-repeat right bottom} .page-template-video-php.page-production-video #wrapper p, .page-template-video-php.page-production-video #wrapper li {color:#444b4d; font-size:17px; max-width:700px} .page-template-video-php.page-video-production #wrapper p, .template-video-php.page-video-production #wrapper li {color:#444b4d; font-size:17px; max-width:700px} .page-template-video-php.page-production-video #wrapper h3, .page-template-video-php.page-video-production #wrapper h3 {color:#444b4d; font-size:17px; max-width:700px; font-weight:700; margin-top:30px} .page-template-design-php.page-production-video #wrapper h2, .page-template-video-php.page-video-production #wrapper h2 {color:#444b4d; font-size:40px; margin-bottom:25px} .proffessionalesContent {width:100%; max-width:1170px; margin:80px auto; text-align:center} .proffessionalesContent h2 {font-size:40px; color:#444b4d; margin-bottom:5px} .proffessionalesContent h3 {font-size:40px; color:#008AFF; font-weight:700; margin-bottom:20px} .proffessionalesContent p {color:#444b4d; font-size:17px; line-height: 150%;} .contactProffessionals {background:#0092ff; display:inline-block; padding-left:15px; height:40px; line-height:40px; font-size:15px; font-weight:500; line-height:40px; text-transform:uppercase; color:#fff; border-radius:3px; margin-top:15px} .proffessionalesContent p.contactProffessionals a {line-height: 40px; margin-right:15px; background:url(images/buttonArrow.png) no-repeat right center; width:100%; box-sizing:border-box; padding-right:15px; color:#fff; font-size:15px} .page-template-design-php #wrapper p, .page-template-design-php #wrapper li {color:#444b4d; font-size:17px; max-width:700px} .page-template-design-php #wrapper h3 {color:#444b4d; font-size:17px; max-width:700px; font-weight:700; margin-top:30px} .page-template-design-php #wrapper h2 {color:#444b4d; font-size:40px; margin-bottom:25px} #pageTopBanner.ContactFormBanner section .container {position:relative} #pageTopBanner.ContactFormBanner h2, #pageTopBanner.ContactFormBanner h3 {text-align:left} #pageTopBanner.ContactFormBanner p {text-align:left; max-width:705px} #pageTopBanner.ContactFormBanner .wpcf7 {position:absolute; right:0; top:10px; width:300px; height:420px; border-radius:3px; box-sizing:border-box; padding:15px; background:url(images/quoteBG.jpg) no-repeat #FFF; z-index: 999;} #pageTopBanner.ContactFormBanner .wpcf7 p {color:#0092ff; font-size:17px; margin-bottom:12px} #pageTopBanner.ContactFormBanner .wpcf7 input[type="text"], .wpcf7 input[type="email"] {width:100%; box-sizing:border-box; height:38px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px; color:#999; font:15px 'Raleway'} #pageTopBanner.ContactFormBanner .wpcf7 textarea {width:100%; box-sizing:border-box; height:100px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px; color:#999; font:15px 'Raleway'} #pageTopBanner.ContactFormBanner .wpcf7 p:last-child {text-align:left} .mmPhone {font:19px 'open_sansregular' !important} #pageTopBanner.ContactFormBanner .wpcf7 .mmPhone {float:left; line-height:38px; display:block; padding-top:9px} #pageTopBanner.ContactFormBanner .wpcf7 input[type="submit"] {box-sizing:border-box; height:38px; padding:0 10px; border:0 none; background:#0092ff; border-radius:5px; color:#fff; font-size:15px; text-transform:uppercase; line-height:38px; float:right; cursor:pointer} #pageTopBanner.ContactFormBanner .wpcf7 .ajax-loader {display:none} #pageTopBanner.ContactFormBanner .wpcf7 h3 {color:#444b4d; font-size:21px; font-weight:800; margin-bottom:20px; text-align:center; padding-top:10px} .wpcf7 h3 span {color:#3692ff} #pageTopBanner .your-name input[type="text"] {background:#fff url(images/form_nameICN.png) no-repeat 10px center !important; padding-left:33px !important} #pageTopBanner .your-phone input[type="text"] {background:#fff url(images/form_phoneICN.png) no-repeat 10px center !important; padding-left:33px !important} #pageTopBanner .your-email input[type="email"] {background:#fff url(images/form_mailICN.png) no-repeat 10px center !important; padding-left:33px !important} #pageTopBanner .your-message textarea {background:#fff url(images/fotm_subjectICN.png) no-repeat 10px 7px !important; padding-left:33px !important} .page-template-contactPage .your-name input[type="text"], .page-template-contactPage .your-entreprise input[type="text"] {background:#fff url(images/form_nameICN.png) no-repeat 10px center !important; padding-left:33px !important} .page-template-contactPage .your-telephone input[type="text"] {background:#fff url(images/form_phoneICN.png) no-repeat 10px center !important; padding-left:33px !important} .page-template-contactPage .your-email input[type="email"] {background:#fff url(images/form_mailICN.png) no-repeat 10px center !important; padding-left:33px !important} .page-template-contactPage .your-message textarea {background:#fff url(images/fotm_subjectICN.png) no-repeat 10px 7px !important; padding-left:33px !important; padding-top:5px; height: 251px;} /*strategy*/ .page-template-strategyPage #pageTopBanner section .container {position:relative} .page-template-strategyPage #pageTopBanner h2, .page-template-strategyPage #pageTopBanner h3 {text-align:left} .page-template-strategyPage #pageTopBanner p {text-align:left; max-width:700px} .page-template-strategyPage .wpcf7 {position:absolute; right:0; top:40px; width:300px; height:390px; border-radius:3px; box-sizing:border-box; padding:15px; background:url(images/quoteBG.jpg) no-repeat} .page-template-strategyPage .wpcf7 p {color:#0092ff; font-size:17px; margin-bottom:12px} .page-template-strategyPage .wpcf7 input[type="text"], .page-template-strategyPage .wpcf7 input[type="email"] {width:100%; box-sizing:border-box; height:38px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px} .page-template-strategyPage .wpcf7 textarea {width:100%; box-sizing:border-box; height:100px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px} .page-template-strategyPage .wpcf7 p:last-child {text-align:left} .page-template-strategyPage .wpcf7 .mmPhone {float:left; line-height:38px} .page-template-strategyPage .wpcf7 input[type="submit"] {box-sizing:border-box; height:38px; padding:0 10px; border:0 none; background:#0092ff; border-radius:5px; color:#fff; font-size:15px; text-transform:uppercase; line-height:38px; float:right} .page-template-strategyPage .wpcf7 .ajax-loader {display:none} .page-template-strategyPage #pageTopBanner .wpcf7 h3 {color:#444b4d; font-size:21px; font-weight:800; margin-bottom:20px; text-align:center; padding-top:10px; letter-spacing:-2px} .page-template-strategyPage .wpcf7 h3 span {color:#3692ff} .page-template-strategyPage #wrapper {margin-top:140px; padding-bottom:100px; width:100%; max-width:100%} .page-template-strategyPage #wrapper h1.entry-title {display:none} #strategyBrands {background:#f4f6fa; padding:60px 0} #strategyBrandsContact {margin:0 auto; width:100%; max-width:1170px; text-align:center} #strategyBrandsContact h1 {font-weight:700; color:#008AFF; font-size:40px} #strategyBrandsContact p {font-size:17px; line-height: 150%;} #strategyBrandsContact img {display:inline-block} #strategyBrandsContact .images1 {padding-bottom:50px; border-bottom:solid 1px #ccc; margin-bottom:50px; margin-top:70px} #strategyBrandsContact .images1 a:first-child img {margin-right:160px} #strategyBrandsContact .images2 a img {margin-right:34px} #strategyBrandsContact .images2 a:last-child img {margin-right:0} .entry-content #strategyBrandsContact a { background: 0 none; border-radius: inherit; color: initial; display: inline; font-size: 15px; height: auto; line-height: inherit; margin-top: 0; padding: 0; text-transform: uppercase; } #ecommerceMainText {height:450px; background:url(images/ecommerce1.jpg) no-repeat 636px -7px; width:100%; max-width:1170px; margin:0 auto} #ecommerceMainText h2 {font-size:35px; margin-bottom:30px; max-width:700px; font-weight: bold;} #ecommerceMainText h2 span{font-weight:700; color:#008AFF} #ecommerceMainText p {font-size:17px; max-width:680px; line-height: 150%;} #ecommerceMainText p .contactEcommerce {height:70px} .contactEcommerce a {background:#008AFF; padding:0 40px; height:38px; line-height:38px; font-size:15px; text-transform:uppercase; color:#fff; display:inline-block; margin-top: 10px; border-radius: 2px;} #ecommerceCMSIntegration {padding:80px 0; background:#f4f6fa; box-sizing:border-box} #ecommerceCMSIntegrationContent {width:100%; max-width:1170px; height:290px; margin:0 auto; background:url(images/ecommerce2.jpg) no-repeat -35px top; box-sizing:border-box; padding-left:500px} #ecommerceCMSIntegrationContent h2 {font-size:35px; margin-bottom:30px; padding-top:35px; font-weight: bold;} #ecommerceCMSIntegrationContent h2 span{font-weight:700; color:#008AFF} #ecommerceCMSIntegrationContent p {font-size:17px; line-height: 150%;} #ecommerceSolutionsBubbles { width:100%; max-width:1170px; margin:100px auto; text-align:center} #ecommerceSolutionsBubbles h2 {font-size:35px; margin-bottom:30px; padding-top:35px} #ecommerceSolutionsBubbles h2 span{font-weight:700; color:#008AFF} #ecommerceSolutionsBubbles p {font-size:17px} #ecommerceSolutionsBubbles p br {display:none; visibility:hidden} #ecommerceSolutionsBubbles span {display:block; width:25%; float:left; margin-top:50px} #ecommerceSolutionsBubbles span:after {content:"\f067"; display:block; font:30px 'FontAwesome'; color:#0092ff; padding-top:45px; float:left} #ecommerceSolutionsBubbles span:nth-child(1):after, #ecommerceSolutionsBubbles span:nth-child(5):after {content:''} /*development*/ .page-template-developmentEntreprisePage #pageTopBanner section .container {position:relative} .page-template-developmentEntreprisePage #pageTopBanner h2, .page-template-developmentEntreprisePage #pageTopBanner h3 {text-align:left} .page-template-developmentEntreprisePage #pageTopBanner p {text-align:left; max-width:700px} .page-template-developmentEntreprisePage .wpcf7 {position:absolute; right:0; top:40px; width:300px; height:390px; border-radius:3px; box-sizing:border-box; padding:15px; background:url(images/quoteBG.jpg) no-repeat} .page-template-developmentEntreprisePage .wpcf7 p {color:#0092ff; font-size:17px; margin-bottom:12px} .page-template-developmentEntreprisePage .wpcf7 input[type="text"], .page-template-developmentEntreprisePage .wpcf7 input[type="email"] {width:100%; box-sizing:border-box; height:38px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px} .page-template-developmentEntreprisePage .wpcf7 textarea {width:100%; box-sizing:border-box; height:100px; padding:5px; border:solid 1px #ccc; background:#fff; border-radius:5px} .page-template-developmentEntreprisePage .wpcf7 p:last-child {text-align:left} .page-template-developmentEntreprisePage .wpcf7 .mmPhone {float:left; line-height:38px} .page-template-developmentEntreprisePage .wpcf7 input[type="submit"] {box-sizing:border-box; height:38px; padding:0 10px; border:0 none; background:#0092ff; border-radius:5px; color:#fff; font-size:15px; text-transform:uppercase; line-height:38px; float:right} .page-template-developmentEntreprisePage .wpcf7 .ajax-loader {display:none} .page-template-developmentEntreprisePage #pageTopBanner .wpcf7 h3 {color:#444b4d; font-size:21px; font-weight:800; margin-bottom:20px; text-align:center; padding-top:10px; letter-spacing:-2px} .page-template-developmentEntreprisePage .wpcf7 h3 span {color:#3692ff} .page-template-developmentEntreprisePage #wrapper {margin-top:140px; width:100%; max-width:100%} .page-template-developmentEntreprisePage #wrapper h1.entry-title {display:none} #entrepriseMainText {padding-bottom: 25px; width:100%; max-width:1170px; margin:0 auto; text-align: center;} #entrepriseMainText h2 {font-size:35px; margin-bottom:30px; font-weight: bold;} #entrepriseMainText h2 span{font-weight:700; color:#008AFF} #entrepriseMainText p {font-size:17px; line-height: 150%; text-align: center;} #entrepriseMainText p a {display: inline-block; margin-top: 10px; width: 180px; text-align: center; border-radius: 3px; color: #FFF; font-size: 18px; background: #0092ff; padding: 5px 15px; } #entrepriseCMSIntegration {padding:80px 0; background:#f4f6fa; box-sizing:border-box} #entrepriseCMSIntegrationContent {width:100%; max-width:1170px; height:290px; margin:0 auto; background:url(images/enterprises2.jpg) no-repeat -35px top; box-sizing:border-box; padding-left:500px} #entrepriseCMSIntegrationContent h2 {font-size:35px; margin-bottom:30px; padding-top:35px; font-weight: bold;} #entrepriseCMSIntegrationContent h2 span{font-weight:700; color:#008AFF} #entrepriseCMSIntegrationContent p {font-size:17px; line-height: 150%} #entrepriseBrands {margin:100px auto; width:100%; max-width:1170px; text-align:center} #entrepriseBrands h2 {font-size:37px; margin-bottom:30px; font-weight:700; color:#008AFF} #entrepriseBrands p {font-size:17px; line-height:150%; margin-bottom:30px; } #entrepriseBrands .images1 img, #entrepriseBrands .images2 img {margin-right:50px; display:inline-block} #entrepriseBrands .images1 img:last-child, #entrepriseBrands .images2 img:last-child {margin-right:0} #entrepriseGoogle {padding:80px 0 80px; background:#f4f6fa; box-sizing:border-box} #entrepriseGoogleContent {width:100%; max-width:1170px; height:290px; margin:0 auto; background:url(images/googleEnterprises.png) no-repeat left top; box-sizing:border-box; padding-left:500px} #entrepriseGoogleContent h2 {font-size:35px; margin-bottom:30px; padding-top:57px; font-weight: bold;} #entrepriseGoogleContent h2 span{font-weight:700; color:#008AFF} #entrepriseGoogleContent p {font-size:17px; line-height: 150%; text-align: left;} /*market research*/ #etudesMainText {height:450px; background:url(images/etudes1.jpg) no-repeat 636px top; width:100%; max-width:1170px; margin:0 auto} #etudesMainText h2 {font-size:37px; margin-bottom:30px; max-width:700px} #etudesMainText h2 span{font-weight:700; color:#008AFF} #etudesMainText p {font-size:17px; max-width:680px} .proffessionalsContentBlock .entry-header {display:none; visibility:hidden} #wrapper.proffessionalsContentBlock {margin-top:90px; width:100%} #etudesCMSIntegration {padding:80px 0; background:#f4f6fa; box-sizing:border-box} #etudesCMSIntegrationContent {width:100%; max-width:1170px; height:290px; margin:0 auto; background:url(images/etudes2.png) no-repeat left center; box-sizing:border-box; padding-left:500px} #etudesCMSIntegrationContent h2 {font-size:37px; margin-bottom:30px; padding-top:50px} #etudesCMSIntegrationContent h2 span{font-weight:700; color:#008AFF} #etudesCMSIntegrationContent p {font-size:17px} #etudesGoogle {padding:80px 0; background:#f4f6fa; box-sizing:border-box; margin:170px 0 70px} #etudesGoogleContent {width:100%; max-width:1170px; margin:0 auto; background:url(images/etudes3.png) no-repeat 100px center; box-sizing:border-box; padding-left:400px} #etudesGoogleContent h2 {font-size:37px; margin-bottom:30px; padding-top:25px} #etudesGoogleContent h2 span{font-weight:700; color:#008AFF} #etudesGoogleContent p {font-size:17px} #etudesText {width:100%; max-width:1170px; margin:0 auto} #etudesText h2 {margin-top:120px; color:#008AFF; font-size:40px; font-weight:700} #etudesText p, #etudesText li {font-size:17px} #etudesText a {padding: 0; color: #008AFF; background: none; text-transform: initial; font-size: inherit;} /*web marketing*/ #webMarketingMainText {width:100%; max-width:1170px; margin:0 auto; text-align:center} #webMarketingMainText h2 {font-size:37px; margin-bottom:30px} #webMarketingMainText h2 span{font-weight:700; color:#008AFF} #webMarketingMainText p {font-size:17px} #marketingClasses {text-align:center} .webMarketingClass a {display:block; background:0 none; padding:0; margin:0; height:auto; line-height:inherit; text-decoration: none; color: #808387; text-transform: inherit;} .webMarketingClass a h3 {color: #444b4b;} .webMarketingClass .IconBlue {display: block; margin: 0 auto 15px; width: 100px; height: 113px; background: url(images/icons-bg.png) center center no-repeat;} .webMarketingClass i {font-size:35px; line-height: 113px; color: #FFF; display: block; width: 38px; margin: 0 auto; text-shadow:2px 2px 2px rgba(0,0,0,0.3); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;} .webMarketingClass a:hover i {font-size: 38px;} .webMarketingClass {display:block; width:33%; padding:10px; margin-top:85px; height:225px; float:left; box-sizing: border-box;} #webMarketingMainText .webMarketingClass h3 {font-size:21px; font-weight:700} #webMarketingMainText .webMarketingClass p {font-size:15px} #whyMarketingMediaWebMarketing {background:#f4f6fa; margin:90px 0 90px} #whyMarketingMediaWebMarketingContent {background:url(images/webmarketing-trangroup.png) no-repeat right 185px; padding:60px 0; width:100%; max-width:1170px; margin:0 auto; height:450px} #whyMarketingMediaWebMarketingContent h2 {font-size:40px; text-align:center; margin-bottom:40px} #whyMarketingMediaWebMarketingContent h2 span {font-weight:700; color:#008AFF} #whyMarketingMediaWebMarketingContent p, #whyMarketingMediaWebMarketingContent li {max-width:675px; font-size:17px} #whyMarketingMediaWebMarketingContent h3 {font-size:30px} #webMarketingStatics {width:100%; max-width:1170px; margin:0 auto 90px} #webMarketingStatics #col1 {width:48%; padding-right:2%; float:left} #webMarketingStatics #col2 {width:48%; padding-left:2%; float:right} #webMarketingStatics h2 {font-size:30px} #webMarketingStatics p {font-size:17px} #webMarketingStatics .logos {text-align:center} #webMarketingStatics .logos img {margin-right:43px} #webMarketingStatics .logos img:last-child {margin-right:0} #referenceProjects {padding:70px 0; background:#f4f6fa;} #referenceProjectsContent {width:100%; max-width:1170px; margin:0 auto; text-align:center} #referenceProjectsContent .webMarketingPosts {width:23%; display:inline-block; margin:0 0.5%} .marketingBlogImage {width:100%; height:155px; margin-bottom:10px} .marketingBlogImage a {display:block; width:100%; height:100%} #referenceProjectsContent .webMarketingPosts h3 {text-align: left !important;} #referenceProjectsContent .webMarketingPosts h3 a {font-size:17px; font-weight:700; color:#444B4B} #referenceProjectsContent h2 {font-size:40px; margin-bottom:40px} /*inbound marketing*/ .page-inbound-marketing #wrapper {width:100%; max-width:100%} #inboundMainText {background:url(images/webmarketing-graphic.png) no-repeat right bottom; margin:0 auto 70px; padding:0 0 50px; width:100%; max-width:1170px; min-height: 300px;} #inboundMainText h2 {font-size:40px; margin-bottom:25px} #inboundMainText p {font-size:17px; max-width:570px; margin-bottom:25px} #inboundMainText h3 {font-size:34px; color:#008AFF; max-width:570px; font-weight:700} #inboundEtapesContainer {width:100%; padding:70px 0; background:#f4f6fa} #inboundEtapes {width:100%; max-width:1170px; margin:70px auto} #inboundEtapes h2 {font-size:37px; margin-bottom:30px; text-align:center} #inboundEtapes h2 span {font-weight:700; color:#008AFF} #inboundEtapes p {font-size:17px; text-align:center} #inboundEtapes h3 {font-size:21px; text-align:center; margin-bottom:25px; font-weight:700} #inboundEtapes .etape p {font-size:15px; text-align:left} .etape {width:22%; float:left; margin-right:3%; margin-top:50px; padding-top:150px} .etape:nth-child(1) {background:url(images/webmarketing-step1.png) no-repeat center top} .etape:nth-child(2) {background:url(images/webmarketing-step2.png) no-repeat center top} .etape:nth-child(3) {background:url(images/webmarketing-step3.png) no-repeat center top} .etape:nth-child(4) {background:url(images/webmarketing-step4.png) no-repeat center top} .etape:last-child {width:24%; float:right; margin-right:0%} #inboundBrands {width:100%; max-width:1170px; margin:70px auto; text-align:center; padding-bottom:70px; border-bottom:solid 1px #e6e6e6} #inboundBrands h2 {font-size:40px; margin-bottom:40px} #inboundBrands p {margin-bottom:40px} #inboundLogos img {display:inline-block; margin:0 60px} #inboundLogos a {background:0 none; padding:0; margin:0} #inboundLogos {margin-bottom:40px} .button {padding:0 50px; height:38px; line-height:38px; background:#008AFF; display:inline-block; text-align:center; color:#fff; font-size:15px; border-radius:3px} #trustMM {width:100%; max-width:1170px; margin:70px auto; text-align:center} #trustMM h2 {font-size:40px; margin-bottom:40px} #trustMM h2 span {font-weight:700; color:#008AFF} #trustMM p {margin-bottom:40px; font-size:17px} .buttonArrow {height:38px; line-height:38px; background:#008AFF; display:inline-block; text-align:center; color:#fff; font-size:15px; border-radius:3px} .buttonArrow a {background:url(images/buttonArrow.png) no-repeat scroll right 5px; padding-left:10px; padding-right:40px; margin-right:10px; color:#fff; line-height: 20px} #chooseWebMarketingCategory {margin:0 auto 70px; width:100%; max-width:1170px} #chooseWebMarketingCategory h2 {font-size:30px; margin-bottom:15px; text-align:center} #chooseWebMarketingCategory p {font-size:18px; margin-bottom:35px; text-align:center} #chooseWebMarketingCategory .buttonArrow {margin-bottom:10px; margin-right:2%; width:30%} #chooseWebMarketingCategory .buttonArrow:nth-child(3) {margin-right:0} #chooseWebMarketingCategory .buttonArrow:nth-child(6) {margin-right:0} #chooseWebMarketingCategory .buttonArrow a {display:inline-block; margin-right:1%; padding-left:1%; padding-right:2%; text-align:left; width:90%} /*seo*/ #SEOMainText {background:url(images/webmarketing-upgraphic.jpg) no-repeat right center; margin:0 auto 70px; padding:0 0 70px; width:100%; max-width:1170px; border-bottom:solid 1px #e6e6e6} #SEOMainText h2 {font-size:40px; margin-bottom:25px} #SEOMainText p {font-size:17px; max-width:570px; margin-bottom:25px} #SEOMainText h3 {font-size:34px; color:#008AFF; max-width:570px; font-weight:700} #seoEtapes h2 {font-size:37px; margin-bottom:30px; text-align:center} #seoEtapes h2 span {font-weight:700; color:#008AFF} #seoEtapes {width:100%; max-width:1170px; margin:0 auto 70px} #seoEtapes li, #seoEtapes p {font-size:17px} #seoEtapes ol {padding-bottom:100px; border-bottom:solid 1px #e6e6e6; margin-bottom:70px} #seoEtapes ol li {margin-bottom:60px; padding-left:150px; min-height: 120px;} #seoEtapes ol li strong {display:block} #seoEtapes ol li ul li {margin-bottom:10px; padding:0; background:0 none !important; min-height: 1px;} #seoEtapes ol li ul li a {padding: 0; margin: 0; color: #008AFF; background: none;} #seoEtapes ol li ul li strong {display:inline} #seoEtapes ol li:nth-child(1) {background:url(images/webmarketing-step1.png) no-repeat left top} #seoEtapes ol li:nth-child(2) {background:url(images/webmarketing-step2.png) no-repeat left top} #seoEtapes ol li:nth-child(3) {background:url(images/webmarketing-step3.png) no-repeat left top} #seoEtapes ol li:nth-child(4) {background:url(images/webmarketing-step4.png) no-repeat left top} #seoEtapes ol li:nth-child(5) {background:url(images/webmarketing-step5.png) no-repeat left top} #seoEtapes ol li:nth-child(6) {background:url(images/webmarketing-step6.png) no-repeat left top} /*sem*/ #seoMainImges img:first-child {margin-right: 10px;} #SEMMainText {/*background:url(images/webmarketing-googledata.png) no-repeat right 130px;*/ margin:0 auto 70px; padding:0 0 70px; width:100%; max-width:1170px; border-bottom:solid 1px #e6e6e6; text-align: center;} #SEMMainText h2 {font-size:40px; margin-bottom:25px} #SEMMainText p {font-size:17px; /*max-width:570px;*/ margin-bottom:25px; line-height:28px} #SEMMainText h3 {font-size:34px; color:#008AFF; max-width:570px; font-weight:700} #semList {width:100%; max-width:1170px; margin:0 auto 70px; padding-bottom:70px; border-bottom:solid 1px #e6e6e6} #semList h2 {font-size:37px; margin-bottom:30px; text-align:left} #semList h2 span {font-weight:700; color:#008AFF} #semList p, #semList li {font-size:17px} #semList li strong {display:block; margin-bottom:10px} #semList li {padding-left:220px; margin-bottom:60px} #semList li:nth-child(1) {background:url(images/webmarketing-googlelogo.png) no-repeat left center} #semList li:nth-child(2) {background:url(images/webmarketing-binglogo.png) no-repeat left center} #semList li:nth-child(3) {background:url(images/webmarketing-yahoologo.png) no-repeat left center} /*Display Advertising*/ #displayAdMainText {/*background:url(images/webmarketing-googledata.png) no-repeat right 130px;*/ margin:0 auto 70px; padding:0 0 70px; width:100%; max-width:1170px; border-bottom:solid 1px #e6e6e6; text-align: center;} #displayAdMainText h2 {font-size:40px; margin-bottom:25px} #displayAdMainText p {font-size:17px; /*max-width:570px;*/ margin-bottom:25px; line-height:28px} #displayAdMainText h3 {font-size:34px; color:#008AFF; max-width:570px; font-weight:700} #displayAdList {width:100%; max-width:1170px; margin:0 auto 70px; padding-bottom:70px; border-bottom:solid 1px #e6e6e6} #displayAdList h2 {font-size:37px; margin-bottom:30px; text-align:left} #displayAdList h2 span {font-weight:700; color:#008AFF} #displayAdList p, #displayAdList li {font-size:17px} #displayAdList li:last-child {margin: 0; padding-left: 0; background: none;} #displayAdList li:last-child img {display: inline-block; margin-top: 20px;} #displayAdList p {margin-bottom:25px} #displayAdList li strong {display:block; margin-bottom:10px} #displayAdList li {padding-left:255px; margin-bottom:60px} #displayAdList li:nth-child(1) {background:url(images/webmarketing-googlelogo.png) no-repeat left center} #displayAdList li:nth-child(2) {background:url(images/webmarketing-yahhobinglogo2.jpg) no-repeat left center} #displayAdList li:nth-child(3) {background:url(images/webmarketing-facebooklogo.jpg) no-repeat left center} #displayAdList li:nth-child(4) {background:url(images/webmarketing-tubelogo.jpg) no-repeat left center} #displayAdList li:nth-child(5) {background:url(images/webmarketing-linkedinlogo.jpg) no-repeat left center} #displayAdList li:nth-child(6) {background:url(images/webmarketing-amazonlogo.jpg) no-repeat left center} #displayAdList li ul li {padding-left:0; margin-bottom:10px; background:0 none !important} /*email marketing*/ #mailmarketingText {background:url(images/webmarketing-iphones.jpg) no-repeat right 90px; margin:0 auto 70px; padding:0 0 70px; width:100%; max-width:1170px; border-bottom:solid 1px #e6e6e6} #mailmarketingText h2 {font-size:40px; margin-bottom:25px} #mailmarketingText p {font-size:17px; max-width:570px; margin-bottom:25px; line-height:25px} #email1 {background:url(images/webmarketing-emailicon.png) no-repeat right 210px; margin:0 auto 70px; padding:50px 0 70px; width:100%; max-width:1170px; border-bottom:solid 1px #e6e6e6} #email1 h2 {font-size:40px; margin-bottom:25px; color:#008AFF} #email1 p {font-size:17px; max-width:850px; margin-bottom:25px; line-height:25px} #email1 li {font-size:17px} #email2 {margin:0 auto 70px; padding:50px 0 70px; width:100%; max-width:1170px; border-bottom:solid 1px #e6e6e6; text-align:center} #email2 h2 {font-size:40px} #email2 p {font-size:17px; margin-bottom:50px} .emailImages a, #cloudflareContent a, #displayAdList a {background:0 none; padding:0; margin:0} #email2 .emailImages img {margin:0 5px; display:inline-block} /*social media*/ #socialMediaText {width:100%; max-width:1170px; margin:0 auto 70px; padding-bottom:70px; border-bottom:solid 1px #e6e6e6; background:url(images/webmarketing-socialmedialogos.png) no-repeat left 70px; line-height:30px} #socialMediaText h2 {font-size:40px; margin-bottom:25px; font-weight: normal !important;} #socialMediaText p {padding-left:300px; font-size:17px} h2.whichMedia {font-size:40px; margin:0 auto 70px; text-align:left; width:100%; max-width:1170px} h2.whichMedia span {font-weight:700; color:#008AFF} .page-template-webmarketingPages #Accordion1 {margin-bottom:80px} .page-template-webmarketingPages .AccordionPanelTab {width:100%; max-width:1170px; margin:0 auto} .page-template-webmarketingPages .AccordionPanelContent {width:100%; max-width:1170px; margin:20px auto 0; padding-left:100px; font-size:17px; line-height:28px; box-sizing:border-box} .page-template-webmarketingPages .AccordionPanelContent p {margin-bottom:20px} .page-template-webmarketingPages .AccordionPanel {background:#f4f6fa !important} .page-template-webmarketingPages .AccordionPanelOpen .AccordionPanelTab {background:url(images/socialMediaOpenTab.png) no-repeat right 20px} .page-template-webmarketingPages .AccordionPanelTab span {color: #444b4d; display:inline-block; font-size:30px; font-weight:600; height:70px; line-height:70px; padding-left:100px} .page-template-webmarketingPages .AccordionPanelClosed .AccordionPanelTab {background:url(images/socialMediaClosedTab.png) no-repeat right 20px} .page-template-webmarketingPages .AccordionPanelTab span.facebook {background:url(images/webmarketing-fbicon.png) no-repeat left top} .page-template-webmarketingPages .AccordionPanelTab span.twitter {background:url(images/webmarketing-twiticon.png) no-repeat left top} .page-template-webmarketingPages .AccordionPanelTab span.linkedin {background:url(images/webmarketing-linkedinicon.png) no-repeat left top} .page-template-webmarketingPages .AccordionPanelTab span.google {background:url(images/webmarketing-g+icon.png) no-repeat left top} .page-template-webmarketingPages .AccordionPanelTab span.youtube {background:url(images/webmarketing-tubeicon.png) no-repeat left top} .page-template-webmarketingPages .AccordionPanelTab span.pinterest {background:url(images/webmarketing-pinticon.png) no-repeat left top} .page-template-webmarketingPages .AccordionPanelTab span.instagram {background:url(images/webmarketing-instaicon.png) no-repeat left top} /*site internet*/ #siteInternetMainText {width:100%; max-width:1170px; margin:0 auto 70px; padding-bottom:110px; /*border-bottom:solid 1px #e6e6e6;*/ background:url(images/siteinternet-imacs.jpg) no-repeat right 25px; line-height:30px; box-sizing:border-box} #siteInternetMainText h2 {font-size:40px; margin-bottom:25px} #siteInternetMainText p {padding-right:490px; font-size:17px; margin-bottom:60px} #siteInternetBrands {width:100%; max-width:1170px; margin:70px auto; text-align:center; /*padding-bottom:70px; border-bottom:solid 1px #e6e6e6*/} #siteInternetBrands h2 {font-size:40px; margin-bottom:40px} #siteInternetBrands h2 span {color:#008DFF} #siteInternetBrands p {margin-bottom:40px; font-size:17px} #siteInternetList h2 {font-size:37px; margin-bottom:30px; text-align:center} #siteInternetList h2 span {font-weight:700; color:#008AFF} #siteInternetList {width:100%; max-width:1170px; margin:0 auto 70px} #siteInternetList li, #seoEtapes p {font-size:17px} #siteInternetList ol {padding-bottom:100px} #siteInternetList ol li {margin-bottom:60px; padding-left:150px; min-height:120px} #siteInternetList ol li strong {display:block} #siteInternetList ol li ul li {margin-bottom:10px; padding:0; background:0 none !important} #siteInternetList ol li ul li strong {display:inline} #siteInternetList ol li:nth-child(1) {background:url(images/webmarketing-step1.png) no-repeat left top} #siteInternetList ol li:nth-child(2) {background:url(images/webmarketing-step2.png) no-repeat left top} #siteInternetList ol li:nth-child(3) {background:url(images/webmarketing-step3.png) no-repeat left top} #siteInternetList ol li:nth-child(4) {background:url(images/webmarketing-step4.png) no-repeat left top} #siteInternetList ol li:nth-child(5) {background:url(images/webmarketing-step5.png) no-repeat left top} #siteInternetList ol li:nth-child(6) {background:url(images/webmarketing-step6.png) no-repeat left top} #siteInternerQuick {width:100%; margin:70px auto 0; text-align:center} #siteInternerQuick {background:url(images/bigGreyBG.png) no-repeat center center; background-size:cover} #siteInternerQuick h2 {font-size:40px; margin-bottom:40px} #siteInternerQuick h2 span {font-weight:700; color:#008AFF} #siteInternerQuick p {margin-bottom:40px; font-size:17px} .button a {color:#fff; font-weight:700; text-transform:uppercase} #siteInternetResponsive {box-sizing:border-box; padding:60px 0} #siteInternetResponsiveContent {width:100%; max-width:1170px; margin:0 auto; padding-left:595px; background:url(images/googleSEO/seoResponseveEx.jpg) no-repeat left 10px; box-sizing:border-box; min-height:385px} #siteInternetResponsiveContent h2 {font-size:40px; margin-bottom:40px} #siteInternetResponsiveContent h2 span {font-weight:700; color:#008AFF} #siteInternetResponsiveContent p {margin-bottom:40px; font-size:17px} /*ecommerce site internet*/ #SiteInternetEcommerceMainText {background:url(images/topEcommerceBG.png) no-repeat right center; width:100%; margin:0 auto; height:505px} #SiteInternetEcommerceMainText .Container {text-align:left} #SiteInternetEcommerceMainText h2 {font-size:37px; margin-bottom:30px; max-width:565px; color:#008DFF; font-weight:400} #SiteInternetEcommerceMainText h2 span{font-weight:700; color:#008AFF} #SiteInternetEcommerceMainText p {font-size:17px; max-width:565px; margin-bottom:30px; line-height:26px} #noTemplate {box-sizing:border-box; padding:60px 0; /*background:#f4f6fa*/} #noTemplateContent {width:100%; max-width:1170px; margin:0 auto; padding-left:595px; background:url(images/googleSEO/seoResponseveEx.jpg) no-repeat left 10px; box-sizing:border-box; min-height:390px} .entry-content #homeWorks a {background:0 none} #noTemplateContent h2 {font-size:40px; margin-bottom:40px; padding-top:40px; color:#008DFF; font-weight:400} #noTemplateContent h2 span {font-weight:700; color:#008AFF} #noTemplateContent p {margin-bottom:40px; font-size:17px; margin-bottom:30px; line-height:26px} .shoppingCartLogos {margin-bottom:40px} .shoppingCartLogos img {vertical-align:middle; padding:10px 14px} #shoppingCartText {width:100%; max-width:1170px; margin:70px auto; text-align:center} #shoppingCartText h2 {font-size:40px; margin-bottom:25px; padding-top:110p; background:url(images/siteinternet-zoomicon.png) no-repeat center top; color:#008AFF; font-weight:700; padding-top:100px} #shoppingCartText p {font-size:17px; margin-bottom:40px} #blueBoxSquare {border:solid 1px #008AFF; height:46px; line-height:46px; font-size:17px; padding:0 50px} span.blue {color:#008AFF} .CartBrands {list-style: none;} .CartBrands li {height: 100px; display: block !important; float: left; width: 25%; margin: 0 0 10px !important; padding: 0 !important; background: none !important; position:relative} #siteInternetBrands li {height:100px; display:inline-block !important; width: 25%; margin: 0 0 10px !important; padding: 0 !important; background: none !important; position:relative} .cartBrandOver {position:absolute; top:0; left:0; width:100%; text-align:center; background:rgba(0,138,255,0.9); color:#fff; font-size:22px; z-index:10; height:100%; line-height:22px; opacity:0; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top:28px; box-sizing:border-box} .CartBrands li:hover .cartBrandOver, #siteInternetBrands li:hover .cartBrandOver {opacity:1} .cartBrandOver span {font-size:15px} .CartBrands li a, #siteInternetBrands li a {line-height: 28px; text-transform: initial; font-size: 20px; background: none; padding: 0; margin-top: 20px; border-radius: 0; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3;} .CartBrands li img, #siteInternetBrands li img {width: 90%; height: auto;} #cartLogosShowHide {position:relative; padding-bottom:50px; margin-bottom:30px} .moreCartLogos {position:absolute; bottom:0; width:100%; background:url(images/carts/more.jpg) no-repeat center bottom; height:45px; cursor:pointer} .moreCartLogos.lessCartLogos {background:url(images/carts/less.jpg) no-repeat center bottom} .page-commerce-electronique .moreCartLogos {position:absolute; bottom:0; width:100%; background:url(images/carts/more_fr.jpg) no-repeat center bottom; height:30px; cursor:pointer} .page-commerce-electronique .moreCartLogos.lessCartLogos {background:url(images/carts/less_fr.jpg) no-repeat center bottom} .entry-content ul li.hiddenCart {display:none !important} .entry-content ul li.visibleCart, .entry-content ul li.hiddenCart.visibleCart {display:block !important} /*.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("grayscale.svg#greyscale"); filter: gray; }*/ .grayscale:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; filter: none; filter: none; } /*user experience*/ #userExperienceMainText {width:100%; max-width:1170px; margin:0 auto 70px; padding-bottom:70px; border-bottom:solid 1px #e6e6e6; background:url(images/siteinternet-skectch.jpg) no-repeat right 60px; line-height:27px; box-sizing:border-box} #userExperienceMainText h2 {font-size:40px; margin-bottom:25px} #userExperienceMainText p {padding-right:490px; font-size:17px; margin-bottom:60px} #userExperienceMainText li {padding-right:490px; font-size:17px} #userExperienceList h2 {font-size:37px; margin-bottom:30px; text-align:center} #userExperienceList h2 span {font-weight:700; color:#008AFF} #userExperienceList {width:100%; max-width:1170px; margin:0 auto 70px} #userExperienceList li {font-size:17px} #userExperienceList p {font-size:17px; margin-bottom:25px; text-align:center} #userExperienceList ol {padding-bottom:100px} #userExperienceList ol li {margin-bottom:60px; padding-left:150px; min-height:120px} #userExperienceList ol li strong {display:block} #userExperienceList ol li ul li {margin-bottom:10px; padding:0; background:0 none !important} #userExperienceList ol li ul li strong {display:inline} #userExperienceList ol li:nth-child(1) {background:url(images/webmarketing-step1.png) no-repeat left top} #userExperienceList ol li:nth-child(2) {background:url(images/webmarketing-step2.png) no-repeat left top} #userExperienceList ol li:nth-child(3) {background:url(images/webmarketing-step3.png) no-repeat left top} #userExperienceList ol li:nth-child(4) {background:url(images/webmarketing-step4.png) no-repeat left top} #userExperienceList ol li:nth-child(5) {background:url(images/webmarketing-step5.png) no-repeat left top} #userExperienceList ol li:nth-child(6) {background:url(images/webmarketing-step6.png) no-repeat left top} /*hosting*/ #hostingMainText {width:100%; max-width:1170px; margin:0 auto 70px; background:url(images/siteinternet-cloudhosting.jpg) no-repeat right 60px; line-height:27px; box-sizing:border-box; min-height:415px} #hostingMainText h2 {font-size:40px; margin-bottom:25px} #hostingMainText p {padding-right:550px; font-size:17px; margin-bottom:50px} #hostPlans {background:#181b1f; padding:70px 0 70px} #hostPlansContent {width:100%; max-width:1170px; margin:0 auto; text-align:center} #hostPlansContent h2 {font-size:40px; color:#fff; margin-bottom:40px} #hostPlansContent h3 {font-size:17px; color:#fff; font-weight:800; margin-bottom:25px} #hostPlansContent p {font-size:15px; color:#fff; line-height:22px} .hostPlan {width:370px; height:390px; background:#333; box-sizing:border-box; padding:30px; float:left; position:relative} .hostPlan:nth-child(2) {margin:0 30px} .hostPlan .button {position:absolute; bottom:30px; left:50%; margin-left:-118px; width:140px} #hostExtras {margin:0 auto 70px; padding:50px 0; width:100%; max-width:1170px} #hostExtras h2 {font-size:40px; margin-bottom:40px; padding-top:40px; text-align:center} #hostExtras h2 span {font-weight:700; color:#008AFF} #hostExtras p {font-size:17px; max-width:570px; margin-bottom:25px} #hostExtrasBlocks {width:100%; max-width:1170px; margin:70px auto 0; text-align:center} #hostExtrasBlocks .etape p {font-size:15px; text-align:left} .hostExtraBlock {width:22%; float:left; margin-right:3%} .hostExtraBlock h3 {margin-bottom:25px; padding-top:145px; font-size:21px; font-weight:700} .hostExtraBlock:nth-child(1) h3 {background:url(images/siteinternet-wwwiconhover.png) no-repeat center top} .hostExtraBlock:nth-child(2) h3 {background:url(images/siteinternet-compuiconhover.png) no-repeat center top} .hostExtraBlock:nth-child(3) h3 {background:url(images/siteinternet-codeiconhover.png) no-repeat center top} .hostExtraBlock:nth-child(4) h3 {background:url(images/siteinternet-penciliconhover.png) no-repeat center top} .hostExtraBlock:last-child {width:24%; float:right; margin-right:0%} #cloudflare {background:#f4f6fa} #cloudflareContent {width:100%; max-width:1170px; margin:0 auto; padding:70px 0; text-align:center} #cloudflareContent h2 {font-size:40px; font-weight:700; color:#008AFF; margin:25px 0} #cloudflareContent p {font-size:17px; line-height:30px} /*programming*/ #webProgrammingMainText {width:100%; max-width:1170px; margin:0 auto 70px; background:url(images/siteinternet-typecomputer.jpg) no-repeat right center; line-height:27px; box-sizing:border-box; min-height: 330px;} #webProgrammingMainText h2 {font-size:40px; margin-bottom:25px} #webProgrammingMainText p {padding-right:490px; font-size:17px; margin-bottom:60px} #programmingBlueBox {background:#f4f6fa; padding:70px 0} #programmingBlueBoxContent {width:100%; max-width:1170px; margin:0 auto; text-align:center} #programmingBlueBoxContent h2 {font-size:40px; font-weight:700; color:#008AFF; margin-bottom:35px} #programmingBlueBoxContent p {font-size:17px; margin-bottom:35px} #programmingBlueBoxContent p a {color: #008AFF; margin: 0; padding: 0; background: none;} #programmingLogos {margin:0 auto 70px; padding:50px 0; width:100%; max-width:1170px; text-align:center} #programmingLogos a {background:0 none; padding:0; height:auto; line-height:inherit; margin:0} #programmingLogos h2 {font-size:40px; margin-bottom:40px; padding-top:40px; text-align:center} #programmingLogos h2 span {font-weight:700; color:#008AFF} #programmingLogos p {font-size:17px; margin-bottom:25px} #BlueTextProgramming {background:#008AFF; padding:70px 0} #BlueTextProgrammingContent {width:100%; max-width:1170px; text-align:center; margin:0 auto} #BlueTextProgrammingContent h2 {font-size:40px; color:#fff; margin-bottom:20px} #BlueTextProgrammingContent p {font-size:25px; color:#fff; margin-bottom:20px} #BlueTextProgrammingContent #BlueTextProgrammingButton {padding:0 70px; height:60px; line-height:60px; border:solid 1px #fff; font-size:17px; color:#fff; display:inline-block} #BlueTextProgrammingContent #BlueTextProgrammingButton a {color:#fff; background:#008AFF; display:block; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} #BlueTextProgrammingContent #BlueTextProgrammingButton:hover a {color:#008AFF; background:#fff} /* PORTFOLIO */ #portafolioHeader {padding-top:85px; background:url(images/portafolioHeaderBG.png) no-repeat center center; background-size:cover; position:relative; height:225px} #portfolioContent {width:100%; max-width:1170px; margin:0 auto; height:225px; box-sizing:border-box; padding-top:60px; text-align:center; color:#fff} #portfolioContent h2 {font-size:35px; font-weight:500; color: #FFF;} #portfolioContent h3 {font-weight:800; font-size:40px; color: #FFF;} #portafolioHeader #arrow {position:absolute; bottom:-34px; left:50%; margin-left:-59px; width:118px; height:34px; background:url(images/portafolioArrowDeco.png) no-repeat center center} #portfolioBlock1 {margin:90px auto; text-align:center; width:100%; max-width:1170px} #portfolioBlock1 h2 {font-size:40px; font-weight:300; margin-bottom:0} #portfolioBlock1 h3 {color:#3587ff; font-size:40px; font-weight:800; margin-bottom:10px} #portfolioBlock1 p {max-width:1170px; font-size:17px; margin-bottom:0} /**/ .bigPortfolio {height:450px; width:100%; position:relative; clear:both} .smallPortfolio {height:450px; width:50%; position:relative; float:left} .smallPortfolio .screen, .bigPortfolio .screen {background:rgba(0, 0, 0, 0.5); position:absolute; width:100%; height:100%; top:0; left:0; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:10} .smallPortfolio .screen a, .bigPortfolio .screen a {display:block; width:100%; height:100%} .smallPortfolio:hover .screen, .bigPortfolio:hover .screen {background:rgba(20, 54, 96, 0.75); position:absolute; width:100%; height:100%; top:0; left:0} .smallPortfolio .logo {position:relative; z-index:11; text-align:center; margin:0 auto; height:450px; display:block; width:100%} .smallPortfolio .logo table, .bigPortfolio .logo table {width:100%; height:100%; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1} .smallPortfolio .logo span, .bigPortfolio .logo span {display:table-cell; vertical-align:middle; height:450px} /*Portfolio 2015*/ .bigPortfolio .logo {position:relative; z-index:11; text-align:center; margin:0 auto; height:450px; display:block; width:50%;} .bigPortfolio.RightImage .logo, .bigPortfolio.LeftImage .thumb {float: left;} .bigPortfolio.LeftImage .logo, .bigPortfolio.RightImage .thumb {float: right;} .bigPortfolio.LeftImage .thumb, .bigPortfolio.RightImage .thumb {width: 50%; position: relative; height:450px;} .bigPortfolio.LeftImage .thumb img, .bigPortfolio.RightImage .thumb img {display: block; position: absolute; width: 100%; max-width: 750px; height: auto; bottom: 0px; z-index: 15;} .smallPortfolio .logo .InfoB, .bigPortfolio .logo .InfoB {opacity: 0; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .smallPortfolio:hover .logo .InfoB, .bigPortfolio:hover .logo .InfoB {display: block; opacity: 1; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .smallPortfolio:hover .logo table, .bigPortfolio:hover .logo table {opacity: 0} .smallPortfolio .logo .InfoB, .bigPortfolio .logo .InfoB {position: absolute; top: 0; left:0; color: #FFF; width: 100%; height: 100%;} .smallPortfolio .logo .InfoB .UI, .bigPortfolio .logo .InfoB .UI {display: block; position: absolute; bottom: 40px; font-family: 'Oswald'; font-size: 16px; width: 100%;} .smallPortfolio .logo .InfoB .Title, .bigPortfolio .logo .InfoB .Title {font-weight: bold; color: #FFF !important; width: 80%; margin: 70px auto 10px; font-size: 36px;} .smallPortfolio .logo .InfoB .Slogan, .bigPortfolio .logo .InfoB .Slogan {font-size: 18px; display: block; margin-top: 10px} .smallPortfolio .logo .InfoB .Platform, .bigPortfolio .logo .InfoB .Platform {font-size: 16px; font-style: italic; margin-top: 20px;} .smallPortfolio .logo .InfoB .Arrow, .bigPortfolio .logo .InfoB .Arrow { display: block; width: 100px; height: 100px; margin: 45px auto 0; border-radius: 50%; border:2px solid #FFF; } .smallPortfolio .logo .InfoB .Arrow i, .bigPortfolio .logo .InfoB .Arrow i {line-height: 100px;} .bigPortfolio.LeftImage .thumb img {right: 0;} .bigPortfolio.RightImage .thumb img {left:0;} #TabbedPanels1 .bigPortfolio, #TabbedPanels1 .smallPortfolio {background-size:cover; background-repeat:no-repeat; background-position: center center} #TabbedPanels1 .bigPortfolio a, #TabbedPanels1 .smallPortfolio a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:20} #Timberblock {background:url(images/timberblock.jpg)} #off {background:url(images/33off.jpg)} #proteinco {background:url(images/proteinco.jpg)} #mapleSyrup {background:url(images/maplesyrum.jpg)} #nameBubbles {background:url(images/nameBubblesBGCat.png)} #tranClimatisation {background:url(images/tran.jpg)} #georges {background:url(images/geargesBGCat.png)} #oliveOil {background:url(images/oliveoil.jpg)} #fromages {background:url(images/fromagescda.jpg)} #winenz {background:url(images/winenzBGCat.png)} #miguelAntoine {background:url(images/miguelantoine.jpg)} #bdprint {background:url(images/portfolio/bdprint-o.jpg)} #CWS {background:url(https://marketingmedia.ca/wp-content/uploads/2015/11/cws-topBG.jpg)} /**/ .TabbedPanels {overflow:hidden; margin:0px; padding:0px; clear:none; width: 100%; /*IE Hack*/} .TabbedPanelsTabGroup {margin:0px; padding:0px; text-align:center; margin-bottom:30px} .TabbedPanelsTab {position:relative; display:inline-block; padding:0 17px; margin:0; list-style:none; -moz-user-select:none; -khtml-user-select:none; cursor:pointer; color:444b4d; border:solid 1px #fff; border-radius:#fff; margin:0 10px; font-size:18px; font-weight:700; height:40px; line-height:40px; border-radius:5px} .TabbedPanelsTabHover, .TabbedPanelsTabSelected {color:#0087ff; border:solid 1px #0087ff} .TabbedPanelsTab a {color:black; text-decoration:none;} .TabbedPanelsContentGroup {clear:both;} .TabbedPanelsContent {overflow:hidden} /*.TabbedPanelsContentVisible {}*/ .VTabbedPanels {overflow:hidden; zoom:1;} .VTabbedPanels .TabbedPanelsTabGroup {float:left; width:10em; height:20em; position:relative;} .VTabbedPanels .TabbedPanelsTab {float:none; margin:0px;} /*.VTabbedPanels .TabbedPanelsTabSelected {}*/ .VTabbedPanels .TabbedPanelsContentGroup {clear:none; float:left; padding:0px; width:30em; height:20em;} /**/ #portfolioOtherProjects {margin:140px auto 80px; text-align:center; width:100%; /*max-width:1170px*/} #portfolioTabs .TabbedPanelsContent:nth-child(2), #portfolioTabs .TabbedPanelsContent:nth-child(3), #portfolioTabs .TabbedPanelsContent:nth-child(4) {padding-bottom:120px} #portfolioOtherProjects h2 {font-size:40px; font-weight:700; color:#3587ff} #portfolioOtherProjects p {color:#848889; font:19px 'Lato_Italic'; margin-bottom: 30px;} #portfolioBlock2 {margin-bottom:120px; text-align:center} #portfolioBlock2 h2 {font-size:40px; font-weight:300; color:#444b4d} #portfolioBlock2 h2 span {font-weight:700; color:#3587ff} /**/ #otherProject .entry {width: 16.4%; height: auto; position: relative; display: inline-block; margin-bottom: 4px; box-sizing: border-box; padding: 15px;} /*#otherProject .entry:nth-child(1), #otherProject .entry:nth-child(5), #otherProject .entry:nth-child(9), #otherProject .entry:nth-child(13), #otherProject .entry:nth-child(17), #otherProject .entry:nth-child(21), #otherProject .entry:nth-child(25) {margin-left:0} #otherProject .entry:nth-child(4), #otherProject .entry:nth-child(8), #otherProject .entry:nth-child(12), #otherProject .entry:nth-child(16), #otherProject .entry:nth-child(20), #otherProject .entry:nth-child(24), #otherProject .entry:nth-child(28) {margin-right:0}*/ #otherProject .entry .screen {background:rgba(0, 0, 0, 0.4); position:absolute; width:100%; height:100%; top:0; left:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:10} #otherProject .entry:hover .screen {background:rgba(20, 54, 96, 0.5); position:absolute; width:100%; height:100%; top:0; left:0} #otherProject .entry .logo span {display:table-cell; vertical-align:middle; height:270px; width:270px; text-align:center; z-index:11; position:relative} /*#otherProject .entry a {width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:12}*/ #otherProject .logo {position: relative; z-index: 15;} #otherProject .logo img {width: 100%; height: auto;} #otherProject .Inside {opacity: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%;top: 0; left: 0; z-index: 18; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #otherProject .entry:hover .Inside {opacity: 1;} #otherProject .entry:hover .logo {opacity: 0.3} #otherProject .Inside .Info {color:#FFF; width: 100%;} #otherProject .Inside .Info strong {display: block; color: #FFF; font-size: 23px; width: 90%; font-size: 23px !important; margin:0 auto 5px;} #otherProject .Inside .Info em {display: block; margin-bottom: 20px;} #otherProject .Inside .Info a {display: block; border: 1px solid #FFF; font-size: 14px; line-height: 40px; width: 80%; margin: 0 auto; color: #FFF; border-radius: 3px; width: 70%; margin: 0 auto;} #otherProject .Inside .Info a:hover {background: #3587ff; border:1px solid #3587ff;} /*generic ipad display*/ /*.post-remember-me-gifts #genericComputer {background-size:849px auto !important} .post-hidextra #genericComputer {background-size:1016px auto !important} .post-name-bubbles #genericComputer {background-size:836px auto !important} .post-kimono-beach #genericComputer {background-size:849px auto !important} .post-joly-riendeau #genericComputer {background-size:863px auto !important} .post-challenge-du-lac-brompton #genericComputer {background-size:1016px auto !important} .post-cel-aerospace #genericComputer {background-size:1016px auto !important}*/ /*top bar special projects*/ #projectNav {position:fixed; /*top:85px;*/top:94px !important; left:0; width:100%; height:50px; border-bottom:solid 1px rgba(255,255,255,0.25); background:rgba(24, 27, 31, 0.7); z-index:5; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #projectNavContent {height:50px; line-height:50px; position:relative; text-align:center} #returnCategory {position:absolute; top:0; left:0; background:url(images/returnProjects.png) no-repeat center center; width:50px; height:50px; border-right:solid 1px rgba(255,255,255,0.25);} #returnCategory a {display:block; width:100%; height:100%} #projectURLtop {height:50px; line-height:50px; text-align:center} #projectURLtop a {color:#fff; font:13px 'open_sansregular'; text-transform:uppercase} #nextPrev {position:absolute; top:0; right:0; height:50px} #nextPrev a:nth-child(1) {float:left; width:50px; height:50px; background:url(images/prevProject.png) no-repeat center center; border-left:solid 1px rgba(255,255,255,0.25); text-indent:-9000px} #nextPrev a:nth-child(2) {float:right; width:50px; height:50px; background:url(images/nextProject.png) no-repeat center center; border-left:solid 1px rgba(255,255,255,0.25); text-indent:-9000px} /* TIMBERBLOCK */ #projectThumb {padding-top:85px; width:100%; height:573px; position:relative; box-sizing:border-box} #genericComputer {position:absolute; bottom:0; left:0; width:100%; height:100%; background-size:auto 70% !important; background-position:center bottom !important; background-repeat:no-repeat !important} #genericLogo {position: absolute;bottom: 0; width: 100%; height: 85%; text-align: center;} #genericLogo img {width: auto; max-width: 100%; max-height: 100%; top:auto !important; bottom: 0 !important;} #projectThumb.genericPortfolio {/*height:1000px; */background-position:center bottom !important} #projectThumb img {bottom:0; left:0; margin:auto; position:absolute; right:0; top:0} #projectDescription {margin:100px auto; font-size:20px; line-height: 1.5; text-align:center; width:100%; max-width:1170px} #projectScreenShot {height:980px} #screenshot {width:100%; max-width:1170px; margin:0 auto; position:relative; height:980px} #screenshot img {position:absolute; bottom:0; left:-27px} #strategy {margin:120px auto; width:100%; max-width:1170px; text-align:center} #strategy p {font-size:24px} #strategy h2 {font-size:40px; font-weight:700; color:#3587ff; background:url(images/strategyICN.png) no-repeat center top; padding-top:67px} #projectOnScreen {height:655px; position:relative; margin-bottom:185px} #projectOnScreen img {position:absolute; bottom:-120px; left:50%; margin-left:-416px} #design {margin:0 auto 160px; width:100%; max-width:1170px; text-align:center} #design p {font-size:24px} #design h2 {font-size:40px; font-weight:700; color:#3587ff; background:url(images/designICN.png) no-repeat center top; padding-top:67px} #responsive {height:540px} #responsiveContent {position:relative; width:100%; max-width:1170px; height:540px; margin:0 auto; text-align:center} #responsiveContent img {position:absolute; bottom:0; right:0} #responsiveContent h2 {/*width:560px;*/ font-size:40px; font-weight:300; color:#fff; padding-top:150px} #responsiveContent h3 {/*width:560px;*/ font-size:40px; font-weight:700; margin-bottom:30px; color:#fff} #responsiveContent p {width:560px; font-size:18px; color:#fff} #development {margin:120px auto; width:100%; max-width:1170px; text-align:center} #development p {font-size:24px} #development h2 {font-size:40px; font-weight:700; color:#3587ff; background:url(images/developmentICN.png) no-repeat center top; padding-top:67px} #howMade {height:1000px; position:relative; margin-bottom:160px} #howMade img {position:absolute; bottom:-50px; left:50%; margin-left:-350px} #projectBubbles {position:relative; width:100%; max-width:1170px; padding:100px 105px 0; text-align:center; margin:0 auto; box-sizing:border-box} .howMadeBubble {width:285px; padding:12px; background:rgba(0, 0, 0, 0.6); border-radius:500px; color:#fff; height:285px; float:left; box-sizing:border-box} .howMadeBubble:nth-child(1), .howMadeBubble:nth-child(3) {margin-top:65px} .howMadeBubble:nth-child(2) {margin:0 50px} .bubbleContent {background:rgba(0, 0, 0, 0.6) url(images/scriptICN.png) no-repeat 115px 40px; border-radius:500px; width:100%; height:100%; box-sizing:border-box; padding-top:85px} .bubbleContent h2, .bubbleContent p {font-size:29px; font-weight:300; margin-bottom:0} .bubbleContent h3 {font-size:34px; font-weight:700; margin-bottom:0} .bubbleContent h2, .bubbleContent h3 {color: #FFF !important;} #visitProjectDescription {width:100%; max-width:1170px; margin:0 auto; text-align:center} #visitProjectDescription p {font-size:24px; margin-bottom:40px} #visitProjectDescription a {color:#2782b1; font:30px Lato_Italic; margin-bottom:70px; display:inline-block} /*33 OFF*/ .post-33-off-com #howMade img {bottom:-115px; margin-left:-436px} .post-33-off-com #howMade {margin-bottom:200px} .post-33-off-com #development {margin-top:260px} .post-33-off-com #responsiveContent img {bottom:-240px} /*PROTEINCO*/ .post-proteinco #responsive {height:957px} .post-proteinco #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-proteinco #responsiveContent img {position:absolute; bottom:-130px; right:50%; margin-right:-693px} .post-proteinco #development {margin:260px auto 120px} .post-proteinco #howMade img {bottom:-120px; margin-left:-436px} /*BOULANGERIE GEORGE*/ .post-boulangerie-georges #page {overflow:hidden} .post-boulangerie-georges #screenshot img {bottom:-123px} .post-boulangerie-georges #projectOnScreen {margin-bottom:250px} .post-boulangerie-georges #projectOnScreen img {bottom:-150px; margin-left:-810px} .post-boulangerie-georges #responsive {height:957px} .post-boulangerie-georges #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-boulangerie-georges #responsiveContent img {position:absolute; bottom:-130px; right:50%; margin-right:-350px} .post-boulangerie-georges #development {margin:260px auto 120px} .post-boulangerie-georges #howMade img {bottom:-120px; margin-left:-436px} .post-boulangerie-georges #how2.howMadeBubble {opacity: 0;} /*BOULANGERIE GEORGE*/ .post-fromages-cda #page {overflow:hidden} .post-fromages-cda #projectOnScreen {margin-bottom:250px} .post-fromages-cda #projectOnScreen img {bottom:-150px; margin-left:-810px} .post-fromages-cda #responsive {height:1000px} .post-fromages-cda #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-fromages-cda #responsiveContent img {position:absolute; bottom:-130px; right:50%; margin-right:-350px} .post-fromages-cda #development {margin:120px auto 120px} .post-fromages-cda #howMade img {bottom:-120px; margin-left:-436px} /*MIGUEL ANTOINNE*/ .post-miguel-antoinne #page {overflow:hidden} .post-miguel-antoinne #projectOnScreen {margin-bottom:185px} .post-miguel-antoinne #projectOnScreen img {bottom:-80px; left:50%; margin-left:-90px; position:absolute} .post-miguel-antoinne #responsive {height:1000px} .post-miguel-antoinne #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-miguel-antoinne #responsiveContent img {position:absolute; bottom:-150px; left:0} .post-miguel-antoinne #development {margin:185px auto 120px} .post-miguel-antoinne #howMade img {bottom:-120px; margin-left:-436px} .post-miguel-antoinne #howMade {height:1182px} /*OLIVE OIL LOVERS*/ .post-olive-oil-lovers #page {overflow:hidden} .post-olive-oil-lovers #projectOnScreen {margin-bottom:185px} .post-olive-oil-lovers #projectOnScreen img {bottom:-80px; left:50%; margin-left:-600px; position:absolute} .post-olive-oil-lovers #responsive {height:1000px} .post-olive-oil-lovers #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-olive-oil-lovers #responsiveContent img {position:absolute; bottom:-150px; left:0} .post-olive-oil-lovers #development {margin:185px auto 120px} .post-olive-oil-lovers #howMade img {bottom:-120px; margin-left:-436px} .post-olive-oil-lovers #howMade {height:1182px} /*TRAN CLIMATISATION*/ .post-tran-climatisation #page {overflow:hidden} .post-tran-climatisation #screenshot img {bottom:-130px} .post-tran-climatisation #projectOnScreen {margin-bottom:185px} .post-tran-climatisation #projectOnScreen img {bottom:-80px; left:50%; margin-left:-680px; position:absolute} .post-tran-climatisation #responsive {height:1000px} .post-tran-climatisation #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-tran-climatisation #responsiveContent img {position:absolute; bottom:-150px; right:0} .post-tran-climatisation #development {margin:185px auto 120px} .post-tran-climatisation #howMade img {bottom:-120px; margin-left:-436px} .post-tran-climatisation #howMade {height:1182px} /*WINENZ*/ .post-winenz-com #page {overflow:hidden} .post-winenz-com #screenshot img {bottom:-76px} .post-winenz-com #projectOnScreen {margin-bottom:185px} .post-winenz-com #projectOnScreen img {bottom:-83px; left:50%; margin-left:-416px; position:absolute} .post-winenz-com #responsive {height:1000px} .post-winenz-com #responsiveContent {position:relative; width:100%; max-width:1170px; height:957px; margin:0 auto; text-align:center} .post-winenz-com #responsiveContent img {bottom:-150px; margin-right:-474px; position:absolute; right:50%} .post-winenz-com #development {margin:185px auto 120px} .post-winenz-com #howMade img {bottom:-120px; margin-left:-436px} .post-winenz-com #howMade {height:1182px} /*cellular window shades*/ .post-cellular-window-shades #howMade img {margin-left:-436px} #responsiveContent img {bottom:-55px; left:0; right:inherit;} .postid-6439 #nextPrev a, .postid-6431 #nextPrev a {background:url(images/nextProject.png) no-repeat center center !important;} #ProjectPlatform {padding:60px 0; background: url(images/blackBG.png) no-repeat center center; background-size: cover;} #ProjectPlatform .Text {color: #fff; font-size: 20px; text-align: center;} #ProjectPlatform .PlatformImage {text-align: center; margin-top: 20px;} #ProjectPlatform .PlatformImage img {width: auto; height: auto; max-width: 220px; max-height: 70px; margin-bottom: 20px; } #ProjectPlatform .PlatformImage span {text-align: center; display: block; color: #fff; font-size: 14px;} /**/ #nextPrevThumbs {height:450px; background-color:#999} #nextPrevThumbs a:nth-child(1) {display:inline-block; width:50%; height:450px; background-color:#999; text-indent:-9000px} #nextPrevThumbs a:nth-child(2) {display:inline-block; width:50%; height:450px; background-color:#999; text-indent:-9000px} #cooler-nav {display:none; visibility:hidden} .nav-box.previous {display:inline-block; width:50%; height:450px; background-color:#999; float:left; overflow:hidden; position:relative} .nav-box.next {display:inline-block; width:50%; height:450px; background-color:#999; float:right; overflow:hidden; position:relative} .nav-box img {height:100%; width:auto; position:absolute; top:0; left:0} /*Logos*/ .LogosContent {width: 100%; max-width: 1170px; margin: 0 auto;} /*.LogosContent .Logos {}*/ .LogosContent .Logos li {background: #f0f2f5; position: relative; float: left; width: 47.5%; height: auto; margin-bottom:30px; margin:1% !important} .LogosContent .Logos li:nth-child(odd) {margin-right: 3%;} .LogosContent .Logos li img {width: 100% !important; height: auto;} .LogosContent .Logos li:hover .OverLogo {opacity: 1; } .OverLogo { width: 100%; position: absolute; text-align: center; background: #FFF; height: 100%; opacity: 0; -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-decoration:none;} .OverLogo .BrandName {font-size: 30px; font-weight: bold; } .OverLogo a {position: absolute; display: block; width: 100%; height: 100%; color: #444b4b;} .OverLogo .ContentBrand {position: absolute;; width: 100%; top: 40%;} .ContentBrand span { color: #008aff; } /* FOOTER */ #footer {background:url(images/footBG.jpg) no-repeat center center; background-size:cover} #footerContainer {width:100%; max-width:1170px; margin:0 auto; padding:50px 0 25px} .footBlock {float:left} .footBlock:nth-child(1) {width:265px; margin-right:30px} .footBlock:nth-child(2) {width:575px; margin-right:30px} .footBlock:nth-child(3) {width:270px; margin-right:0; float:right} .footBlock h2 {border-bottom:1px solid #ccc; color:#fff; font-size:17px; font-weight:500; margin-bottom:30px; padding-bottom:10px; text-transform:uppercase} .footBlock h3 {font-weight:700; font-size:15px; color:#fff; text-transform:uppercase} .footBlock h2 a, .footBlock h3 a {color:#d5d6d7} .footBlock h2 a:hover, .footBlock h3 a:hover {color:#fff} .footBlock ul {margin-bottom:20px} .footBlock li, .footBlock p {font-size:15px; color:#808388} .footBlock li a, .footBlock p a {color:#808388} .footBlock li a:hover, .footBlock p a:hover {color:#ccc} /*.footBlock li:before {content:'> '}*/ .innerBlock {width:50%; float:left} .footBlogImage {width:70px; height:70px; margin-right:15px; float:left; background:#fff} .footBlogImage a {display:block; width:100%; height:100%} .footBlog {margin-bottom:20px} .footBlog .footBlogContent {font-size:15px; line-height:17px; height:35px; overflow:hidden} .footBlog h3 {margin-bottom:0; height:38px; overflow:hidden; text-transform:none} .footBlog h3 a {color:#fff} .incap_page-tooltip {display:none !important; visibility:hidden !important} /* LEGALS */ #legals {background:#000; border-top:solid 1px #333; height:64px; overflow:hidden} #legalsContainer {width:100%; max-width:1170px; margin:0 auto} h2#footLogo {background:url(images/footLogo.png) no-repeat left center; width:171px; height:25px; text-indent:-9000px; float:left; margin-top:20px} h2#footLogo a {display:block; width:100%; height:100%} #legalsContainer #addressMail {font:13px 'open_sansregular'; color:#444b4d; float:right; line-height:64px} #legalsContainer #addressMail a {color:#444b4d} #legalsContainer #addressMail a:hover {color:#444b4d; text-decoration:underline} span.address {background:url(images/footPhoneICN.png) no-repeat left center; padding-left:18px} span.mail {background:url(images/footMainICN.png) no-repeat left center; margin-left:20px; padding-left:20px} #legalsContainer #footRights {float:left; font-size:12px; line-height:68px; margin-left:20px} #legalsContainer #footRights a {color:#808387} #legalsContainer #footRights a:hover {text-decoration:underline} #footSocialMedia {width:270px; text-align:left; margin:20px 0 40px} #footSocialMedia li {width:19px; height:19px; text-indent:-9000px; background:url(images/footMedia.png) no-repeat left top; display:inline-block; margin-left:8px; text-align:left} #footSocialMedia li a {display:block; width:100%; height:100%} #footSocialMedia li:nth-child(1) {background-position:0 0} #footSocialMedia li:nth-child(2) {background-position:-25px 0} #footSocialMedia li:nth-child(3) {background-position:-55px 0} /*#footSocialMedia li:nth-child(4) {background-position:-82px 0}*/ #footSocialMedia li:nth-child(4) {background-position:-113px 0} #footSocialMedia li:nth-child(5) {background-position:-140px 0} span.wpcf7-not-valid-tip {right:4px; position:absolute; top:1px; font-size:12px} span.wpcf7-not-valid-tip:hover {display:none; visibility:hidden} div.wpcf7-response-output {background:rgba(24, 27, 31, 0.7); left:0; margin:0; position:absolute; bottom:-71px; color:#fff; border: 2px solid #008AFF; padding: 10px; border-radius: 3px;} .page-template-contactPage-php div.wpcf7-response-output {position:inherit; bottom:inherit} #column2 div.wpcf7-response-output {margin:0; top:-70px; bottom:inherit} #column2 span.wpcf7-form-control-wrap {display:block; position:relative} #PrestaForm .wpcf7 {position: relative;} #PrestaForm .wpcf7-response-output {position: relative; bottom: 0;} .post-timber-block #nextPrev a:first-child {background: url(images/nextProject.png) no-repeat center center !important;} .post-cel-aerospace #nextPrev a:last-child, .post-best-deal-graphics-printing #nextPrev a:last-child {display:none; visibility:hidden} /*.post-academie #nextPrev a:first-child {display: none;}*/ .post-cel-aerospace #nextPrev a:first-child {background: url(images/prevProject.png) no-repeat center center !important;} .post-ozeano-granite-surface-branding #nextPrev a:first-child {background: url(images/nextProject.png) no-repeat center center !important;} .post-fromages-cda #projectThumb img {bottom: auto !important; top: 33% !important;} .searchTitle {font-size:32px; font-weight:500; color:#808387; text-transform:uppercase} .searchTitle span {font-weight:700; color:#0092ff} #bubbles img {margin: 0 50px 40px;} .notfound #column1 li {list-style:inherit; margin-left:20px} .notfound #column1 a {color:#3692ff} .notfound #column2 .widget_tag_cloud, .notfound #column2 #text_icl-8, .notfound #column2 #text_icl-4, .notfound #column2 #text_icl-6 {display:none; visibility:hidden} .group-blog #postContent #column1 li {list-style:inherit; margin-left:20px} .group-blog #postContent #column1 .postBy li {list-style:none; margin-left:0px; margin-bottom:0} .LenguageNew {margin: 30px 0;} .LenguageNew .menu-item-language-current > a {display: block;} .LenguageNew ul li {display: block; margin-bottom: 5px;} .LenguageNew ul li a {color: #008AFF;} .nav-menu-resp li.menu-item-language-current {display: none;} .nav-menu-resp ul li ul li:last-child a {display: block;} /*ECOMMERCE SECTION*/ .EcommercePages {color: rgb(128,131,136); font-size: 18px; line-height: 27px } .EcommercePages .Left {float: left; width: 50%; text-align: justify;} .EcommercePages .Right {float: right; width: 50%; text-align: justify;} .EcommercePages .Container {width: 100%; max-width: 1170px; margin:0 auto; padding: 90px 0; text-align: center; box-sizing:border-box;} .EcommercePages .BlackSection {color: #FFF !important; z-index: 99; position: relative;} .EcommercePages .BlackSection h1 {color: #FFF;} .EcommercePages h1 {color:rgb(68,75,77); font-size: 40px; margin-bottom: 20px; line-height: 120%;} .EcommercePages h1 span {color: #008EFF;} .EcommercePages .ButtonBlue, #LetsTalk .ButtonBlue {background:#008EFF; color: #FFF; line-height: 50px; padding: 14px 25px; border-radius: 3px;} .EcommercePages #pageTopBanner .Container {padding: 0; margin-top: 5%} .EcommercePages #equipeFoot {margin-top: 0;} .EcommercePages #pageTopBanner .EcommerceLogo {margin-bottom: 20px;} .EcommercePages #equipeFoot {background-attachment:scroll !important;} #Introduction {} #Introduction h1 {font-weight: bold;} #Introduction p {font-size: 25px;} #Batch {background: url(images/ecommerce/batch-back.jpg) center center no-repeat #ECF1F6; background-size: cover;} #Batch.pos {background: url(images/pos/batchPOSbg.jpg) center center no-repeat #ECF1F6; background-size: cover;} #Batch.salesforce {background: url(images/crm/salesForceBG2.jpg) center center no-repeat #ECF1F6; background-size: cover;} #Batch.salesforce li, #Batch.pos li {border-bottom:solid 1px #919191} #Batch.salesforce li:last-child, #Batch.pos li:last-child {border-bottom:0 none} #Batch.infor {background: url(images/crm/inforBG2.jpg) center center no-repeat #ECF1F6; background-size: cover;} #Batch.infor li {border-bottom:solid 1px #919191} #Batch.infor li:last-child {border-bottom:0 none} #Batch.hubspot {background: url(images/crm/hubspotBG2.jpg) center center no-repeat #ECF1F6; background-size: cover;} #Batch.hubspot li {border-bottom:solid 1px #919191} #Batch.hubspot li:last-child {border-bottom:0 none} #Batch .Container {padding: 0;} #Batch h2 {font-size: 19px; margin-bottom: 5px;} #Batch li {display: block; min-height: 150px; padding: 8px 0;} #Batch .Right li:fist-child .Batchicon img {margin-top:10px !important} .Batchicon {float:left; display: block; width:30%; text-align: center;} .Batchicon img {border: none; width: auto; height: 100%; max-height: 110px; position: relative;} .BatchText {float:left; width: 70%; position: relative; text-align: left;} .inforPoint {float:left; width:33%; padding-top:90px; text-align:center; font-size:19px; height:80px} .inforPoint:nth-child(1) {background:url(images/crm/inforIcon1.png) no-repeat center top} .inforPoint:nth-child(2) {background:url(images/crm/inforIcon2.png) no-repeat center top} .inforPoint:nth-child(3) {background:url(images/crm/inforIcon3.png) no-repeat center top} .inforPoint:nth-child(4) {background:url(images/crm/inforIcon4.png) no-repeat center top} .inforPoint:nth-child(5) {background:url(images/crm/inforIcon5.png) no-repeat center top} .inforPoint:nth-child(6) {background:url(images/crm/inforIcon6.png) no-repeat center top} #SellMore {background: url(images/ecommerce/sellmore-bg.jpg)center bottom no-repeat; background-size: cover; position: relative;} #SellMore.crmStrategy {background: url(images/crm/crmStrategyBG.jpg)center bottom no-repeat; background-size: cover; position: relative;} .EcommercePages.FR #SellMore h1 {font-size: 36px;} .EcommercePages.FR #SellMore h2 {font-size: 22px;} #SellMore .Container {padding: 140px 0;} #SellMore .Left {width: 55%; text-align: left;} #SellMore h2 {margin-top: 40px} #SellMore li i, #GetMore li i {position: inherit; color: #008EFF; font-size: 12px;} #SellMore li a {color: rgb(128,131,136);} #Integration {position: relative; background: url(images/ecommerce/integration-bg.jpg)center center no-repeat; background-size: cover;} #posTech {position: relative; background: url(images/pos/posTechBG.jpg)center center no-repeat; background-size: cover;} #Integration p {margin-bottom: 40px;} #Integration ul {display:block; max-width: 970px; width: 100%; margin:20px auto 40px;} #Integration ul.IntegrationIcons.crmIcons {max-width:1170px} #Integration ul li {display: inline-block; height: 90px; } #Integration ul li img {width: auto; height: auto; padding:0 18px } #Integration ul.IntegrationIcons.crmIcons li img {width: auto; height: auto; padding:0 15px} #Integration .Button {width: 320px; margin: 0 auto; display: block;} .EcommercePages.FR #Integration .Button {width: 380px;} #Integration .Button a {display: block;; border: solid 1px #FFF; height: 60px; line-height: 60px; color: #FFF; border-radius: 3px;} #Integration .Button a:hover {border-color:#008EFF; background-color: #008EFF;} #posTech .Button a {display:inline-block;; border: solid 1px #FFF; height: 60px; line-height: 60px; color: #FFF; border-radius: 3px; padding:0 35px} #posTech .Button a:hover {border-color:#008EFF; background-color: #008EFF;} #GetMore {position: relative;} #GetMore .Container {z-index: 99; position: relative; padding-bottom: 0; background-repeat: no-repeat; background-position: left bottom; background-size: 53%; } #GetMore .Right {text-align: left; width: 52%;} #GetMore ul {margin-bottom:30px;} #GetMore .GreyLine {position: absolute; bottom: 0; width: 100%; height: 31%; background-color: #ECF1F6} #GetMore p:last-child {margin-bottom:110px;} #AdvancedFeatures {position: relative; background: url(images/ecommerce/features-bg.jpg)center center no-repeat; background-size: cover;} /*#AdvancedFeatures ul {}*/ #AdvancedFeatures li {display: block; float: left; width: 25%; box-sizing:border-box; padding: 20px; margin-bottom: 20px; } #AdvancedFeatures li .icon {height: 81px; width: 81px; text-align: center; margin: 0 auto 10px;} /*#Migrating {}*/ #Migrating .image {background: url(images/ecommerce/migrating-big.gif)center center no-repeat; background-size: contain; padding: 40px 0;} #Migrating .Migrations {background: url(images/ecommerce/migration-bg.jpg)center center no-repeat; background-size: cover; text-align: left; color: #FFF; width: 200px; box-sizing:border-box; padding: 10px; margin: 40px auto; border-radius: 3px; font-size: 15px; line-height: 30px; } #Migrating .Migrations li i {position: inherit;} #Migrating .Button {text-align: center;} /*#Migrating .Button a {}*/ #EcommerceOtherWebsites {background: url(images/ecommerce/grey-bg.jpg)center center no-repeat; background-size: cover; } #EcommerceOtherWebsites .Container {padding-bottom: 0;} #EcommerceOtherWebsites .OtherWebsites {} #EcommerceOtherWebsites .OtherWebsites li {width: 25%; height: 320px; float: left;} #EcommerceOtherWebsites .OtherWebsites li a {display: block;width: 90%; height: 100%; margin: 0 auto; background: #FFF;} #Ready {color: #FFF; background: url(images/ecommerce/ready-bg.png) center center no-repeat #008EFF; background-size: cover; } #Ready h1 {margin-bottom: 0; color: #FFF; font-weight: bold;} #Ready .Container {padding: 57px 0} #Ready .Left, #Ready .Right {width: auto;} #Ready .Right {margin-top: 27px;} #Ready a {color: #FFF; padding: 10px 25px; border: 1px solid #FFF; border-radius: 3px;} #Ready a:hover {background: #FFF; color: #008EFF;} /*CRM*/ .FullWrap #equipeFoot.chooseCRM h2 {margin-top:0; color:#fff; margin-bottom:10px; font-size:42px} .FullWrap #equipeFoot.chooseCRM p {margin-top:0; color:#fff; padding-top:0; font-size:19px} #equipeFoot.chooseCRM {height:auto; background:url(images/crm/whyCRMbg.png) center center; background-size:cover} /* Services */ .Container {width: 100%; max-width: 1170px; margin:0 auto; padding: 70px 0; text-align: center; box-sizing:border-box;} #Services {} #Services .Left {float: left; width: 20%} #Services .Right {float: right; width: 80%; max-width: 970px; margin-top: 34px;} #Services .container {width: 100%; max-width: 1170px; margin:0 auto; padding: 50px 0 80px; box-sizing:border-box; position: relative; z-index: 3;} #Services h3 {font-weight: bold; color: #008DFF; font-size: 25px;} #Services h3 a {color: #008DFF; text-decoration: none;} .GreyBlock {width: 100%; height: 100%; display: block; background: url(images/grey-bg.png) center center no-repeat; background-size: cover; position: relative;} .WhiteBlock {width: 100%; height: 100%; display: block; background: #FFF; position: relative;} .BlackBlock {width: 100%; height: 100%; display: block; position: relative; color: #FFF;} #DesignS .Icon {background: url(images/services/design.png) center center no-repeat; background-size: 100%;} #DevelopmentS .Icon {background: url(images/services/development.png) center center no-repeat; background-size: 100%;} #IntegrationS .Icon {background: url(images/services/integrations.png) center center no-repeat; background-size: 100%;} #TechnicalS .Icon {background: url(images/services/technical.png) center center no-repeat; background-size: 100%;} #ConsultingS .Icon {background: url(images/services/consulting.png) center center no-repeat; background-size: 100%;} #VideoS .Icon {background: url(images/services/video.png) center center no-repeat; background-size: 100%;} #IntegrationS { background: url(images/banners/support.jpg) center no-repeat; background-size: cover } #IntegrationS .Screen, #VideoS .Screen {background-color: rgba(0,0,0,0.35);} #VideoS { background: url(https://marketingmedia.ca/wp-content/uploads/2014/12/video1.jpg) center no-repeat; background-size: cover;} #Services .Line {position: absolute; left: 0; width: 20%; height: 100%; background: url(images/services/line.gif) center top repeat-y; z-index: 2; top: 0;} #Services .Icon {display: block; width: 122px; height: 138px; margin:0 auto; position: relative; z-index: 4} #Services .Icon a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;} #Services p {display: none;} #Services .ServiceText p {display: block;} #Services .ServiceText .Left, #Services .ServiceText .Right {width: 49%; padding-left: 1%; margin-top: 20px} #Services .ServiceText i {color: #008DFF } #LetsTalk {background: url(images/black-bg.png) center no-repeat; background-size: cover; color: #FFF; } #LetsTalk p {display: block;} #LetsTalk h1 {font-weight: bold; color: #FFF;} #LetsTalk .Container {max-width: 970px;} #LetsTalk .Button {margin-top: 20px} /*NEW CSS FOR USE ON ALL SITE - Please use this styles for the future*/ #Text {color: #808287; font-size: 18px; line-height: 28px; padding-top: 85px;} .Container {width: 100%; max-width: 1170px; margin:0 auto; padding: 70px 0; text-align: center; box-sizing:border-box; z-index: 4; position: relative;} .Container.LeftText {text-align: left;} .Container p {margin-bottom: 20px; line-height: 1.5;} .Container img {vertical-align: middle; margin-top:10px !important} .single .Container img {margin-top: 0 !important;} .GreyBlock {width: 100%; height: 100%; display: block; background: url(images/grey-bg.png) center center no-repeat; background-size: cover; position: relative;} .WhiteBlock {width: 100%; height: 100%; display: block; background: #FFF; position: relative;} .BlackBlock {width: 100%; height: 100%; display: block; position: relative; color: #FFF;} .CenterText {text-align: center !important;} .BlueText {font-weight: bold; color: #008DFF;} #Text h1.Title {color: #444B4D; font-weight: 800; font-size: 40px; text-transform: uppercase; text-align: center; line-height: 100%; margin-bottom: 20px;} #Text h1 span, #Text h2 span, #Text h2.Subtitles, #Text h2 strong, #Text h3 span, .Faq h4 {color: #008DFF;} #Text h2, #OtherServices h2 {font-size: 38px; font-weight: normal; margin-bottom: 25px; line-height: 120%;} #Text h3 {font-size: 32px; font-weight: normal; line-height: 120%; margin-bottom: 20px; } #Text h3.Subtitle {color: #008DFF} #Text h2 em {font-size: 18px; font-style: normal;} #Text h4 {font-size: 26px;} .Left {float: left; width: 48%; text-align: left; } .Right {float: right; width: 48%; text-align: left; } #Text i, #Text a {color: #008DFF;} .BlueButton {display: inline-block; color: #FFF !important; background: #008DFF; padding: 15px 25px; border-radius: 3px} /*END NEW CODE*/ #Text .Left img, #Text .Right img {width: 100%; vertical-align: middle;} ul.QuestionsAnalytics li {background: #FFF; margin-bottom: 20px; border-radius: 3px; border: 1px solid #C3C8CD;} ul.QuestionsAnalytics li .Number {background:url(images/services/number-bg.png) center center no-repeat #008EFF; float: left; width: 20%; height: 100px; text-align: center; font-weight: bold; font-family: open_sansregular; color: #FFF; font-size: 48px; line-height: 100px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-size: cover;} ul.QuestionsAnalytics li .Question {float: left; padding: 0 20px; font-weight: bold; width: 80%; box-sizing:border-box; line-height: 120%;} .JokeAnalytics {background: #FFF; border-radius: 3px; border: 1px solid #C3C8CD; } .JokeAnalytics .Top {font-size: 25px; line-height: 150%; font-weight: bold; margin: 20px} .JokeAnalytics .Bottom {background: url(images/ecommerce/ready-bg.png) center center no-repeat #008EFF; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding: 20px 0;} .JokeAnalytics .Bottom p {color: #FFF; margin-bottom: 0; font-weight: bold; font-size: 20px;} #RemarketingServices .Left, #RemarketingServices .Right {margin-top: 0 !important;} #RemarketingExamples {background: url(images/footTeamBG.jpg); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;} #RemarketingExamples p {color: #FFF; font-size: 40px; margin-bottom: 20px; line-height: 120%;} #RemarketingServices .WhiteBlock {position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 3; background: rgba(255,255,255,0.5)} #RemarketingServices .Icon {margin-bottom: 20px; max-width: 104px} .TextSeo h3 {font-size: 30px !important; margin-bottom: 5px !important} .TextSeo:nth-child(1) h3 {color:#F2503A;} .TextSeo:nth-child(2) h3 {color:#4284F4;} .TextSeo:nth-child(3) h3 {color:#FFC627;} .TextSeo:nth-child(4) h3 {color:#4E9D2D;} .TextSeo p {line-height: 150%} .Col-8 {width: 60% !important;} .Col-4 {width: 35% !important;} h3.InsideTitle {font-size: 25px; color: #808287 !important; margin-bottom: 5px !important; font-weight: 700 !important;} .Col3Block, .Col2Block {margin-bottom: 40px} .Col2Block .Col {float: left;width: 50%; box-sizing: border-box; padding: 0 10px;} .Col3Block .Col {float: left; width: 33%; text-align: center; padding: 10px; box-sizing:border-box;} .Col3Block .Col .Image {text-align: center; margin-bottom: 20px} .Col3Block .Col .Image img {width: 85%; height: auto} .Col3Block .Col .Icon {width: 100px; height: 114px; margin: 0 auto 10px;} .Col3Block .Col .Point {font-weight: bold; font-size: 20px; color: #008dff; text-align: center;} .Col3Block .Col .SubPoint {text-align: center; font-size: 16px; line-height: 1.2;} .PrestashopExpert {background: url(images/knowledge/prestashopExpert-icon.png) center center no-repeat;} .RHouurs {background: url(images/knowledge/hours-icon.png) center center no-repeat;} .RegularHealth {background: url(images/knowledge/health-icon.png) center center no-repeat;} .IntroBlue {background: url() center center no-repeat #008EFF; color: #FFF; box-sizing:border-box; padding: 20px} .IntroBlue h3 {font-weight: 700 !important; font-size: 30px; color: #FFF; margin-bottom: 0 !important;} .IntroBlue p {line-height: 100%; margin-bottom: 0;} .Features {background: #FFF; box-sizing:border-box;} .Features li {line-height: 120%; padding: 10px 10px 10px 45px; position: relative; box-sizing:border-box; display: block; width: 100%} .Features li:before {content: "\F00C"; font-family: "FontAwesome"; color: #008EFF; position: absolute; left: 20px} .Features li:nth-child(even) {background: #F8FBFE;} .GetStarted {background: #FFF; box-sizing:border-box; padding: 20px; text-align: center; } .GetStarted strong {display: block;} .GetStarted h2 {font-family: 'open_sansregular'; font-size: 50px !important; color:#808287;} .GetStarted .Button {display: block; box-sizing:border-box; width: 100%;} .GetStarted .Button a {width: 100%; box-sizing:border-box;} .OtherServices li {width: 25%; box-sizing:border-box; padding: 20px; float: left;} .OtherServices li .Icon {display: block; background-position: center bottom; background-repeat: no-repeat; height: 120px;} .OtherServices li .Section { display: flex; align-items: center; justify-content: center; color: #444B4D; background: #FFF; padding: 20px 0; font-weight: bold; height: 50px; } .OtherServices li.Adwords .Icon { background-image: url(images/services/s-adwords-icon.png);} .OtherServices li.Analytics .Icon { background-image: url(images/services/s-analytics-icon.png);} .OtherServices li.Remarketing .Icon { background-image: url(images/services/s-remarketing-icon.png);} .OtherServices li.WebDesign .Icon { background-image: url(images/services/s-webdesign-icon.png);} .OtherServices li.Mobile .Icon { background-image: url(images/services/s-mobilemarketing-icon.png);} .OtherServices li.SeoOptimization .Icon { background-image: url(images/services/s-seo-icon.png);} .OtherServices li.Video .Icon { background-image: url(images/services/s-video-icon.png);} .OtherServices li.CallTracking .Icon { background-image: url(images/services/s-call-tracking-icon.png);} #IntroAdwords .Container, #IntroAnalytics .Container, #SeoText .Container, #IntroCallTracking .Container, #IntroHosting .Container {padding-bottom: 0;} #KnowAnalytics .Left, #KnowAnalytics .Right, #IntroAdwords .Left {margin-top: 0 !important} #IntroAdwords h1 {margin-bottom: 50px !important;} #Pyramid p {margin-bottom: 10px} #IntroAdwords .ContentIntro, #SeoText .Content {position: relative;} #IntroAdwords .Right, #SeoText .Right {position: absolute; right: 0; height: 100%;} #IntroAdwords .Right img, #SeoText .Right img {position: absolute; right: 0; bottom: 0} .Pyramid {position: relative;} .Pyramid .Lines {position: absolute; right: -30px; top: 5px;} .Pyramid .Lines img {width: inherit;} #IntroLanding {background: url(images/services/landing-bg.jpg) center center repeat;} .LandingImage {height: 712px; background: url(images/services/landing-page-bg.png) center bottom no-repeat; display: block; background-size: auto 100%;} .Bullets {margin-bottom: 20px;} /*Knowledge Section*/ #IntroKnowledge {background: url(images/knowledge/knowledge-intro-bg.png) left top repeat; color: #FFF; position: relative;} #IntroKnowledge h1 {margin-bottom: 10px; color: #FFF; font-weight: bold;} #IntroKnowledge p {margin-bottom: 10px} #IntroKnowledge .Container {padding-bottom: 0;} #IntroKnowledge .GreyLine {background: #E9EFF5; height: 30%; position: absolute; bottom: 0; width: 100%} #IntroKnowledge .Left {width: 58%; margin-top: 40px !important} #IntroKnowledge .Right {width: 38%} #IntroKnowledge .search-form {border:none;box-shadow: 2px 2px 0 rgba(0,0,0,0.15); border-radius: 3px; height: 40px} #IntroKnowledge .search-field {height: 40px; background: none;} #IntroKnowledge .search-submit {width: 40px; height:40px;} .SideBar {width: 25%;} .FirstBlock {margin-bottom: 40px} .MainCategorie {background: url(images/knowledge/maincat-bg.png) center no-repeat; background-size: cover; padding: 10px; border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom: 1px solid #0079EB; box-sizing:border-box;} .MainCategorie .CatLogo {border:1px solid #FFF;} .CatLogo {float: left; width: 70px; height: 70px; margin-right: 10px; border-radius: 3px; overflow: hidden; border:1px solid #CCCDCF;} .CatName {font-size: 21px; line-height: 70px; color: #FFF; font-weight: bold;} .SubCategory li {border-bottom: 1px solid #0079EB;} .SubCategory li a {display: block; padding: 10px 20px; background: #008DFF; color: #FFF !important; font-size: 16px; font-weight: bold; box-sizing:border-box; } .SubCategory li:last-child {border-bottom: none;} .SubCategory li:last-child a {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .SubCategory li ul li {border:none;} .SubCategory li ul li a {border-radius: 0 !important; padding: 5px 20px 5px 40px; font-weight: normal; font-size: 15px; position: relative;} .SubCategory li ul li a:before {content: "\F105"; font-family: "FontAwesome"; color: #FFF; position: absolute; left: 25px} .SubCategory li a:hover {background: #0083F5;} .OtherCMSList li {padding: 10px; border-bottom: 1px solid #CCCDCF; box-sizing:border-box;} .OtherCMSList li a {display: block;} .OtherCMSList li a .CatName {color: #444B4D !important; font-weight: normal} .OtherCMSTitle {color: #444B4D; font-weight: bold; border-bottom: 1px solid #CCCDCF; font-size: 18px;} .ContentText {text-align: left;} .Left.ContentText {width: 72%; margin-top: 35px !important;} .ContentText h2 {color: #008EFF;} .ContentText h2.BlackTitle {color:#444b4b} .ContentText h3 {font-size: 30px !important;} .ContentText h3 strong, .ContentText h3 span, .ContentText h2.BlackTitle strong {color: #008DFF;} .ContentText h4 {color: #008DFF; font-weight: normal; font-size: 28px; position: relative; padding-left: 15px; margin-bottom: 5px} .ContentText h4:before {content: "\F105"; font-family: "FontAwesome"; position: absolute; left: 0px} .ContentText ul {margin-bottom: 20px} .ContentText li {line-height: 120%; padding: 5px 10px 5px 35px; position: relative; box-sizing:border-box; display: block; width: 100%} .ContentText li:before {content: "\F105"; font-family: "FontAwesome"; color: #008EFF; position: absolute; left: 20px} .ContentText a {color: #008EFF} .ContentText .Col3 {margin-bottom: 20px; position: relative;} .ContentText .Col3 div {float: left; width: 32%; border-right: 1px dashed #E0E1E2; padding: 0 20px; min-height: 340px; box-sizing:border-box; } .ContentText .Col3 div:nth-child(3) {border-right: none;} .ContentText .Col3 div div {float: none; border: none; margin-bottom: 20px; width: 100%;} .ContentText .Col3 div.Clear {min-height: 0px; width: 100%; float: none;} .ContentText .Col3 div li {padding-left: 10px; margin-bottom: 30px} .ContentText .Col3 div li:before {left: 0;} .ContentText .Col3 div .IconDeveloppment {text-align: center; min-height: 50px;} .ContentText table { border-top: 1px solid #E0E1E2; border-right: 1px solid #E0E1E2; } .ContentText tr td:nth-child(2), .ContentText tr td:nth-child(3) { text-align: center; } .ContentText td { border-bottom: 1px solid #E0E1E2; padding: 10px; border-left: 1px solid #E0E1E2; } .ContentText tr:first-child { font-weight: bold; } .ContentText tr:last-child td { background-color: #E9EFF5; } .Logos {padding: 0; margin: 0;} .Logos li {float: left; border:1px solid #CCCDCF; border-radius: 3px; overflow: hidden; width: 22%; float: left; margin: 1.5%; padding: 0;} .Logos li a {margin: 0; padding:0;} .Logos li:nth-child(1), .Logos li:nth-child(5), .Logos li:nth-child(9) {margin-left: 0;} .Logos li:before {display: none;} .Logos:after {content:" "; clear: both;} #MagentoCommunity .Left, #MagentoEnterprise .Left {width: 55%} #MagentoCommunity .Right, #MagentoEnterprise .Right {width: 35%; margin-top: 12px} #BannerMagentoIntro {background: url(images/magento-banner.jpg) center center no-repeat; background-size: cover; } #BannerMagentoIntro .Container {padding: 100px 0} #BannerMagentoIntro h1 {color: #FFF; font-weight: 700; line-height: 120%} #MagentoBanner2 {background: url(images/magento-big-image.jpg) center no-repeat; background-size: cover;} #MagentoBanner2 .Container {max-width: 860px; padding: 120px 0} #MagentoBanner2 .Container .EcommerceLogo {margin-bottom: 30px} .CommunityPoints p {min-height: 168px} .YoutubeVideo { width: 100%; position: relative; height: 500px; } .YoutubeVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .Chrono {position: relative;} #IntroB2B .Container {padding-bottom: 0 !important} .Chrono .GreyLine {position: absolute; bottom: 0; width: 100%; height: 31%; background: url(images/wood.jpg) center center no-repeat; background-size: cover;} .Chrono .Left {text-align: center; width: 50% !important} .Chrono .Right {width: 50% !important; text-align: left; margin-top: 10px !important;} .Chrono h3 {font-size: 25px !important} .Chrono .Right .ChronoText {font-weight: bold; font-family: 'Lato_Bold'; font-size: 40px; line-height: 1.2; text-align: center; margin-bottom: 0} .Chrono .Right .ChronoText span {display: block; text-align: left;} .Chrono .Right .ChronoText span:nth-child(1) {color: #c0cb00} .Chrono .Right .ChronoText span:nth-child(2) {color: #fbb03b;} .Chrono .Right .ChronoText span:nth-child(3) {color: #008DFF} .Chrono .Right .ChronoText span:nth-child(4) {color: #00c3c5} #IntroB2B p:last-child {display: none;} .SupportTable {margin-bottom: 40px} .SupportTable tr td {padding: 20px 10px; vertical-align: top;} .SupportTable tr td.Number {background: url(images/services/number-bg.png) center center no-repeat #008EFF; width: 10%; height: 100%; text-align: center; font-weight: bold; font-family: 'Lato_Bold'; color: #FFF; font-size: 30px; line-height: 1.5; border-bottom-left-radius: 3px; background-size: cover; vertical-align: top;} .SupportTable tr td.Text {text-align: justify; font-weight: normal; background: #FFF; font-size: 15px; line-height: 1.3;} .SupportTable tr td.Text h3 {color: #008dff; font-size: 20px !important; margin-bottom: 0 !important; text-align: left;} .SupportTable tr td.Price {background: url(images/grey-bg.png) center center no-repeat; background-size: cover; font-size: 14px; line-height: 1.5; width:15% /*35%*/; text-align: left;} .Price {font-family: 'Lato_Regular';} .SupportOptions li .SupportContent { margin-left:12%; } .SupportOptions li .SupportPrice {background: url(images/grey-bg.png) center center no-repeat; background-size: cover; position: absolute; height: 100%; right:0; padding: 10px; } .SupportOptions li .SupportText {float: left; } .SupportOptions li .SupportText p {line-height: 1.5; margin-bottom: 10px} .SupportOptions li .SupportText .Price {font-family: 'Lato_Regular';} .MCost {color: #444b4d;} .PCost {color: #008dff;} .Save {color: #c0cb00;} /*SITEMAP*/ .page-sitemap .entry-content ul {margin:0} .page-sitemap .entry-content ul li {height:inherit; border-bottom:dotted 1px #ccc; padding-bottom:20px; margin-bottom:20px; background:0 none; padding:0 0 20px; font-weight:bold} .page-sitemap .entry-content ul li:last-child {border-bottom:0 none; margin-bottom:0; padding-bottom:0} .page-sitemap .entry-content ul li ul {column-count: 2;} .page-sitemap .entry-content ul li li {width:100%; display:inline-block; background: rgba(0, 0, 0, 0) url("images/vin.png") no-repeat scroll left 8px; padding-left:15px; height:inherit; padding-bottom:0; margin-bottom:0; border-bottom:0; font-weight:normal} .page-sitemap .entry-content ul li ul li ul {column-count: 1} .page-sitemap .entry-content ul li li li {width:100%; font-size:13px; background:0 none; padding-left:0} .page-sitemap .entry-content ul li li ul {margin-bottom:10px} .page-sitemap .entry-content ul li li li a {font-size:13px; text-transform:none; font-style:italic; color:#999} .page-sitemap .entry-content a { background: 0 none; border-radius: inherit; color: #666; display: inline; font-size: 15px; height: auto; line-height: inherit; margin-top: 0; padding: 0; text-transform: uppercase; } #GoogleBlockFoot {padding:70px 0; background:url(images/googleFootBG.jpg) no-repeat right top; background-size:auto 100%; box-sizing:border-box} #GoogleBlockFoot .container {margin:0 auto; width:100%; max-width:1170px} .googleFootLogos {float:left; border-right:solid 1px #c8c8c8; height:318px; padding-right:60px} .googleFootLogos img {margin-top:40px} .googleFootInfo {float:left; width:500px; margin-left:60px} .googleFootInfo p {color:#444B4D; font-size:19px} .googleFootInfo h2 {color:#444B4D; font-size:40px; margin-bottom:25px; margin-top:50px} .googleFootInfo h2 span {color:#008aff} #TrustClients h1 {font-weight: bold; text-align: center; font-size: 40px; text-transform: uppercase; margin-bottom: 0;} #TrustClients h2 {font-weight: normal; text-align: center; font-size: 30px} #TrustClients p {text-align: center; font-size: 25px; color:#848889;} #TrustClients p em {} #TrustClients .line {width: 370px; height: 2px; background: #C7C8C9; margin: 0 auto 20px;} .ClientsTrust {padding: 0; margin: 0; list-style: none;} .ClientsTrust li {float: left; width: 25%; height: auto; max-height: 120px; text-align: center; margin-bottom: 20px; } .ClientsTrust li img {width: 70%; max-width: 270px; margin:0 auto; height: auto;} .category-portfolio #equipeFoot,.category-realisations #equipeFoot {margin-top: 0;} /*RESPONSIVE PAGE*/ .responsiveLast h2 {font:40px 'Lato_Bold'; color:#008aff; margin-bottom:30px} .responsiveLast h2 span {font:40px 'Lato_Regular'; color:#444B4D} .responsiveLast p {color:#444B4D; font-size:18px; margin-bottom:20px} .responsiveLast p.button {font-size:15px} .responsiveBlock h2 {font-size:40px} .responsiveBlock h2 span {font:40px 'Lato_Bold'; color:#008dff} .responsiveBlock p, .responsiveBlock li {font-size:18px} .responsiveBlock li {margin-bottom:5px; position:relative; margin-left:27px} .responsiveBlock li .fa {position:absolute; left:-27px; top:0} .responsiveBlock i {color:#008dff} .responsiveBlock p.button {font-size:15px} #responsiveFuture {background:url(images/responsiveFutureBG.jpg) no-repeat center center; background-size:cover} #responsiveFuture h2 {color:#fff; font:40px 'Lato_Regular'; margin-bottom:30px} #responsiveFuture h2 span {color:#fff; font:40px 'Lato_Bold'} #responsiveFuture p {margin-bottom:0; color:#fff} #pageTopBanner.ContactFormBanner.responsiveTop h2 {font-size:40px; background:url(images/responsiveHeadIcon.png) no-repeat center top; padding-top:195px; text-align:center; margin-top:85px} #pageTopBanner.ContactFormBanner.responsiveTop h3 {font-size:18px; text-align:center} /* GOOGLE PARTNER */ #googlePartner.EcommercePages #pageTopBanner .BlackSection {margin:0 auto; padding:0; text-align:left} #googlePartner.EcommercePages #pageTopBanner .BlackSection h2, #googlePartner.EcommercePages #pageTopBanner .BlackSection h3, #googlePartner.EcommercePages #pageTopBanner .BlackSection p {height:auto !important; line-height:inherit !important; margin-bottom:10px; max-width:70%; text-align:left} #googleVideo {margin-top:65px} #googlePartner.EcommercePages .BlackSection {padding:110px 0} #googlePartner.EcommercePages .BlackSection h1 {font-size:36px; margin-bottom:5px} #googlePartner .Screen {background:0 none} #googlePartner #Integration {background:url(images/googlePartner/googleDiscover.jpg) center bottom no-repeat; background-size:cover} #googlePartner #Integration .Button {margin:0} #SellMore.googlePartner {background: url(images/googlePartner/mmPartner.jpg) center bottom no-repeat; background-size: cover; position: relative;} .googleVideoBlock {float:left; width:48%} .googleTextBlock {float:right; width:48%} .googleTextBlock p {text-align:left} .googlePartner a {color:#008eff} /* GOOGLE SEO */ #topGoogleSEO {height:430px; background:url(images/googleSEO/yellowDecoBG.jpg) no-repeat center center; background-size:cover} #topGoogleSEO .Container {padding:0} .textSEO {width:50%; float:left; padding-top:80px} #topGoogleSEO .textSEO h2 {font:50px 'Raleway'; font-weight:900; text-align:left; color:#000; margin-bottom:0} #topGoogleSEO .textSEO h2 span {font:50px 'Raleway'; font-weight:300; color:#000} #topGoogleSEO .textSEO p {text-align:left; color:#000} #topGoogleSEO .textSEO p span {font-weight:800} .imageSEO {width:50%; float:right; background:url(images/googleSEO/gogleSEO_top.png) no-repeat center bottom; height:430px} #contactGoogleSEO {width:470px; height:48px; border-radius:4px; overflow:hidden} #contactGoogleSEO h3 {display:block; float:left; width:280px; background:#000; font:24px 'Lato_Regular'; color:#fff; height:48px; line-height:48px} #contactGoogleSEO h3 span {color:#0084F3; font:24px 'Lato_Bold'} .page-referencement-naturel-seo #contactGoogleSEO h3 {font-size:21px} .page-referencement-naturel-seo #contactGoogleSEO h3 span {font-size:21px} #topGoogleSEO #contactGoogleSEO p {display:block; float:left; width:190px; background:#0084F3; font:15px 'Raleway'; height:48px; padding-left:10px; box-sizing:border-box; color:#fff; line-height:17px; padding-top:7px} .page-referencement-naturel-seo #topGoogleSEO #contactGoogleSEO p {line-height:15px; padding-top:2px} #contactGoogleSEO p span {font-weight:800} .googleSEOpage #SeoText {background:url(images/googleSEO/googleSearchBG.jpg) no-repeat right center} #googleSEOtakeCare .Container {padding:70px 0 0} #googleSEOtakeCare .image {width:627px; float:left; height:479px; background:url(images/googleSEO/googleComputer.png) no-repeat center bottom; background-size:100%} #googleSEOtakeCare .text {width:40%; float:right; text-align:left} #googleSEOtakeCare h2 {font-size:40px; font-weight:800; margin-bottom:50px} #googleSEOtakeCare li {margin-bottom:15px} #googleSEOtakeCare i {color:#008DFF; margin-right:5px} #googleSEOtarget .Container {padding:70px 0} #googleSEOtarget .image {width:569px; float:left; height:375px; background:url(images/googleSEO/googleTarget.png) no-repeat center center; background-size:100%} #googleSEOtarget .text {width:47%; float:right; text-align:left; padding-top:60px} #googleSEOtarget h2 {font-size:40px; font-weight:800; margin-bottom:50px} #googleSEOtarget h3 {font-size:20px; font-weight:500} #googleSEOtarget li {margin-bottom:15px} #googleSEOtarget i {color:#008DFF; margin-right:5px} #contentOpt h2, #gSEObuild h2 {color:#008DFF; margin-top:90px} #googleSEOtrack {background: url(images/ecommerce/ready-bg.png) center center no-repeat #008EFF; background-size: cover} #googleSEOtrack .Right, #googleSEOtrack .Right h2, #googleSEOtrack .Right p {color:#fff} #googleSEOtrack .Right h2 {margin-top:100px} #gSEOpointer .Container {background:url(images/googleSEO/google_pointer.png) right bottom no-repeat; height:566px} #gSEOpointer .Container h2 {font-weight:800; margin-bottom:30px} #gSEOpointer .Container h3 {color:#008DFF; font-size:40px; margin-top:55px} #gSEOquote {} #gSEOquote h2 {text-align:center; font-weight:800} #gSEOquote h2 span {color:#008DFF} .page-template-google-seo #Text a {color:#fff} .gSEObox {width:50%; float:left; min-height:550px} .page-referencement-naturel-seo .gSEObox {width:50%; float:left; min-height:650px} .gSEObox .content {max-width:470px; width:80%; text-align:center; margin:60px auto 0;} .gSEObox .content p {text-align:justify} .gSEObox .number {width:70px; height:70px; border-radius:100px; background:#fff; line-height:70px; font-size:32px; display:inline-block; text-align:center; color:#4083FF; font-weight:500; margin-bottom:20px} .gSEObox.grey1 .number,.gSEObox.grey2 .number {background:url(images/googleSEO/bluePoints.png) no-repeat center center; color:#fff} .gSEObox:nth-child(5), .gSEObox:nth-child(6) {min-height:770px} .gSEObox.blue {background:url(images/googleSEO/blueBG.jpg) no-repeat center center; background-size:cover; color:#fff} .gSEObox.blueSolid {background:#3584FF; color:#fff} .gSEObox.blueSolid h2, .gSEObox.blue h2 {color:#fff} .gSEObox.grey1 {background:#EBF0F5} .gSEObox.grey1 h2, .gSEObox.grey2 h2 {color:#4083FF} .gSEObox.grey2 {background:#E5EBF1} .page-template-seo-template-php #shortAccessWM .buttonArrow a {color:#fff} .page-template-seo-template-php #trustMM .buttonArrow a {color:#fff} #siteInternetListBoxes .gSEObox {min-height:450px} .gSEObox.fullsize {width:100%; background:url(images/googleSEO/boxFullSizeBG.jpg) no-repeat center center; background-size:cover; min-height:450px} .contentFullBox {width:90%; max-width:1170px; margin:0 auto} .contentFullBox .text {box-sizing:border-box; float:left; padding-right:120px; padding-top:60px; width:50%; text-align:center} .contentFullBox .text p {text-align:justify} .contentFullBox .image {width:50%; float:right; height:450px; position:relative} .contentFullBox .image img {position:absolute; bottom:0; right:-75px; max-width:564px; height:auto} #responsiveSiteElements {background:url(images/bigGreyBG.png) no-repeat center center; background-size:cover} .responsiveText {float:left; width:450px; text-align:left} .responsiveText li {list-style:none} .responsiveImage {float:right} #responsiveSiteElements h2 {margin-bottom:70px} #responsiveSiteElements h2 span {font-weight:500} #responsiveSiteElements h3 {font-size:40px; color:#008DFF} #responsiveSiteElements h4 {font-size:20px; font-weight:500; margin-bottom:0; color:#808287} #responsiveSiteElements li {list-style:none; padding-left:40px; margin-top:35px; min-height:30px} #responsiveSiteElements li:nth-child(1) {background:url(images/responsivePoint-1.png) no-repeat left top} #responsiveSiteElements li:nth-child(2) {background:url(images/responsivePoint-2.png) no-repeat left top} #responsiveSiteElements li:nth-child(3) {background:url(images/responsivePoint-3.png) no-repeat left top} #responsiveSiteElements li:nth-child(4) {background:url(images/responsivePoint-4.png) no-repeat left top} #responsiveSiteElements li:nth-child(5) {background:url(images/responsivePoint-5.png) no-repeat left top} #responsiveSiteElements li:nth-child(6) {background:url(images/responsivePoint-6.png) no-repeat left top} #responsiveSiteElements li:nth-child(7) {background:url(images/responsivePoint-7.png) no-repeat left top} #responsiveSiteElements li:nth-child(8) {background:url(images/responsivePoint-8.png) no-repeat left top} #responsiveSiteElements li:nth-child(9) {background:url(images/responsivePoint-9.png) no-repeat left top} #responsiveSiteElements li:nth-child(10) {background:url(images/responsivePoint-10.png) no-repeat left top} #responsiveSiteElements li:nth-child(11) {background:url(images/responsivePoint-11.png) no-repeat left top} #responsiveSiteElements li:nth-child(12) {background:url(images/responsivePoint-12.png) no-repeat left top} #responsiveSiteElements li:nth-child(13) {background:url(images/responsivePoint-13.png) no-repeat left top} #responsiveSiteElements li:nth-child(14) {background:url(images/responsivePoint-14.png) no-repeat left top} #responsiveSiteElements li:nth-child(15) {background:url(images/responsivePoint-15.png) no-repeat left top} /*WebsiteBunker */ .WebBunkerFoot {margin-top: 40px;} .WebBunkerFoot img {max-width: 220px;} .WebBunker {} .WebBunker h3 a {color: #444b4b !important;} .WebBunker img {max-width: 286px;} /*BD Print Page */ .post-best-deal-graphics-printing #projectScreenShot {height: 754px} .post-best-deal-graphics-printing #screenshot {height: 844px; top: 30px;} .post-best-deal-graphics-printing #projectOnScreen {height: 450px;} .post-best-deal-graphics-printing #projectOnScreen img {margin-left: -456px} .post-best-deal-graphics-printing #responsive {height: 707px;} .post-best-deal-graphics-printing #responsiveContent img {top:20px;} .post-best-deal-graphics-printing #howMade img {margin-left: -585px; bottom: -105px; max-width: 100%;} .post-emmanuelle-caplette #nextPrev a:nth-child(1) {display: none;} .post-emmanuelle-capplete #nextPrev a {background: url(images/nextProject.png) no-repeat center center} table td .Check::before {content:"\f00c"; font-family: FontAwesome; color: #8cc63f; font-size: 18px;} .PrestashopForm {width: 90%; max-width: 551px; margin: 0 auto; position: relative;} .PrestashopForm input[type="text"], .PrestashopForm input[type="tel"], .PrestashopForm input[type="email"] {width: 100%; box-sizing: border-box; height: 38px; padding:0 10px; border: solid 1px #ccc; background: #fff; border-radius: 5px; color: #999; font: 15px 'Raleway'; margin-bottom: 15px;} .PrestashopForm textarea {width: 100%; box-sizing: border-box; height: 300px; padding: 10px; border:solid 1px #ccc; background: #fff; border-radius: 5px; color: #999; font: 15px 'Raleway'; margin-bottom: 15px;} .PrestashopForm input[type="submit"] {width: 100%; display: block; margin: 0 auto; height: 40px; border-radius: 5px; border:none; background: #008EFF; color: #FFF; font:18px 'Raleway'; text-transform: uppercase; line-height: 40px; text-align: center; } .PrestashopForm div.wpcf7-response-output {bottom: -30px !important;} /*Appointment widget*/ .Schedule {background: #181b1f; display: block; position: fixed; z-index: 9999999; bottom: 20px; left: 20px; height: 40px; border-radius: 3px; padding-right: 5px;} .Schedule .Title {float: left; padding-left: 10px; line-height: 40px; font-size: 13px;} .Schedule .Title a {color: #808387; text-decoration: none; font-weight: bold;} .Schedule .Title a:hover {color: #fff;} .Schedule .Title::before { content: "\f073"; font-family: Fontawesome; padding-right: 5px;} .Schedule .Image {float: right; margin-left: 10px; width: 60px; height: 60px; margin-top: -11px; border-radius: 50%; overflow: hidden; border: 2px solid #272a2e;} .Schedule .Image img {width:100%; height: auto;} /* PrestaShop Text Pages */ .TopPrestaText .EcommerceLogo {max-width: 300px; margin: 0 auto;} .TopPrestaText .EcommerceLogo img {width: 100%; height: auto;} h2.PrestaSubtitle { font-size: 26px !important; font-weight: normal !important; padding: 0 0 20px !important; font-style: italic; line-height: 1.3;} #ContentText {} #ContentText .Container {text-align: left;} #ContentText .Container h2 {line-height: 1.3;} #ContentText .Container h2, #ContentText .Container a {color: #008EFF;} #ContentText .Container ul { padding-left: 30px; margin-bottom: 20px;} #ContentText .Container ul li { list-style: disc; margin-bottom: 15px;} #ContentText .Container p + h2, #ContentText .Container ul + h2 {margin-top: 40px} #PrestaForm {background: url(images/grey-bg.png) center center no-repeat; background-size: cover;} #PrestaForm .LogoPresta {width: 200px; margin:0 auto 20px;} #PrestaForm .LogoPresta img {width: 100%; height: auto;vertical-align: top; margin-top: 0 !important;} #PrestaForm h2 {font-size: 38px; line-height: 1.3} #PrestaForm h2::after {content: ''; display: block; width: 100px; height: 2px; background: #008eff; margin: 10px auto;} #PrestaForm h2 span {color:#008EFF;} #PrestaForm .Form {max-width: 900px; width: 100%; margin: 0 auto;} #PrestaForm .Form .Col {width: 49%;} #PrestaForm .Form .Col:nth-child(even) {float: left;} #PrestaForm .Form .Col:nth-child(odd) {float: right;} #PrestaForm .Form .Col div {margin-bottom: 20px;} #PrestaForm .Form input {width: 100%; box-sizing: border-box; height: 38px; line-height: 38px; padding: 0 10px; border: solid 1px #ccc; background: #fff; border-radius: 5px; color: #999; font: 15px 'Raleway';} #PrestaForm .Form input[type="submit"] {border: 1px solid #008EFF; background: #008EFF; color: #FFF; font-weight: 600; width: 100%;} #PrestaForm .Form textarea {width: 100%; box-sizing: border-box; height: 212px; padding: 10px; border: solid 1px #ccc; background: #fff; border-radius: 5px; color: #999; font: 15px 'Raleway';} #PrestaForm .Form .Call {width: 100%; box-sizing: border-box; height: 38px; line-height: 38px; color: #444b4b;} #PrestaForm .Form .Call span {font-family: 'OpenSans-Regular-webfont', sans-serif; color: #008EFF; } #PrestaForm .Form .Call em {color: #008EFF} /*Prestashop Audit*/ .PrestaAuditHead {background: url(images/prestashop/audit-bg.jpg) bottom center no-repeat; background-size: cover; padding:3% 0 35%;} .PrestaAuditHead .Container {text-align: center; color: #fff;} .PrestaAuditHead .Container .Image {width: 90%; max-width: 300px; margin: 0 auto;} .PrestaAuditHead .Container .Image img {width: 100%; height: auto; vertical-align: top;} .PrestaAuditHead .Container h1 {font-size: 40px; color:#fff; font-weight: 300;} .PrestaAuditHead .Container h1 strong {font-weight: 600;} .PrestaAuditHead .Container p {font-size: 20px; line-height: 1.5} .PrestaAuditHead .Container .CallToAction {padding-top: 20px;} .PrestaAuditHead .Container .CallToAction h2 {font-weight: 300; color: #fff; font-size: 30px;} .PrestaAuditHead .Container .CallToAction h2 em {font-style: italic;} .PrestaAuditHead .Container .CallToAction h2 strong {font-weight: 600;} .PrestaAuditHead .Container .CallToAction span {display: block; font-size: 20px;} .PrestaAuditHead .Container .CallToAction .Phone, .Book .Block .Inside .Text .Phone {font-family: 'Open Sans'; font-weight: 700; font-size: 30px; margin: 20px 0 30px; display: block; color: #fff;} a.BtnBlue {display: inline-block; padding: 10px 20px; line-height: 1.3; color: #fff; background: #008eff; border-radius: 3px;} a.BtnBlue span {font-family: 'Open Sans', sans-serif; display: inline-block !important;} a.BtnBlue:hover {background: #00bbff;} .AuditProcess {} .AuditProcess h2 {font-size: 40px; line-height: 1.2;} .AuditProcess .Container {text-align: center;} .AuditProcess .Steps {margin-top: 20px;} .AuditProcess .Steps .Step {display: inline-block; vertical-align: top; color: #444b4b; position: relative; box-sizing: border-box; width: 24%; padding:20px 10px; font-size: 20px;} .AuditProcess .Steps .Step .Number {display: block; width: 70px; height: 70px; line-height: 70px; background: #008eff; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 38px; border-radius: 50%; text-align: center; margin: 0 auto 10px; position: relative;} .AuditProcess .Steps .Step::after { content: ''; position: absolute; display: block; top: 55px; right: -20%; width: 40%; border-top: 1px dashed #ccc;} .AuditProcess .Steps .Step:nth-child(4)::after, .AuditProcess .Steps .Step:nth-child(7)::after {display: none;} .GradientBlue {background: url(images/prestashop/gradient-blue.jpg) center no-repeat; background-size: cover;} .AuditSpots {} .AuditSpots .Container {color: #fff; text-align: center;} .AuditSpots .Container .Image {display: block; width: 90%; max-width: 220px; margin: 0 auto 10px;} .AuditSpots .Container .Image img {width: 100%; height: auto; vertical-align: top;} .AuditSpots .Container h2 {width: 80%; margin: 0 auto; font-size: 40px; color: #fff; line-height: 1.3;} .AuditSpots .Spots {margin-top:20px;} .AuditSpots .Spots .Spot {display: inline-block; box-sizing: border-box; vertical-align: top; width: 24%; padding: 0 10px 10px;} .AuditSpots .Spots .Spot .Icon {display: block; width: 60px; margin: 0 auto 5px;} .AuditSpots .Spots .Spot .Icon img {width: 100%; height: auto;} .AuditSpots .Spots .Spot .Text {font-size: 16px;} .AuditSpots .Spots .Spot .Text strong {display: block; font-size: 19px; font-weight: 600;} .Book {background: url(images/prestashop/book-bg.jpg) center no-repeat; background-size: cover;} .Book .Block {width: 50%; float: right; display: flex; align-items: center; box-sizing: border-box; padding: 0 40px; min-height: 630px; } .Book .Block .Inside {text-align: center; color: #fff;} .Book .Block .Inside .Image {width: 30%; float: left;} .Book .Block .Inside .Image img {width: 100%; height: auto; vertical-align: middle;} .Book .Block .Inside .Text {width: 65%; float: right; text-align: center;} .Book .Block .Inside .Text span {} .Book .Block .Inside .Text h2 {font-size: 34px; line-height: 1.2; font-weight: 600; margin: 5px 0 20px; color: #fff;} .Book .Block .Inside .Text h2 span, .BigBtn span {font-family: 'Open Sans', sans-serif;} .BigBtn {color: #fff !important; border: 1px solid #fff; border-radius: 3px; padding:10px 20px; display: inline-block; } .BigBtn:hover {background:#fff; color: #008eff !important;} /*WPO*/ .WPOhead {background: url(images/prestashop/audit-bg.jpg) bottom center no-repeat; background-size: cover; padding:5% 0 35%;} .WPOhead .Container {text-align: left;} .WPOhead .Block {display: inline-block; width: 50%; color: #fff;text-align: left;} .WPOhead .Block h1 {color: #fff; font-size: 50px;} .WPOhead .Block h2 {color: #fff; font-size: 35px;} .WPOhead .Block ul {margin-bottom: 40px; padding-left:25px;} .WPOhead .Block ul li {list-style: disc; font-size: 25px; margin-bottom: 10px;} .WPOhead .Block p {font-size: 20px; margin-bottom: 5px;} .WPOhead .Block .Phone {font-family: 'Open Sans'; font-weight: 700; font-size: 30px; color: #fff; display: block; margin-bottom: 20px;} .Methode {text-align: center; padding: 60px 0 60px; background: #f3f6f8; } .Methode h2 {font-size: 40px; margin-bottom: 20px;} .BlockTree {padding-top: 20px; margin-bottom: 40px;} .BlockTree .Block { display: inline-block; width: 33%; vertical-align: top; box-sizing: border-box; } .BlockTree .Block .Icon {height: 70px; width: auto; margin: 0 auto 10px;} .BlockTree .Block .Icon img {height: 100%; width: auto;} .BlockTree .Block .Image img {width: 90%; height: auto; vertical-align: middle;} .BlockTree .Block .List, .BlockTree .Block .Image {color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 460px;} .BlockTree .Block .List ul li {color: #fff; font-size: 18px; padding-bottom: 10px;} .BlockTree .Block .List ul li a {color: #fff; } .BlockTree .Block .List ul li a:hover {color: #ccf1ff;} .BlockTree .Block h3 {font-size: 28px; padding-bottom: 10px;} .Bleft {} .Bleft .List {text-align: left; background: #00bbff} .Bcenter {} .Bright {} .Bright .List{text-align: right; background: #008eff} .Methode .Spots {text-align: center;} .Methode .Spots .Spot {display: inline-block; width: 24%; box-sizing: border-box; padding: 15px; vertical-align: top;} .Methode .Spots .Spot .Icon {width: 60px; height: 60px; margin: 0 auto 10px;} .Methode .Spots .Spot .Icon img {width:100%;height: auto;} .Methode .Spots .Spot .Text {} .Methode .Spots .Spot .Text h3 {font-size: 24px;} .Methode .Spots .Spot .Text p {} .BookGeneral .Block .Inside .Text {width: 100%; float: none;} /*PPC*/ #PPCBlock h1 {font-size: 60px; line-height: 1; margin-bottom: 20px;} #PPCBlock h1 em {font-style: normal; display: block; font-size: 30px;} #PPCBlock h3 {font-size: 26px;} #PPCBlock h3 strong {color: #008DFF} #PPCBlock .Image img {max-width: 100%; height: auto;} #PPCBlock .Image {margin-bottom: 40px;} #PPCplans table {width: 100%;} #PPCplans table thead tr {background: #008DFF;} #PPCplans table thead td {font-weight: 800; color: #fff; font-size: 22px; padding: 20px 10px;} #PPCplans table tbody tr:nth-child(odd) {background: #ebf0f5;} #PPCplans table tbody tr {border-bottom: 1px solid #d7dce1;} #PPCplans table tbody tr td:first-child {text-align: left !important;} #PPCplans table tbody tr td {padding:15px 10px;} #PPCplans .Note {font-size: 13px; margin-top: 30px; } .Expect ul {padding-left: 30px;} .Expect ul li {list-style: disc; margin-bottom: 15px;} #FAQS h2:after {content: ''; display: block; width: 70px; height: 3px; margin: 20px auto 60px; background: #008DFF;} .Faq {text-align: left; margin: 25px 0; background: #fff; padding: 20px; box-sizing: border-box;} .Faq p {margin-bottom: 0 !important;} /*Marketplaces*/ #Marketplace {} #Marketplace .ImageLap {height:725px; background: url(images/services/marketplace.png) center bottom no-repeat; background-size: auto 100%; } .Grid5Col {display: flex; align-items: stretch;} .Grid5Col .Col {display: inline-block; width: 20%; font-size: 22px; padding: 20px; color: #444b4b; box-sizing: border-box; vertical-align: top;} .Grid5Col .Col .Number {display:block; margin:0 auto 10px; color: #fff; font-size: 24px; font-weight: 700; width:60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background:url(images/services/number-bg.png) center no-repeat #008EFF; background-size: cover; } ul.ThreeCol:after {content: ''; display: block; clear: both;} ul.ThreeCol li {margin-bottom: 10px; float: left; list-style: disc inside; text-align: left; width: 33%;} /*NewPortfolioText*/ .NewPortfolioText h1 span, .NewPortfolioText h2 span, .NewPortfolioText h3 {color: #008aff;} .NewPortfolioText h3 {text-align: left;} .NewPortfolioText h3::first-child {margin-top:40px;} .NewPortfolioText ul {text-align: left; padding-left:30px; } .NewPortfolioText ul li {list-style: disc; margin-bottom: 20px;} .NewPortfolioText ul.Check li {list-style: none;} .NewPortfolioText ul.Check li::before {content:''; font-family: FontAwesome; color: #008aff; display: inline-block; padding-right: 10px;} /*PLEASE VERYFY LINE 2033 BEFORE MAKE ANY NEW CSS CODE*/ .flexboxx { display:flex; align-items: center; margin-bottom: 10px;} .flexboxx > div {font-size:14px;} .flexboxx > div a { color:#808387 !important; } .flexboxx > div a:hover {color:#666;} /*Migratin prestashop 1.7*/ .EcommercePages #pageTopBanner.TopPrestaMigration .Container {display: flex; align-items: center; justify-content: center; padding:40px 0; margin: 0 auto;} #pageTopBanner.TopPrestaMigration .TopPage h2 {font-size: 40px; font-weight: 400; padding-top:0; text-align: center;line-height:1.3;} #pageTopBanner.TopPrestaMigration .TopPage h2 em {display: block; font-size: 20px; margin-bottom:10px;} #pageTopBanner.TopPrestaMigration .TopPage h2 span {color: #008EFF; font-family: 'Lato_Bold', Arial, Helvetica, sans-serif;} .PrestaMigrationImage img {width:100%; height:auto;} #Introduction .LogoPrestaGold {width:120px; margin:0 auto;} #Introduction .LogoPrestaGold img {width:100%; height: auto;} #Introduction p a {color: #008eff;} .PrestaMigrationIntro .Container .Image {width:220px; margin:0 auto 20px;} .PrestaMigrationIntro .Container .Image img {width: 100%; height: auto;} /*.PrestaMigrationIntro .Container p span {color: #008eff;}*/ .EcommercePages a.Phone {display: inline-block; padding: 10px 20px; border:1px solid #008EFF; border-radius: 3px; color: #444b4b; font-family: 'Lato_Regular', Arial, Helvetica, sans-serif; } .EcommercePages a.Phone i {color: #008EFF;} .EcommercePages h1 a {color: #008EFF;} #Migrating a.Phone {margin-top:20px;} p.PrestaImportant {background: #DB276C; display: inline-block; padding: 10px 20px; color: #FFF; border-radius: 3px; margin-top: 10px; font-size: 22px;} p.PrestaImportant span {color: #FFF;} #pageTopBanner.TopPrestaMigration {height:auto;} /*Since*/ .Since {width: 90px; margin: -10px 0 10px;} /*HomePage 2020*/ #Home2020 h2 {color: #031014; font-size: 50px; line-height: 1.3; margin-bottom: 20px;} #Home2020 h3 {font-size: 30px; color: #031014; line-height: 1.3;} #Home2020 h4 {font-size: 24px; color: #031014; line-height: 1.3;} #Home2020 h2 .Blue.Small {font-size: 20px; color:#008eff; display: block;} #Home2020 p strong {color: #031014;} .Wrapper {max-width: 1200px; width: 90%; margin: 0 auto; position: relative;} .Wrap {width: 95%; margin: 0 auto; position: relative;} .BtnBlueRnd {display: inline-block !important; font-size: 18px; color: #FFF; background:#008eff; transition: all 0.3s linear; border-radius: 25px; padding:0 20px; height: 50px; line-height: 50px;} .BtnBlueRnd strong {font-weight: 800; color: #FFF;} .BtnBlueRnd:hover {background: #33a5ff;} .home .Section {padding:100px 0;} .Center {text-align: center;} .FourColBlock {display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; gap: 20px;} .ThreeColBlock {display: grid; grid-template-columns: repeat(3,1fr); grid-gap:20px; gap: 20px;} .TwoColBlock {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; gap: 20px;} .TwoColAssim {display: grid; grid-template-columns: 1fr 2fr; gap:20px; grid-gap: 20px;} /*Hero*/ .HomeHero2020 {background:url(images/prestashop/audit-bg.jpg) bottom center no-repeat; background-size: cover;} .HomeHero2020 .Screen { background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.9) 100%); padding:80px 0; display: flex; width: 100%; min-height: 90vh; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;} .HomeHero2020 h1 {color: #fff; font-size: 50px; font-weight: 300;} .HomeHero2020 h1 em, .HomeHero2020 h2 em {font-style: italic;} .HomeHero2020 h1 strong, .HomeHero2020 h2 strong {font-weight: 800;} .HomeHero2020 h4 {color: #fff; font-size: 26px;} .HomeHero2020 h2 {color: #FFF; font-size: 32px;} .HomeHero2020 p {font-size: 20px;} .HomeHero2020 a {display: block;} .HomeHero2020 a.Phone, .Book a.Phone, .Book2020 a.Phone {font-family: 'Open Sans'; font-weight: 700; font-size: 30px; margin: 20px 0 30px; display: block; color: #fff;} /*Method*/ .Method .Col {position: relative;} .Method .Col .Icon {display: block; width: 170px; margin: 0 auto 10px; position: relative; z-index: 3;} .Method .Col .Title {font-size:22px; font-weight: 600; color: #444b4b;} .Method .Col::after {content: ''; position: absolute; display: block; top: 85px; right: -20%; width: 40%; border-top: 2px dashed #cbced0;} .Method .Col:last-child::after {display: none;} /*WPO*/ .HomeWpo {background: url(images/2020/triangle.svg) bottom right #f3f6f8 no-repeat; background-size: 100% auto;} .IconWebsite {width: 250px; margin: 20px auto 10px;} .LineTree {display: block; width: 50%; margin: 0 auto;} .WPOwork .Col {background: #FFF; border-radius: 10px; transition: all 0.3s linear;} .WPOwork .Col:hover {box-shadow: 0 0 10px rgba(0,0,0,0.25); transform: scale(1.01);} .WPOwork .Col .Intro {padding:20px;} .WPOwork .Col .Intro .Icon {width: 120px; margin: 0 auto 10px;} .WPOwork .Col .List {padding:40px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .WPOwork .Col .List ul li {margin: 15px 0; color: #FFF;} .WPOwork .Col .List ul li a {color: rgba(255,255,255,1); transition: all 0.2s linear; } .WPOwork .Col .List ul li a:hover {color:rgba(255,255,255,0.5);} .WPOwork .Col .List.LightBlue {background:#00bbff;} .WPOwork .Col .List.DarkBlue {background:#008eff;} .WPOresults {margin-top:30px;} .WPOresults .Col {background: #FFF; border-radius: 10px; transition: all 0.3s linear; padding:20px;} .WPOresults .Col:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); transform: scale(1.01);} .WPOresults .Col .Icon {width: 200px; margin: 0 auto;} .WPOresults .Col .Text {font-size: 16px;} /*WebHealth*/ .WebHealth {background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(233,236,238,1) 100%); position: relative;} .WebHealth::after {content: url(images/2020/triangle.svg); display: block; width: 30%; position: absolute; bottom: -7px; right: 0; z-index: 2;} .WebHealth .TwoColAssim {position: relative; z-index: 3;} .WebHealth .TwoColAssim .Col {display: flex; align-items: center;} .WebHealth .TwoColAssim .Col img {mix-blend-mode: multiply; width:100%; height:auto;} /*Book*/ .Book2020, .Book2020 span, .Book2020 h2 {color: #FFF !important;} .Book2020 h2 span {font-family: 'Open Sans';} /*Audit*/ .AuditSteps {background: url(images/2020/steps_bg.svg) center no-repeat; background-size: contain;} .AuditSteps .Step {display: inline-block; width: 24%; padding:20px; box-sizing: border-box; margin: 10px 0; vertical-align: top; position: relative;} .AuditSteps .Step::after {content:""; display: block; position: absolute; width: 40%; right:-20%; top:75px; border-top: 1px dashed #CCCDCF;} .AuditSteps .Step:nth-child(4)::after, .AuditSteps .Step:nth-child(7)::after {display: none;} .AuditSteps .Step .Number {display: block; width:100px; height: 100px; margin: 0 auto 10px; color: #FFF; font-family: 'Open Sans'; font-size: 38px; font-weight: 600; line-height: 100px; background: url(images/2020/steps_number.svg) center no-repeat; background-size: contain;} .AuditSteps .Step .Title {display: block; width: 80%; margin: 0 auto; color: #031014; font-size:20px;} /*Clients*/ .HomeClients h2, .HomeClients strong {color: #FFF !important;} .HomeClients {background: url(images/2020/clients-bg.jpg) center no-repeat; background-size: cover; color: #FFF; position: relative; padding:80px 0 170px;} .HomeClients .Wrapper {background: url(images/2020/map.svg) center no-repeat; background-size: cover;} .HomeClients::after {content:url(images/2020/mountains.svg); display: block; width: 100%; position: absolute; bottom: -9px; left: 0;} .ClientsNbr {margin:30px 0 60px;} .ClientsNbr .Number {color: #FFF; font-family: 'Open Sans'; font-size: 46px; font-weight: 600;} /*HomeTechnology*/ .HomeTechnology {background: url(images/2020/grey-mountains-bg.jpg) center bottom #f5f7f9 no-repeat; background-size: 100%;} .TechnologyBrands {margin-top:50px;} .TechnologyBrands .Col {position: relative;} .TechnologyBrands .Col a {display: block; width: 100%; height: 100%; position: absolute; background: #fff; border-radius: 8px; opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.2s linear;} .TechnologyBrands .Col a:hover {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);} /*HomeWarranty*/ .HomeWarranty { background: linear-gradient(45deg, rgba(0,122,235,1) 0%, rgba(0,187,255,1) 100%); color: #FFF;} .HomeWarranty h2, .HomeWarranty h4 {color: #FFF !important;} .WarrantyBlock .Col .Icon {width:140px; margin: 0 auto 10px;} /*Footer2020*/ footer {display: grid; grid-template-columns: 25% 1fr;} footer > div {padding:40px;} footer .Coords {background: #0f0f0f; text-align: center;} footer .Links {background: #141414; display: flex; align-items: center;} .ContentLinks {display: flex; justify-content: space-between; width: 100%;} .ContentLinks .Col {display: inline-block; margin-right: 30px;} .ContentLinks .Col:last-child {width:260px; margin: 0;} .ContentLinks h3 {color: #FFF; font-weight: 600; font-size: 18px;} .ContentLinks h3 a {color: #FFF; transition: all 0.3s linear;} .ContentLinks h3 a:hover {opacity: 0.75;} .ContentLinks ul li {font-size: 15px; margin:5px;} .ContentLinks ul li a, .ContentLinks p a {color: #FFF; opacity: 0.5; transition: all 0.3s linear;} .ContentLinks ul li a:hover, .ContentLinks p a:hover {opacity: 1;} .ContentLinks ul + h3, .ContentLinks h3 + h3 {margin-top:50px;} .WebsiteBunker .Image {margin-bottom:50px;} .Since2010 {width: 180px; margin: 0 auto;} .Coords {display: flex; align-items: center; justify-content: center;} .Coords .Logo {width: 290px; margin: 0 auto;} .Coords .Info {margin-top: 50px;} .Coords .Info p {color: #007aeb; margin-bottom: 20px;} .Coords .Info p a {color: #FFF; opacity: 1; transition: all 0.3s linear; font-family: "Open Sans"; font-weight:600; } .Coords .Info p a:hover {opacity: 0.5;} .Coords .Info .Mail {margin-top:40px;} .Coords .Info .Mail span {color: #007aeb;} .Coords .Info .Mail a {color: #FFF;} .Coords .Social a {display: inline-block; margin: 5px; width: 50px; height: 50px; background: #0079EB; border-radius: 50%; transition:all 0.3 linear;} .Coords .Social a:hover {background-color: #4284F4;} .Coords .Social {margin-top:40px;} .Copy {background: #0a0a0a; font-size: 14px; padding:10px 0 80px;} .Copy .Wrap {display: flex; justify-content: space-between;} .Copy a {color: #808387; transition: all 0.3s linear;} .Copy a:hover {color: #FFF;} /*Covid-19*/ .Covid-19 {display: block; background: rgb(194, 0, 0); color: #FFF; padding: 10px 0;} .Covid-19 .Wrapper {line-height: 1.2; color: #FFF;} .Covid-19 .Wrapper .Number {font-family: 'Open Sans', Arial, Helvetica, sans-serif;} .Covid-19 .Wrapper a {color: #FFF; transition: all 0.3s linear;} .Covid-19 .Wrapper a:hover {color: rgba(255,255,255,0.5);} /*Seo Content*/ .SEOTitle { display: block; padding: 160px 0 100px; background: url(images/footTeamBG.jpg) center no-repeat; background-size: cover; } .SEOTitle .Wrapper { width: 95%; max-width: 1170px; margin: 0 auto; } .SEOTitle h1 { color: #FFF; line-height: 1.1; margin: 0; padding: 0; } .SeoContent strong { color: #333; } .SeoContent ul { padding-left: 20px; } .SeoContent ul li { position: relative; margin-bottom: 20px; } .SeoContent ul li:before { content: "•"; position: absolute; color: #0079EB; left: -10px; } /*NewText*/ .NewText.Section { padding:60px 0; } .GradientGrey { background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,246,248,1) 100%); } .NewText h3 { font-weight: bold; } .NewText .Intro { margin-bottom:20px; text-align: center;} .NewText .Intro .LogoMMInside {display: block; margin: 0 auto 20px; max-width: 280px; width: 90%;} .NewText .ThreeColBlock { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } .BlueSpot { display: block; width: 50px; height: 50px; margin-bottom: 10px; } .TextSimple2020 .Section {padding:60px 0;} .TextSimple2020 a {color: #0079EB;} .TextSimple2020 p {margin-bottom: 20px;} .TextSimple2020 h1 {font-size: 50px;} .TextSimple2020 h2 {font-size: 30px;} .TextSimple2020 h3 {font-size: 24px;} .TextSimple2020 h1.Blue {color: #0079EB;} .TextSimple2020 .Spacer {height: 60px;} .TextSimple2020 a.BlueBtn {background: #0079EB; color: #FFF; display: inline-block; padding:10px 15px; border-radius: 3px; font-weight: bold;} .TextSimple2020 .Section .Step {display: block; width: 50px; height: 50px; background: #0079EB; color: #FFF; font-weight: bold; font-size: 20px; text-align: center; line-height: 50px; margin: 0 auto 10px; border-radius: 50%;} #pageTopBanner.Simple2020 {height: auto;} #pageTopBanner.Simple2020 .TopPage {height:auto !important;} #pageTopBanner.Simple2020 .TopPage .Wrap {position: relative; z-index: 4; padding:10px 0 1px;} #pageTopBanner.Simple2020 .TopPage #breadcrumbs {margin: 10px 0; color: #FFF;} #pageTopBanner.Simple2020 .TopPage #breadcrumbs a {color: #fff; opacity: 0.5;} #pageTopBanner.Simple2020 .TopPage #breadcrumbs a:hover {opacity: 1;}