/* Theme Name: Ligatus Theme Theme URI: http://www.ligatus.com Author: Romain Séchan Author URI: http://www.ligatus.com Description: New Ligatus 2015 corporate Identity Version: 1.0 License: Private License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Flat, Ligatus, Native */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #1e2522;} body { background: #fff; position:relative;} article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block;} ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0;} caption,th,td { font-weight: normal; text-align: left;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } a:hover, a:active, a:link, a:focus, a:visited { outline: 0; outline: none; text-decoration:none; color: inherit; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */} a img {border: 0; } a.textLink:link, a.textLink:visited { outline:0; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} a.textLink:hover { color:#EC644A; } a.textLink:active { color:#5AB7B2; } /* FIXED HEADER */ /* #masterHead {display:none; position:fixed; width:100%; background-color: transparent; z-index: 2000; padding:15px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} #masterHead #topMenuWrapper {overflow:hidden; position:relative; } */ /* LOGO */ .load {display:none;} #logoWrapper { display:block; height:41px; overflow:hidden; z-index:2000; position:fixed; top:15px; left:15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} #logoWrapper.full { width:251px;} #logoWrapper.small { width:41px;} #logoWrapper.small:hover { width:251px;} #logoWrapper img{height:100%; width:auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} /* LOGO ICON */ #logoWrapper.logoWhite #logoImgWhite{ display:block;} #logoWrapper.logoWhite #logoImgBlack{ display:none;} #logoWrapper.logoBlack #logoImgWhite{ display:none;} #logoWrapper.logoBlack #logoImgBlack{ display:block;} #masterHead #logoWrapper.logoMenuOpen{ width:251px!important;} #masterHead #logoWrapper.logoMenuOpen #logoImgWhite{ display:block!important; } #masterHead #logoWrapper.logoMenuOpen #logoImgBlack{ display:none!important;} /* MENU */ #menuWrapper {height:30px; z-index:9000; position:fixed; top:20px; right:20px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#fff; font-size: 17px; text-transform:uppercase;} #menuIcon {height:30px; float:right; position:relative; width:30px; padding-right:0px; padding-top:0px; display:block; cursor:pointer;} #menuIcon.hidden {display:none;} #menuIcon.visible {display:block;} #menuIcon img{width:30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position:absolute; top:0px; right:0px; } /* MENU WHITE */ #menuIcon.menuIconWhite #iconWhite{ display:block;} #menuIcon.menuIconWhite #iconBlack{ display:none;} #menuIcon.menuIconWhite #crossWhite{ display:block; opacity:0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} /* MENU BLACK */ #menuIcon.menuIconBlack #iconWhite{ display:none;} #menuIcon.menuIconBlack #iconBlack{ display:block;} #menuIcon.menuIconBlack #crossWhite{ display:block; opacity:0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #menuIcon.menuOpen #iconWhite{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); opacity:0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #menuIcon.menuOpen #iconBlack{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); opacity:0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #menuIcon.menuOpen #crossWhite{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /* MAIN NAVIGATION */ #mainNav{width:100%; background-color: #5AB7B2; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 700; position:fixed; z-index: 1000; top:0; bottom: 0; display:none; text-align:center; } #wrapperMenu{height:100%; overflow: hidden; display:none; } /* MAIN LINKS */ #wrapperMenuLinks{font-size: 45px; text-align:center; line-height: 58px; position: absolute; top: 50%; margin-top: -232px; right: 0; left: 0;} #wrapperMenuLinks a{display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} #wrapperMenuLinks a:hover{color:#166369;} /* SUB LINKS */ #wrapperMenuMore{width:40%; max-width:400px; display:inline-block; text-align:left; padding-top: 20px; padding-left: 40px; vertical-align: top; font-size:20px; line-height: 20px;display: none;} #wrapperMenuMore a{display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} #wrapperMenuMore a:hover{color:#166369;} /* BANNER */ #masterBanner { position:relative; width:100%; overflow:hidden; height:800px; background-repeat: no-repeat; background-position: top right; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; } .miniBanner { height:400px !important; background-position: center center !important; } #masterBanner img { width:100%; margin:0px; float:left;} #masterBanner h1#masterTeaser { font-family: 'Open Sans', sans-serif; margin:auto; font-weight: 700; color:#fff; text-transform:uppercase; font-size: 60px; width:80%; text-align:center; margin: auto; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); display:none; } /* SLIDES */ .partWrapper{ padding:120px 0px; overflow:hidden; font-family: 'Open Sans', serif; font-size: 25px; font-weight:300; line-height: 32px; margin:auto;} .partWrapper.white{ background-color: #fff; color:#303834; } .partWrapper.grey{ background-color: #e9f5f5; color:#303834; } .partWrapper.red{ background-color: #EC644A; color:#fff; } .partWrapper.black{ background-color: #1e2522; color:#fff;} .partWrapper .contentWrapper { width:85%; max-width: 1300px; margin:auto; } .partWrapper .contentWrapper h2{max-width: 1000px; width:100%; font-family: 'Roboto Slab', serif; font-size: 50px; font-weight:400; text-align: center; margin:auto; padding-bottom:70px;line-height: normal;} .partWrapper .contentWrapper h2 span.redTitle{ color:#EC644A; } .partWrapper .contentWrapper p{ max-width: 1000px; width:100%; font-family: 'Open Sans', serif; font-size: 24px; font-weight:300; line-height: 32px; text-align: center; margin:auto; padding-bottom:70px;} .partWrapper .contentWrapper p.commentaire{ padding-bottom:10px;} .partWrapper .contentWrapper p.reference{ font-style: italic; padding-bottom: 0px; color : #a8b2b0;} a.ctaBtn:link, a.ctaBtn:visited, a.ctaBtn:active { display:block; width:255px; height:53px; margin:auto; background-color: #5AB7B2; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 15px; text-align: center; padding-top:22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} a.ctaBtn:hover { background-color: #EC644A; color:#822100;} a.ctaBtn span {display:block;} .partWrapper strong { font-weight: 400; font-style:italic; } a.sdk:link, a.sdk:visited, a.sdk:active { text-decoration:none; display:block; width:32%; float:left; margin: 20px 2% 0 0; height:50px; background-color: #5AB7B2; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 15px; text-align: center; padding-top:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} a.sdk:hover { background-color: #EC644A; color:#ffffff !important } a.sdk span { display:block; vertical-align: top } .sdk img { height: 27px; margin: 0 10px 0 0 } /* FOR ADVERTISERS */ #forAdvertisers .wrapperImage{ width:100%;} #forAdvertisers .wrapperImage img{display:block; width:70%; max-width: 514px; margin:auto; padding-bottom: 70px;} #forAdvertisers .contentText{overflow:hidden; } #forAdvertisers .contentText div{float:left; width: 33.3333%; padding:0px;} #forAdvertisers .contentText div:nth-child(1), #forAdvertisers .contentText div:nth-child(2) {width: 30%; padding-right: 5%} #forAdvertisers .contentText div:last-child {width: 30%;} #forAdvertisers .contentText div h3{font-family: 'Roboto Slab', serif; font-size:25px; color: #EC644A; padding-bottom:20px;} #forAdvertisers .contentText div p{text-align:left!important; } /* FOR PUBLISHERS */ #forPublishers .wrapperImage{ width:100%;} #forPublishers .wrapperImage img{display:block; width:100%; max-width: 947px; margin:auto; padding-bottom: 70px;} #forPublishers .contentText{overflow:hidden; } #forPublishers .contentText div{float:left; width: 33.3333%; padding:0px;} #forPublishers .contentText div:nth-child(1), #forPublishers .contentText div:nth-child(2) {width: 30%; padding-right: 5%} #forPublishers .contentText div:last-child {width: 30%;} #forPublishers .contentText div h3{font-family: 'Roboto Slab', serif; font-size:25px; color: #EC644A; padding-bottom:20px;} #forPublishers .contentText div p{text-align:left!important; } /* TECHNOLOGY */ #technology .wrapperImage{ float:left; width:50%;} #technology .wrapperImage img{ width:100%;} #technology .contentText{ padding-top:50px; padding-left:5%; float:left; width:45%; text-align: left;} #technology .contentText p{ text-align: left; } #technology .wrapperCta{ float:left; width:100%; padding-top: 70px;} /* TESTIMONIALS */ #testimonals .contentWrapper{ position:relative; } #testimonals h2 { max-width: 800px; width:90%; } .callbacks_nav.prev, .callbacks_nav.next{ width:36px; height:101px; position:absolute; top:200px; margin:auto; z-index:900;} .callbacks_nav.prev{ left:0px; background:url("./img/arrow-left.png") 0px 0px no-repeat; background-size: 100%;} .callbacks_nav.next{ right:0px; background:url("./img/arrow-right.png") 0px 0px no-repeat; background-size: 100%;} .arrowLeft img, .arrowRight img{ width:100%;} #testimonialGlobalWrapper {overflow:hidden; position:relative; } .testimonialWrapper{ /*position:absolute; overflow:hidden; margin:auto; opacity:0.0;*/ left:0; right:0; margin:auto;} .testimonialWrapper.callbacks1_on{/*opacity:1.0;*/} .testimonialImgWrapper { width:175px; height:175px; margin:auto; overflow: hidden; padding-bottom:50px;} .testimonialImgWrapper div { width:174px; height:174px; margin:auto; overflow: hidden; } .testimonialImgWrapper div img { width:100%; -webkit-border-radius: 87px; border-radius: 87px; -moz-border-radius:87px;} /* KEY FIGURES */ #keyFigures .contentText div{float:left; width: 33.3333%; padding:0px;} #keyFigures .contentText div:nth-child(1), #keyFigures .contentText div:nth-child(2) {width: 30%; padding-right: 5%} #keyFigures .contentText div:last-child {width: 30%;} #keyFigures .contentText div img{width:100%; max-width: 250px; display: block; margin: auto;} #keyFigures .contentText div p{ padding-top:20px; text-align:center!important; padding-bottom: 0px; } /* SERVICES */ #services .contentText {overflow: hidden; position:relative; text-align: center;} #services .contentText div.block{display: inline-block; width: 29%; padding: 0px 2% 50px 2%; margin:auto; vertical-align: top;} #services .contentText div.block h3 {font-family: 'Roboto Slab', serif; font-size:25px; color: #EC644A; padding: 20px 0px 0px 0px;} #services .contentText div.wrapperImgService{width: 174px; height: 174px; float:none; padding:0px; margin:auto; overflow:hidden;} #services .contentText div.wrapperImgService img{ width: 100%; display: block; margin: auto; -webkit-border-radius: 87px; border-radius: 87px; -moz-border-radius:87px;} #services .contentText div p{ padding-top:20px; text-align:center!important; padding-bottom: 10px; } #services .contentText div p.name{ font-size: 20px; font-weight: 400; padding:0px; line-height: 25px} #services .contentText div p.jobtitle{ font-size: 20px; font-weight: 300; padding:0px; line-height: 25px; font-style:italic;} #services .contentText div p.email{ font-size: 20px; font-weight: 300; padding:0px; line-height: 25px } #services .contentText div p.tel{ font-size: 20px; font-weight: 300; padding:0px; line-height: 25px} /* OUR OFFICE */ p.titleOffice{ font-weight: 400!important; padding-bottom:0px!important;} p.addressOffice{ font-weight: 400!important; padding-bottom:40px!important; font-style:italic; font-weight: 300!important;} p.contactOffice{ padding-bottom:0px!important;} #angreGoogle { position: relative; } #closeGoogleMap { cursor: pointer; position: absolute; z-index: 1000; right: 0; left: 0; top: -20px; background: #ffffff; border-radius: 20px; width: 50px; font-weight: 400; margin: auto; padding: 30px 0 10px 0; text-align: center; transition: all .6s ease-in; } #closeGoogleMap img { height: 15px } /* SOCIAL */ #socialWrapper {text-align: center; margin:auto;} .socialLink { display:inline-block; margin:auto; height:100px; padding:0px; overflow: hidden; overflow:hidden; padding: 0px 1% 0px 1%; position: relative;} .socialLink .shadowWrapper { display:block; height: auto; overflow: hidden;} .socialLink .shadowWrapper img.shadow { height:0px; float:left; margin: auto; opacity: 0.0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} .socialLink:hover .shadowWrapper img.shadow { opacity: 1.0; height:5px; width:34px;} .socialLink a { width:auto; display:block; overflow: hidden; height:40px; min-width:34px; padding-top:50px; opacity: 0.7; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} .socialLink:hover a, .socialLink:hover a:hover { height:50px; padding-top:40px; opacity: 1;} .socialLink a img.icon {height:34px; margin: auto;} /* FOOTER */ #footer{ overflow:hidden;} #footer .contentWrapper{max-width:1300px; width:85%; margin:auto;} #sitemapWrapper{width:50%; float:left; overflow: hidden; padding-top:20px;} #sitemapWrapper .col { width: 50%; float:left; font-size:20px; } .mainLink { display: block; font-family: 'Roboto Slab', serif; font-weight: 400; padding-bottom: 10px; width:auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} a.mainLink:hover{ color:#EC644A; padding-left: 10px; } .title { display: block; font-family: 'Roboto Slab', serif; font-weight: 400; padding-bottom: 10px; } .subLink { display: block; font-family: 'Open Sans', sans-serif; font-weight: 300; padding-bottom: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .subLink:hover { color:#EC644A;padding-left: 10px; } #internationalLinks{width:70%;} .linkCountry{display:inline-block; width:20px; height:20px; margin:0% 2% 0% 0%;} .linkCountry img{width:100%;} #formWrapper {width:50%; float:right;} #formWrapper h2 {text-align: left;} .lineForm { float:left; padding-bottom: 25px;} .lineForm.one { width: 48%; padding-right: 2% } .lineForm.two { width: 48%; padding-left: 2% } .lineForm.textarea { float:left; width: 100%; overflow: hidden;} .lineCtaForm {float: left; overflow: hidden; width:100%; padding-top: 10px; padding-bottom: 30px;} .wrapperInput {height:33px; padding-top: 7px; width:100%; background-color: #fff; overflow: hidden;} .wrapperInput.valid {background: url("./img/valid.jpg") 96% center no-repeat; background-color: #fff; background-size: 20px 20px; } .wrapperInput.error {background: url("./img/error.jpg") 96% center no-repeat; background-color: #fff; background-size: 20px 20px; } .textarea .wrapperInput { height:auto;} .wrapperInput input { float:left; margin:0px; border:0px; outline:none; outline:0; width:75%; padding:5px 20% 5px 5%; background-color:transparent; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#4e5853; font-size:14px;} .wrapperInput textarea { float:left; margin:0px; border:0px; outline:none; outline:0; width:95%; height:200px; padding:5px 2.5% 5px 2.5%; background-color:transparent; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#4e5853; font-size:14px; resize:none;} .messageForm{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:14px; display:none; float:left; width:100%; padding-bottom:15px; display:none;} .messageForm.error{display:block; color:#ec644a; text-align:center;} .messageForm.valid{display:block; color:#a5d7d5; text-align:center;} .wrapperSelect {height:35px; padding-top: 5px; width:100%; background-color: #fff; background: url("./img/select.jpg") 96% center no-repeat; background-color: #fff; background-size: 20px 20px; cursor:pointer; position: relative;} .wrapperSelect.error { background-color: #fff; background: url("./img/error-select.jpg") 96% center no-repeat; background-color: #fff; background-size: 20px 20px;} .selectedValue {font-family: 'Open Sans', sans-serif; font-weight: 700; color:#9fa5a2; font-size:14px; padding:0px 20% 0px 5%; width:75%; overflow: hidden;} .selectedValue.selected{color:#4e5853;} .selectMenu{ display:none; position: absolute; top:40px; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);} .selectField {font-family: 'Open Sans', sans-serif; font-weight: 700; color:#4e5853; font-size:14px; cursor: pointer; width:90%; padding:10px 5%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} .selectField:hover {background-color: #E0E8E7!important; color:#EC644A!important;} .selectField.selected {background-color: #E9F5F5; color:#5AB7B2;} #map-canvas {height:700px; display:none;} /* PAGE MANAGEMENT */ .pageContent { width:90%; max-width: 1300px; margin:auto; padding:0px 0px; overflow:hidden; font-family: 'Open Sans', serif; font-size: 25px; font-weight:300; line-height: 32px;} .pageContent h2{max-width: 1000px; width:100%; font-family: 'Roboto Slab', serif; font-size: 50px; font-weight:400; text-align: center; margin:auto; padding-bottom:70px;line-height: normal;} .pageContent h3{font-family: 'Roboto Slab', serif; font-weight:400; font-size:25px; color: #3c3c3b; padding: 15px 0 10px 0;} .pageContent h4{font-family: 'Open Sans', serif; font-weight:400; font-size:25px; padding: 5px 0px 5px 0px;} .pageContent p{padding:10px 0px; text-align: left; max-width:100%;} .pageContent li { font-size:1em; list-style-type: none; background: url("./img/puce.png"); background-repeat: no-repeat; background-position: 0 0.5em; padding: 0 0 10px 30px; line-height: 28px } .pageContent li b { font-weight: 900; color:#5aabe3; } .pageContent p em{font-style: italic;} .pageContent blockquote{margin: 20px 0px 20px 20px; padding:0px 0px 0px 20px; border-left:5px #E0E8E7 solid; font-style: italic;} .pageContent p a img{width:250px; margin: 10px 0px;} .pageContent a{ display:inline; margin:auto; text-decoration: none; color:#EC644A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pageContent a:hover{color:#5AB7B2;} /* .cln_left { width: 65% !important; margin: 0 5% 0 0; float: left; } #aside { width: 30%; float: left;} .aside_bloc { box-sizing:border-box; padding: 25px; background: #fff4cf; border: 1px solid #ffe67f; font-weight: 500; margin: 0 0 40px 0 } .aside_bloc h3 { margin: 0 0 15 0 } .aside_bloc ul { display: inline } .aside_bloc li { display: block; font-size: 0.7em }*/ #SDKdownload .cln_66 { width: 65%; float:left; margin: 20px 5% 0 0 } #SDKdownload .cln_33 { width: 30%; float:left; margin: 20px 0 0 0 } #SDKdownload .clear { clear: both } #SDKdownload #support { font-size: 0.8em; color: #bbb; line-height: 26px; } #SDKdownload .contentText h3 {font-family: 'Roboto Slab', serif; font-size:30px; color: #EC644A; padding: 0 0px 20px 0px; line-height: 40px} #SDKdownload p { max-width: 100%; width: 100%; font-family: 'Open Sans', serif; font-size: 24px; font-weight: 300; text-align: left; line-height: 32px; padding-bottom: 30px;} #SDKdownload li { font-size: 0.875em; list-style-type: none; background: url("./img/puce.png"); background-repeat: no-repeat; background-position: 0 0.5em; padding: 0 0 10px 30px; line-height: 30px;} a.sdk:link, a.sdk:visited, a.sdk:active { text-decoration:none; display:block; width:100%; float:left; margin: 0 2% 20px 0; height:50px; background-color: #5AB7B2; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 15px; text-align: center; padding-top:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} a.sdk:hover { background-color: #EC644A; color:#ffffff !important } a.sdk span { display:block; vertical-align: top } .sdk img { height: 27px; margin: 0 10px 0 0 } /* PRIVACY POLICY */ #dataPrivacy{text-align: center;} #linksOptIn{text-align: center;} #statimg #optInText{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:14px; color:#fff; line-height: normal; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width:auto; text-align: center; padding:20px; display: inline-block; width:300px;} #statimg.status_optout #optInText {background-color:#EC644A;} #statimg.status_optin #optInText{background-color:#5AB7B2;} #statimg.status_unclear #optInText{background-color:#FFD047;} #linksOptIn a{ background-color: #E0E8E7; color:#303834; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:14px; line-height: normal; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width:auto; text-align: center; padding:20px; display: inline-block; width:300px; margin:10px;} #linksOptIn a.optInLink:hover{background-color: #5AB7B2; color:#166369;} #linksOptIn a.optOutLink:hover{background-color: #EC644A; color:#822100;} /* TERMS & CONDITIONS */ #linksTandC{overflow: hidden;} #linksTandC a{display: block; padding: 0px 0px 0px 0px; margin: 10px 0px;vertical-align: middle; overflow: hidden;} #linksTandC a img{display:block; border:0px; vertical-align:middle; width:30px;float:left;} #linksTandC a span{display:block; border:0px; vertical-align:middle; width:auto; float: left; padding-left: 15px;} /* NETWORK */ .wrapperLogoPublisher{float: left; width:23%; padding: 0px 1% 0px 1%;} .wrapperLogoPublisher:first-child{width:23%; padding: 0px 2% 0px 0px;} .wrapperLogoPublisher:last-child{width:23%; padding: 0px 0px 0px 2%; } .wrapperLogoPublisher img{width:100%;} /* PRESS RELEASE */ #PressRelease .blogWrapper { width: 85%; max-width: 1300px; margin: auto } #PressRelease .blogWrapper p { width: 100%; text-align: justify; margin: 0 0 40px 0 } #PressRelease .blogWrapper blockquote { padding: 0 0 0 40px; border-left: 4px solid #EC644A; font-style: italic } #PressRelease .blogWrapper .entry-title { width: 100%; font-family: 'Roboto Slab', serif; font-size: 50px; font-weight: 400; text-align: center; margin: auto; padding-bottom: 40px; line-height: normal; color : #EC644A } #PressRelease .blogWrapper h2 { width: 100%; font-family: 'Roboto Slab', serif; font-size: 50px; font-weight: 400; text-align: center; margin: auto; padding-bottom: 70px; line-height: normal; } #PressRelease .blogWrapper a { display: inline; margin: auto; text-decoration: none; color: #EC644A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #PressRelease .blogWrapper .entry-footer { display: none } #PressReleaseLink .blogWrapper { width: 70%; max-width: 1200px; margin: auto } #PressReleaseLink .blogWrapper img { height: 15px } #PressReleaseLink .blogWrapper a { margin: auto; text-decoration: none; color: #EC644A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #PressReleaseLink .blogWrapper a:hover { color: #000; } #postpage .blogWrapper li { font-size: 1em; list-style-type: none; background: url("./img/puce.png"); background-repeat: no-repeat; background-position: 0 0.5em; padding: 0 0 10px 30px; line-height: 30px;} #postpage .blogWrapper ul { margin: 0 0 40px 0 } @media (max-width: 1230px ) { #SDKdownload .cln_66 { width: 50%; } #SDKdownload .cln_33 { width: 45%; } #postpageLink .blogWrapper { width: 80%; } #postpageLink .blogWrapper a { font-size: 16px; line-height: 26px; margin: 0 0 10px 0; } #postpage .blogWrapper { width: 80%; } #postpage .blogWrapper p { font-size: 16px; line-height: 22px; margin: 0 0 20px 0 } #postpage .blogWrapper .entry-title { font-size: 20px; } #postpage .blogWrapper h2 { font-size: 20px; } #postpage .blogWrapper blockquote { padding: 0 0 0 20px } #postpage .blogWrapper li { font-size: 16px; } #postpage .blogWrapper ul { margin: 0 0 20px 0; line-height: 22px; } } /* ##################################################################### */ /* ##################################################################### */ @media screen and (max-width: 1100px){ #masterHead #topMenuWrapper {height:31px; position:relative; } /* LOGO */ #logoWrapper {height:31px; top:15px; left:15px;} #logoWrapper.full { width:200px;} #logoWrapper.small { width:31px;} #logoWrapper.small:hover { width:200px;} #logoWrapper img{height:100%; width:189px; } /* MENU */ #menuWrapper {height:20px; top:20px; right:15px;} #menuIcon {height:20px; float:right; position:relative; width:30px; padding-right:15px; padding-top:7px; display:block; cursor:pointer;} #menuIcon img{width:20px;} /* BANNER */ #masterBanner { width:100%; height:500px; position:relative; overflow:hidden; text-align:left; background-attachment: initial;} #masterBanner img { height:100%; width:auto;} #masterBanner h1#masterTeaser { font-size: 40px; width:80%;} /* SLIDES */ .partWrapper{ padding:80px 0px; } .partWrapper .contentWrapper { width:85%; max-width: 1300px; margin:auto; } .partWrapper .contentWrapper h2{ font-size: 30px; font-weight:400; text-align: center; margin:auto; padding-bottom:50px;} .partWrapper .contentWrapper p{ font-size: 20px; font-weight:300; line-height: 25px; padding-bottom:50px;} /* FOR ADVERTISERS */ #forAdvertisers .wrapperImage{ width:70%; margin: auto;} #forAdvertisers .wrapperImage img{display:block; width:100%; max-width: 400px; margin:auto; padding-bottom: 50px;} #forAdvertisers .contentText div{ float:none; width: 100%!important; padding:0px; text-align:center;} #forAdvertisers .contentText div p{text-align:center!important; } /* FOR PUBLISHERS */ #forPublishers .wrapperImage{ width:100%;} #forPublishers .wrapperImage img{display:block; width:100%; max-width: 945px; margin:auto; padding-bottom: 50px;} #forPublishers .contentText div{ float:none; width: 100%!important; padding:0px; text-align:center;} #forPublishers .contentText div p{text-align:center!important; } /* TESTIMONIALS */ #testimonals h2 { width:80%; } #testimonals p { width:80%; } .callbacks_nav.prev, .callbacks_nav.next{ width:18px; height:50.5px; position:absolute; top:200px; margin:auto;} .testimonialGlobalWrapper {overflow:hidden;} .testimonialWrapper{overflow:hidden; float:left;} .testimonialImgWrapper { width:120px; height:120px; margin:auto; overflow: hidden; padding-bottom:30px;} .testimonialImgWrapper div { width:120px; height:120px; margin:auto; overflow: hidden;} .testimonialImgWrapper div img{-webkit-border-radius: 60px; border-radius: 60px; -moz-border-radius:60px;} /* SERVICES */ #services .contentText div.block{display: inline-block; width: 45%; padding: 0px 2% 50px 2%; margin:auto;} #services .contentText div.block h3 {font-family: 'Roboto Slab', serif; font-size:20px; color: #EC644A; padding: 20px 0px 0px 0px;} /* TECHNOLOGY */ #technology .wrapperImage{ float:none;width:90%; margin: auto;} #technology .wrapperImage img{ width:100%; max-width: 500px; display:block; margin:auto;} #technology .contentText{ padding-top:50px; padding-left:0%; float:none; width:100%;} #technology .contentText p{ text-align: center; padding-bottom: 0px; } #technology .wrapperCta{ float:left; width:100%; padding-top: 60px;} /* KEY FIGURES */ #keyFigures .contentText div{float:left; width: 33.3333%; padding: 0px 0px 70px 0px;} #keyFigures .contentText div:nth-child(1), #keyFigures .contentText div:nth-child(2) {width: 25%; padding-right: 12.5%} #keyFigures .contentText div:last-child {width: 25%;} #keyFigures .contentText div img{width:100%; max-width: 240px; display: block; margin: auto;} #keyFigures .contentText div p{ padding-top:20px; text-align:center!important; padding-bottom: 0px; } /* FOOTER */ #footer .contentWrapper{max-width:1300px; width:85%; margin:auto;} /* PAGE MANAGEMENT */ .pageContent { font-size: 20px; line-height: 25px; } .pageContent p{ text-align: center;} .pageContent h2{ font-size: 30px; text-align: center; padding-bottom: 40px;} .pageContent h3{ font-size: 25px; text-align: center;} } /* ##################################################################### */ /* ##################################################################### */ @media screen and (max-width: 950px){ #wrapperMenu{height:360px; overflow: hidden; } /* MAIN LINKS */ #wrapperMenuLinks{font-size: 35px; line-height: 40px; vertical-align: top; margin:auto; margin-top: -160px;} #wrapperMenuMore{width:90%; display:block; text-align:center; padding-top: 20px; padding-left: 0px; vertical-align: top; font-size:18px; line-height: 18px; margin:auto; display:none;} } /* ##################################################################### */ /* ##################################################################### */ @media screen and (max-width: 900px){ /* FOOTER */ #sitemapWrapper{width:100%; float:left;} #formWrapper {width:100%; float:left;} #formWrapper h2 {text-align: center;} #SDKdownload .cln_66 { width: 100%; margin: 20px 0 0 0 } #SDKdownload .cln_33 { width: 100%; margin: 20px 0 0 0 } } /* ##################################################################### */ /* ##################################################################### */ @media screen and (max-width: 850px){ #wrapperMenu{height:280px; overflow: hidden; } /#wrapperMenuLinks{font-size: 30px; line-height: 35px; margin-top: -140px;} #wrapperMenuMore{width:90%; display:block; text-align:center; padding-top: 20px; padding-left: 0px; vertical-align: top; font-size:18px; line-height: 18px; margin:auto; display:none;} } /* ##################################################################### */ /* ##################################################################### */ @media screen and (max-width: 600px){ /* SLIDES */ .partWrapper .contentWrapper { width:80%; max-width: 1300px; margin:auto; } /* SERVICES */ #services .contentText div.block{display: block; width: 80%; padding: 0px 0% 50px 0%;} #services .contentText div.block h3 {font-family: 'Roboto Slab', serif; font-size:25px; color: #EC644A; padding: 20px 0px 0px 0px;} /* BANNER */ #masterBanner h1#masterTeaser { font-size: 30px; width:90%;} /* KEY FIGURES */ #keyFigures .contentText div{float:none; width: 100%!important; } #keyFigures .contentText div img{width:80%!important; max-width: 250px; display: block; margin: auto;} #keyFigures .contentText div p{ padding-bottom: 50px; } .lineForm { width:100%!important; padding-left:0px!important; padding-right:0px!important; float:left; padding-bottom: 25px;} /* FOOTER */ #footer .contentWrapper{max-width:1300px; width:80%; margin:auto;} #sitemapWrapper .col { width: 100%; float:none; font-size:20px; text-align: center; padding-bottom: 30px;} #internationalLinks{width:70%; text-align: center; margin:auto;} } /* ##################################################################### */ /* ##################################################################### */ @media screen and (max-height: 600px){ #wrapperMenu{height:200px; overflow: hidden; } /* MAIN LINKS */ #wrapperMenuLinks{font-size: 20px; line-height: 25px; margin-top: -140px;} #wrapperMenuMore{width:90%; display:block; text-align:center; padding-top: 20px; padding-left: 0px; vertical-align: top; font-size:18px; line-height: 18px; margin:auto; display:none;} }