/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #F8E70D; color: #666; text-shadow: none; }
::selection { background: #F8E70D; color: #666; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #766e05; text-decoration: none; }

a:hover { color: #666; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ==|== primary styles =====================================================
   Author: Josh Hubi
   ========================================================================== */
/*  SECTIONS  */
/* line 5, ../sass/test.scss */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  GRID OF THREE           ============================================================================= */
@media only screen and (min-width: 480px) {
  /* line 24, ../sass/test.scss */
  .span_3_of_3 {
    width: 100%;
  }

  /* line 28, ../sass/test.scss */
  .span_2_of_3 {
    width: 66.1%;
  }

  /* line 32, ../sass/test.scss */
  .span_1_of_3 {
    width: 32.2%;
  }

  /*  COLUMN SETUP  */
  /* line 37, ../sass/test.scss */
  .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
  }

  /* line 42, ../sass/test.scss */
  .col:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  /* line 48, ../sass/test.scss */
  .section {
    width: 100%; /* fix for Firefox */
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* line 53, ../sass/test.scss */
  .a {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-flex-order: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  /* line 57, ../sass/test.scss */
  .b {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-flex-order: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

* {margin:0; padding:0;line-height:normal;outline: none;}
.clear {clear: both;}

input, textarea, select {background:none; border:none;}
textarea:focus, input:focus {outline: none;}


@font-face {
    /* first for IE 6/7/8 */ font-family:'ProximanovaBold';
    src:url('../fonts/proximanova-bold-webfont.eot');
}
@font-face {
    /* for Mozilla browsers ->Firefox */ font-family:'ProximanovaBold';
    src:local('proximanova-bold-webfont'),url('../fonts/proximanova-bold-webfont.woff') format('woff');
}
@font-face {
    /* first for IE 6/7/8 */ font-family:'ProximanovaBoldIta';
    src:url('../fonts/proximanova-boldit-webfont.eot');
}
@font-face {
    /* for Mozilla browsers ->Firefox */ font-family:'ProximanovaBoldIta';
    src:local('proximanova-boldit-webfont'),url('../fonts/proximanova-boldit-webfont.woff') format('woff');
}
@font-face {
    /* first for IE 6/7/8 */ font-family:'Proximanova';
    src:url('../fonts/proximanova-regular-webfont.eot');
}
@font-face {
    /* for Mozilla browsers ->Firefox */ font-family:'Proximanova';
    src:local('proximanova-regular-webfont'),url('../fonts/proximanova-regular-webfont.woff') format('woff');
}
@font-face {
    /* first for IE 6/7/8 */ font-family:'ProximanovatIta';
    src:url('../fonts/proximanova-regitalic-webfont.eot');
}
@font-face {
    /* for Mozilla browsers ->Firefox */ font-family:'ProximanovatIta';
    src:local('proximanova-regitalic-webfont'),url('../fonts/proximanova-regitalic-webfont.woff') format('woff');
}

@font-face {
    /* first for IE 6/7/8 */ font-family:'ProximanovatLightIta';
    src:url('../fonts/proximanova-lightitalic-webfont.eot');
}
@font-face {
    /* for Mozilla browsers ->Firefox */ font-family:'ProximanovatLightIta';
    src:local('proximanova-lightitalic-webfont'),url('../fonts/proximanova-lightitalic-webfont.woff') format('woff');
}

@font-face {
    /* first for IE 6/7/8 */ font-family:'ProximanovatLight';
    src:url('../fonts/proximanova-light-webfont.eot');
}
@font-face {
    /* for Mozilla browsers ->Firefox */ font-family:'ProximanovatLight';
    src:local('proximanova-regitalic-webfont'),url('../fonts/proximanova-light-webfont.woff') format('woff');
}

body, html {font-family:Proximanova;font-smooth:always;background:#DDBB7E url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:100%;width:100%;}

strong {font-family:ProximanovaBold; font-weight: normal; font-size: 18px; }

#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(../img/ui.totop.png?v=1) no-repeat left top;}
#toTopHover {background:url(../img/ui.totop.png?v=1) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}

.pink-ribbon {position: absolute; top:18px; left:300px;}

.theeditor {background:#fff !important; background-image: none;}
.indent {margin-left:20px;}

.top-helper {height:532px; width:100%; border-top:#000 solid 7px; position:absolute; top:0;z-index:-1;overflow:hidden;}
.headerHelper {height:380px; width:100%; background:url(../img/header-bg.jpg) top repeat-x;}
.backgroundHelper {width:1023px; margin-left:auto; margin-right:auto; position:relative;z-index:3;}
.backgroundHelper .left {position:absolute; left:-200px; top:-2px;z-index:3}
.backgroundHelper .right {position:absolute; right:-200px; top:-2px;z-index:3}
.error {text-align: center; padding-top:100px; padding-bottom:20px;}
.hidden {display: none;}

.button {border-radius:4px; -moz-border-radius:4px; border:#CEC200 solid 1px; background:#F5EB00;  height:83px; width:600px; text-align: center; font-size: 20px; margin: auto;}
.button .helper {width:100%; height: 100%;line-height: 25px; font-size: 19px;}
.button h1 {font-size:20px; font-weight: normal; font-family:ProximanovaBold; padding-top: 15px;}
.button a {text-decoration: none; color: inherit; display: block; width:100%; height: 100%; line-height: 28px}
.button a:hover {color:inherit;}
.button:hover {background:#FCF15D;}
.pub-signup {width:410px;}

#wrap {min-height: 100%;height: auto !important;height: 100%;/* Negative indent footer by it's height */margin: 0 auto -207px;width:100%;}
#pushdown {height:82px;width:100%;}
#push {height:207px; width:100%;}

.wrapper {width:1169px; margin:auto; z-index:1; background:url(../img/white-trans.png); padding-top:20px; padding-bottom:28px;} 
.cms-editor {width:100%; height: 100%; background:#fff; padding:10px;} 

.header {position: fixed; top:0; left:0; width:100%; height:82px;z-index: 10;}
.header .more, .header-panel {height:213px; width:100%; display: none;}
.header .more .topBar {background:url(../img/header-bg.png); width:100%; height:43px; position: relative;}
.header .more .topBar .slider {top:20px; background: url(../img/sprites.png?v=1.1) no-repeat -261px -381px; z-index: 10;}
.header .more .gut {height: 170px; background: #000; position: relative;}
.header .more .gut .text {color:#dcdcdc; font-size:18px; width:530px; font-family:ProximanovatLight; position: absolute; top:47px; left:0;}
.header .more .gut a {color:#f8e70d;}
.header .more .gut a:hover {color:#fff;}
.header .more .gut .contact {background: url(../img/sprites.png?v=1.1) no-repeat -452px -438px; width: 147px; height: 47px; position: absolute; right:0; top:55px;}
.header .more .gut .contact a {display: block; width:100%; height:100%; text-align: center; line-height: 47px; font-family:ProximanovaBold; font-size: 20px; color:#000; font-weight: normal;}
.header .more .gut .links {width:286px; height:80px; list-style: none; position: absolute; top:40px; right:255px;}
.header .more .gut .links li {width:115px; text-align: center; display: block; position: absolute;}
.header .more .gut .links a {color:#fff; font-size: 22px; text-align: center;}
.header .more .gut .links a:hover {color:#f8e70d;}
.header .more .gut .right {float:right; text-align: right}
.header .more .gut .links .tleft {top:0;left:0;}
.header .more .gut .links .tright {top:0;right:0;}
.header .more .gut .links .bleft {bottom:0;left:0;}
.header .more .gut .links .bright {bottom:0;right:0;}
.header .more .topMenu {top:2px; left:0;}
.header .more .topMenu li {margin-right:10px;}

.header .icons {position: absolute; top:0; right:0; z-index: 2;}
.header .icons .slider {background: url(../img/sprites.png?v=1.1) no-repeat -450px -374px; width: 31px; height: 32px; position: absolute; right:165px; top:24px;}
.header .icons .key a, .header .icons .slider a {display: block; width:100%; height:100%; font-family:ProximanovaBold; font-size:14px; color:#341c00; font-weight: normal; text-align: center; line-height: 27px; text-indent: -99999px;}
.header .icons .key {background: url(../img/sprites.png?v=1.1) no-repeat -516px -375px; width: 29px; height: 32px; position: absolute; right:115px; top:24px;}
.header .icons .slider-a {background: url(../img/sprites.png?v=1.1) no-repeat -384px -373px !important; width: 31px; height: 32px;}
.header .icons .key:hover {background: url(../img/sprites.png?v=1.1) no-repeat -567px -373px; width: 29px; height: 32px;}
.header .icons .slider:hover {background: url(../img/sprites.png?v=1.1) no-repeat -625px -373px; width: 31px; height: 32px;}
.header .icons .button {background: url(../img/sprites.png?v=1.1) no-repeat -2px -521px; width: 88px; height: 28px; position: absolute; top:0; right:5px; top:26px; border:none;margin:0}
.header .icons .button a {display: block; width:100%; height:100%; font-family:ProximanovaBold; font-size:14px; color:#341c00; font-weight: normal; text-align: center; line-height: 27px}

.header .main {background:url(../img/header-bg.png); width:100%; height:100%;}
.header .holder {width:1169px; margin: auto; position: relative;}
.header .logo {width:286px; height:99px; position: absolute; top:0; left:0;background: url(../img/sprites.png?v=1.1) no-repeat 0 0;margin:0;}
.header .logo a {display: block; width:100%; height: 100%; font-size: 1px; overflow: hidden; text-indent: -9999999px;}

.header .mainMenu {position:absolute; top:24px; left:365px; list-style:none; margin:0; padding:0; width:200%;}
.header .mainMenu li {float:left; height:10px;}
.header .mainMenu a {height:44px; padding-left:15px; padding-right:15px; line-height:37px;color:#fff; font-family:ProximanovaBold; font-weight: normal; font-size:17px; text-transform:uppercase; text-decoration:none; font-weight:normal; display:block; letter-spacing:0.7px}
.header .mainMenu a:hover, .header .mainMenu .selected {background:#000;color:#fff;}
.header .mainMenu .sub {background:#000000; width:100%; height:34px; position:absolute; bottom:-60px; visibility:hidden;left: 0px;}
.header .mainMenu .center {float:left; width:100%;overflow:hidden;position:relative;}
.header .mainMenu .sublinks {list-style:none;clear:left;float:left;list-style:none;margin:0; padding:0;position:relative;}
.header .mainMenu .sublinks li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;line-height:37px;color:#efefef; height:24px;}
.header .mainMenu .sublinks-publishers {margin-left:150px;}
.header .mainMenu .sublinks-creative {margin-left:290px;}
.header .mainMenu .sub a {background:none; width:auto; height:auto; color:#efefef; font-size:12px; font-family:ProximanovatLightIta; line-height:37px; padding-right:5px;}
.header .mainMenu .sub a:hover {color:#999;}

.header .topMenu-search-box-support {position:absolute; right:192px; top:32px; text-transform:uppercase; list-style:none;margin:0; font-smooth:never;}
.header .topMenu {position:absolute; right:110px; top:21px; text-transform:uppercase; list-style:none;margin:0; font-smooth:never;}
.header .topMenu li {float:left;padding-top:0; padding-right:9px; line-height:40px;}
.header .topMenu a {font-size:11px; color:#EEE; text-decoration:none; letter-spacing:1px;}
.header .topMenu a:hover {color:#666666;}

.login {padding-top:17px; width:300px;}
.login input, .login textarea {padding: 5px; width: 471px;font-family: Helvetica, sans-serif;font-size: 12px;margin: 0px 0px 10px 0px;border: 2px solid #ccc;}
.login textarea {height: 90px;}
.login textarea:focus, .login input:focus {border: 2px solid #900;}
.login input.submit-button {width: 100px;float: right;}
.login label {float: left;text-align: left;margin-right: 15px;width: 100%;padding-top: 5px;font-size: 12px;}

.account-holder {width:500px; position: absolute; top:50%; left:50%; margin-left:-250px; margin-top:-130px; }
.account-holder h2 {font-size: 56px; color: #000; font-weight: normal; text-align: center;  font-family:ProximanovaBoldIta; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; padding-top:3px; }
.account-holder h3 {font-family:ProximanovatLight; color:#414141; font-weight: normal; font-size: 26px; letter-spacing: 1px; line-height: 32px; text-align: center; width:600px; margin: auto; padding-top:10px;}
.account-holder h4 {font-family:ProximanovatLight; color:#fff; font-weight: normal; font-size: 17px; letter-spacing: 1px; line-height:23px; text-align: center; padding-top:10px;}
.account-holder p {padding-top:15px; line-height: 17px}
.ac-logo {position: absolute; bottom:20px; right:20px;}
.account {font-family: ProximanovatLight;letter-spacing: 0.8px;background: #fff;border: #BDBDBD solid 1px; border-radius:7px; -moz-border-radius:7px; position:relative; width:320px; margin:auto; margin-top:40px;font-size: 13px;}

.account .form {position: relative;padding:10px; padding-left:8px; padding-top:8px; padding-bottom: 80px}
.account .form input, textarea {border: #BDBDBD solid 1px; border-radius:5px; -moz-border-radius:5px;background:#EDE8E4; width: 97%; height: 40px; font-family: ProximanovatLightIta;  font-size:16px; text-align: center; color:#888 !important; outline: 0;  padding-left:5px;padding-right:5px;}     
.account .form .email {position: absolute; bottom:70px; left:50%; margin-left: -145px;}
.account .form input:hover, .footer .newsletter textarea:hover,  
.account .form input:focus, .footer .newsletter textarea:focus {border-color: #C9C9C9;}  
.account .form .submit input {background: url(../img/sprites.png?v=1.1) no-repeat -1px -276px; width: 300px; height: 57px; font-family:ProximanovaBold; font-size: 18px; color:#000 !important; font-weight: normal; position: absolute; bottom:0px;left:50%; margin-left: -150px;}  
.account .form .textInput {}
.account .text {font-size:17px; font-family:ProximanovaBold; font-weight: normal; text-align: center; width:220px; margin: auto; padding-top:6px; padding-bottom:6px; }

.home {width:100%;margin-top:90px;}
.home .artwork, .home .logos {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.home .block {width:100%; height:651px; background:none;}
.home .block .wrap {width: 1169px;  height:651px;  margin: auto;position: relative;}
.home .block .headline {font-size:1px; text-indent: -999999px; overflow: hidden;}
.home .cta {background: url(../img/sprites.png?v=1.1) no-repeat -1px -124px; width: 210px; height: 47px; position: absolute; bottom:0; left:50%; margin-left: -105px; bottom:40px;}
.home .cta:hover {background: url(../img/sprites.png?v=1.1) no-repeat -1px -361px; width: 210px; height: 47px;}
.home .cta a {display: block; width:100%; height:100%; text-align: center; line-height: 47px; font-family:ProximanovaBold; font-size: 20px; color:#000; font-weight: normal;}
.home .shadow {background:url(../img/light-shadow.png);}
.home .first {height:600px;}
.home .first .wrap {height:600px;}
.home .first .logos {background: url(../img/artwork/brands.png) no-repeat 0 0; width: 459px; height: 495px; position: absolute; top:43px; left:-10px;}
.home .first .logos a {display: block;width:100%; height:100%; font-size: 1px; overflow: hidden; text-indent: -999px;}
.home .first .headline {background: url(../img/artwork/we-connect-brands.png) no-repeat 0 0; width: 715px; height: 223px; position: absolute; top:43px; right:-5px;}
.home .first .text {font-size: 26px; color:#fff; width:620px; position: absolute; right:30px;bottom:168px;font-family:Proximanova;}
.home .second {height:600px;}
.home .second .wrap {height:600px;}
.home .second .headline {background: url(../img/artwork/what-pubs-love.png) no-repeat; width: 983px; height: 286px; position: absolute; top:86px; left:-15px;}
.home .second .text {font-size: 26px; color:#fff; width:830px; position: absolute; left:25px;bottom:140px;font-family:Proximanova;}
.home .second .artwork {background: url(../img/artwork/love-to-love.png) no-repeat; width: 341px; height: 450px; position: absolute;bottom:0;right:-50px;}
.home .third {height:573px; overflow: hidden;}
.home .third .wrap {height:573px;}
.home .third .headline {background: url(../img/artwork/across-all-screens.png?v=1) no-repeat 0 0; width: 1176px; height: 331px;  position: absolute; top:30px; left:0px; }
.home .third .artwork {background: url(../img/artwork/screens.png?v=1) no-repeat; width: 607px; height: 380px; bottom:-70px; left:20px; position: absolute;}
.home .third .text {font-size: 26px; color:#fff; width:700px; position: absolute; right:0px;bottom:138px;font-family:Proximanova;}
.home .forth {height:363px;}
.home .forth .wrap {height:363px;}
.home .forth .connect {width:100%; position: relative; padding-top:60px;}
.home .forth h1 {font-size: 24px; color:#fff !important; font-weight: normal;font-family:ProximanovaBold; text-align: center;}
.home .forth .connect ul {width:190px; position: absolute; left:50%; margin-left: -86px;margin-top: 33px;}
.home .forth .connect li {float:left; list-style: none;margin-right: 20px;}
.home .forth .connect a {font-size: 1px; display: block; width:100%; height:100%; text-indent: -9999px}
.home .forth .connect .facebook {background: url(../img/sprites.png?v=1.1) no-repeat -484px -21px; width: 22px; height: 46px;}
.home .forth .connect .twitter {background: url(../img/sprites.png?v=1.1) no-repeat -544px -22px; width: 55px; height: 44px;}
.home .forth .connect .linkedin {background: url(../img/sprites.png?v=1.1) no-repeat -706px -21px; width: 46px; height: 46px;}
.home .forth .connect .facebook:hover {background: url(../img/sprites.png?v=1.1) no-repeat -637px -94px; width: 22px; height: 46px;}
.home .forth .connect .twitter:hover {background: url(../img/sprites.png?v=1.1) no-repeat -697px -95px; width: 55px; height: 44px;}
.home .forth .connect .linkedin:hover {background: url(../img/sprites.png?v=1.1) no-repeat -637px -21px; width: 46px; height: 46px;}
.home .forth .contact {width:100%; position: relative;margin-top:60px; height:150px;}
.home .forth .contact .cta {bottom:0px;}
.home .forth .contact .cta a {font-size: 18px;}
.home .forth .bnews {position: relative; padding-top:60px; height: 230px;}
.home .forth .bnews input, textarea {background: url(../img/sprites.png?v=1.1) no-repeat -238px -131px; width: 290px; height: 40px; font-family: ProximanovatLightIta;  font-size:16px; text-align: center; color:#888 !important; outline: 0;  margin-top:10px; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;padding-left:5px;padding-right:5px;}     
.home .forth .bnews .email {position: absolute; bottom:70px; left:50%; margin-left: -145px;}
.home .forth .bnews input:hover, .footer .newsletter textarea:hover,  
.home .forth .bnews input:focus, .footer .newsletter textarea:focus {border-color: #C9C9C9;}  
.home .forth .bnews .submit input {background: url(../img/sprites.png?v=1.1) no-repeat -1px -276px; width: 300px; height: 57px; font-family:ProximanovaBold; font-size: 18px; color:#000 !important; font-weight: normal; position: absolute; bottom:0;left:50%; margin-left: -145px;}  
.home .forth .bnews .textInput {}

@media only screen and (max-width: 1190px) {
.home2 .block .wrap {width:100%;}
.header .holder3 {width:100%;}
}

@media only screen and (max-width: 1285px) {
.home .second .artwork {right:0px;}
}

.contentWrapper {width:100%;}
.contentHelper {width:951px;margin:auto;padding-top:55px;padding-bottom:35px; position:relative;}
.contentHelper h2 {font-size: 56px; color: #000; font-weight: normal; text-align: center;  font-family:ProximanovaBoldIta; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; padding-top:3px; }
.contentHelper h3 {font-family:ProximanovatLight; color:#414141; font-weight: normal; font-size: 26px; letter-spacing: 1px; line-height: 32px; text-align: center; width:600px; margin: auto; padding-top:10px;}
.contentHelper h4 {font-family:ProximanovatLight; color:#414141; font-weight: normal; font-size: 17px; letter-spacing: 1px; line-height:23px; text-align: center; width:780px; margin: auto; padding-top:10px;}
.contentHelper p {padding-top:15px; line-height: 17px}

.listing {margin-top:70px; margin-bottom: 50px;}
.listing ul {list-style: none;}
.listing li {min-height: 375px; border-bottom:#CBCBCB solid 1px; position: relative; margin-top:35px;}
.listing h1 {text-align: center; font-weight: normal; font-size: 28px;}
.listing .image {position: absolute; top:80px;}
.listing .text {position: absolute; top:90px; width: 435px;color:#000; line-height: 23px; font-family: ProximanovatLight; font-size: 16px; letter-spacing: 0.8px;}
.listing .left {left:0;}
.listing .right {right:0;}
.listing .control {height:342px; min-height: 342px}
.listing .control .image {top:-40px; right:-70px;}
.listing .control .text {top:70px;}
.listing .pay {height:390px; min-height: 390px}
.listing .pay .image {left:-30px; top:60px;}
.listing .knowledge {border: none;}
.listing .knowledge .image {top:70px;}
.listing .knowledge .text {top:120px;}
.listing .mobile .image {top:10px;}
.listing .video .image {top:0px;}
.listing .video {height:330px; min-height:330px}
.listing .sponsor .image {right:-15px; top:70px;}
.listing .indie .image {top:0px; left:20px;}
.listing .indie h1 {text-align: right; margin-right: 120px; padding-top: 60px;}
.listing .indie .text {top:130px; width:450px;}
.listing .screens .image {top:0px; right:-70px;}
.listing .screens .text {width:360px;}
.listing .screens h1 {text-align: left; padding-top:20px; text-indent: 105px}
.listing .create .image {top:0px;}
.listing .create h1 {text-align: right;margin-right: 200px; padding-top: 60px;}
.listing .create .text {top:130px; width:500px;}
.listing .safe {border: none}
.listing .safe .image {top:0px;}
.listing .safe h1 {text-align: left; padding-top:45px; text-indent: 190px}
.listing .safe .text {width:540px; top:120px;}

.slider-plugin {width:100%; height:300px; position:relative; margin-bottom:35px;}
.slider {width:100%; height:300px; position:relative;}
.slider p {padding-top:0;}
.slider .video {width:521px; height:293px; position:absolute; top:0; left:6px;}
.slider .box {width:307px; height:341px; background: url(../img/trans.png); position:absolute; top:0; right:-1px;}
.slider .box h1 {font-family:ProximanovaBoldIta;font-weight:normal; font-size:29px; line-height:29px;letter-spacing:0.5px; margin-bottom:15px;}
.slider .box p {font-size:14px; line-height:20px;}
.slider .box .text {padding:27px;}
.slider .more {width:137px; height:55px; position:absolute; bottom:-5px; right:25px;}
.slider .more a {display:block; width:100%; height:100%; background:#000; color:#fff; text-decoration:none; text-align:center; font-family:ProximanovaBoldIta; font-size:20px; line-height:55px; letter-spacing:0.5px}
.slider .more a:hover {background:#e61c25;}

.sliderSelector {height:20px; list-style:none; padding:0; margin:0; position: absolute; right:120px;}
.sliderSelector li {float:left; position:relative; width:11px; height:11px; margin-left:19px; top:-6px;z-index:2;}
.sliderSelector a {display:block; position:absolute; width:11px; height:11px; background:url(../img/dot.png) top center no-repeat; font-size:1px; overflow:hidden; text-indent:-99999px;left:0px;}
.sliderSelector a:hover {width:21px; height:21px; background:url(../img/dot-selected.png) top center no-repeat; top:-5px; left:-5px;}
.sliderSelector .active-marker a {width:21px; height:21px; background:url(../img/dot-selected.png) top center no-repeat; top:-5px; left:-5px;}

.buttons {width:100%; height: 102px; position: relative;}
.buttons .social .shadow, .buttons .newsletter .shadow  {background:url(../img/box-shadow.png); width:306px; height: 28px; position: absolute; bottom:-29px; left:10px;}
.buttons .social {width:368px; height: 71px; border:#F0F0F0 solid 1px; position: absolute; left:-64px; top:0; background: #fff;}
.buttons .social ul {list-style:none;clear:left;float:left;list-style:none;margin:0; padding:0;position:relative;left:50%;text-align:center;margin-left:5px;}
.buttons .social li {float:left; width:40px; height: 29px; display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;padding-top:21px;}
.buttons .social a {width:28px; height: 29px; display: block; font-size: 1px; text-indent: -99999px;}
.buttons .social .fb {background:url(../img/facebook.jpg);}
.buttons .social .twitter {background:url(../img/twitter.jpg);}
.buttons .social .headline {position: absolute; top:-24px; width: 100%; text-align: center;font-family:ProximanovaBoldIta; font-size: 20px;}
.buttons .contact {width:300px; height:71px; border: #AD0000 solid 1px; position: absolute; top:0; left:325px; background:#E61C25 url(../img/red-pattern.jpg);}
.buttons .contact a {font-size: 30px; text-align: center; color:#fff; text-transform: uppercase; font-family: ProximanovatLightIta; font-weight: bold; text-decoration: none;line-height: 76px; display: block; width:100%; height: 100%;}
.buttons .contact a:hover {background: #000;}
.buttons .newsletter {width:368px; height: 71px; border:#F0F0F0 solid 1px; position: absolute; right:-64px; top:0; background: #fff;}
.buttons .newsletter p {padding-top:0;}
.buttons .newsletter .headline {position: absolute; top:-24px; width:333px; text-align: center;font-family:ProximanovaBoldIta; font-size: 20px;}
.buttons .newsletter input, textarea { border: solid 1px #DCDCDC; width:197px; height: 49px; font-family: ProximanovatLightIta;  font-size:16px; text-align: center; color:#9f9f9f; outline: 0;  margin-top:10px; background: #ededed; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px}     
.buttons .newsletter .email {position: absolute; left:15px;}
.buttons .newsletter input:hover, .footer .newsletter textarea:hover,  
.buttons .newsletter input:focus, .footer .newsletter textarea:focus {border-color: #C9C9C9;}  
.buttons .newsletter .submit input {width: 79px; height:49px; background:#000; font-size:16px; border: solid 1px #DCDCDC; text-align: center; color: #FFFFFF;text-transform:uppercase; font-family:ProximanovaBoldIta; position: absolute; right:60px; top:0;}  

.pub-community {padding-top:10px;padding-bottom:30px;}
.pub-community .content-slider .top-bar .red {right:-14px;}
.pub-community .content-slider .top-bar .blue {left:120px;}
.pub-community .content-slider .top-bar .logos {margin-left:0px}
.pub-community .content-slider .logos .blinkx {}
.ad-community .content-slider .top-bar .red, .content-slider .top-bar .blue  {left:25px;}
.ad-community .content-slider .top-bar .blue {left:290px;}
.content-slider {height:339px; width:951px; background:#f7f7f7; border: #e2e2e2 solid 1px; margin-top: 30px; background:url(../img/content-bg.jpg); position: relative; margin-bottom: 40px}
.content-slider .top-bar {height:85px; width:552px; border-right:#ebebeb solid 1px;  background:#f7f7f7 url(../img/content-topbar.jpg); position: absolute; top:0; left:0;z-index:2;}
.content-slider .top-bar .red, .content-slider .top-bar .blue  { height:38px; width:280px; background:url(../img/red.png) top center no-repeat; text-align: center; font-size:12px; line-height:65px; position: absolute; top:60px;}
.content-slider .top-bar .blue { background:url(../img/blue.png) top center no-repeat;}
.content-slider .right {width:398px; height:100%; background:#f7f7f7; position: absolute; top:0; right:0;z-index:1; overflow: hidden;}
.content-slider .right .strip { width: 398px; height:100%; position:relative; }
.content-slider .right .strip .strip-panel { width:398px; height:100%; float:left; position:relative;}
.content-slider .right .text {padding:20px; line-height: 23px; font-family: ProximanovatLight; font-size: 16px; letter-spacing: 0.8px;}
.content-slider .right p {padding-top:6px;}
.content-slider .right .more {width:137px; height:55px; position:absolute; bottom:20px; right:126px;}
.content-slider .right .more a {display:block; width:100%; height:100%; background:#000; color:#fff; text-decoration:none; text-align:center; font-family:ProximanovaBoldIta; font-size:20px; line-height:55px; letter-spacing:0.5px}
.content-slider .right .more a:hover {background:#F8E70D;color:#000;}
.content-slider .logos {list-style: none; margin-top:15px; margin-left:70px; position:absolute; top:5px; width:600px;}
.content-slider .logos li {float:left; display: block; width:200px; height: 200px;margin-right:15px;}
.content-slider .logos a {text-indent: -999999px; font-size: 1px; display: block; width:100%; height: 100%;}
.content-slider .logos .blinkx {margin-left:50px;margin-top:5px;width:90px; height:20px; background:url(../img/logos/blinkx.png) top center no-repeat;}
.content-slider .logos .ignition {margin-top:8px;width:90px; height:20px;background:url(../img/logos/ignition.png);}
.content-slider .logos .momiq {margin-top:4px;width:85px; height:37px;background:url(../img/logos/momiq.png);margin-left:100px;}
.content-slider .logos .giantrealm {width:50px; height:33px;background:url(../img/logos/giantrealm.png);}
.content-slider .logos .ella {margin-top:-4px;width:85px; height:37px;background:url(../img/logos/ella.png);}
.content-slider .logos .blinkx.selected {margin-top:5px;width:92px; height:20px; background:url(../img/logos/blinkx-selected.png) top center no-repeat;}
.content-slider .logos .ignition.selected {margin-top:8px;width:90px; height:20px;background:url(../img/logos/ignition-selected.png);}
.content-slider .logos .momiq.selected {margin-top:4px;width:85px; height:37px;background:url(../img/logos/momiq-selected.png);}
.content-slider .logos .giantrealm.selected {width:50px; height:33px;background:url(../img/logos/giantrealm-selected.png);}
.content-slider .logos .ella.selected {margin-top:-4px;width:85px; height:37px;background:url(../img/logos/ella-selected.png);}
.content-slider .logos .living {margin-top:3px;width:87px; height:34px;background:url(../img/logos/living.png);}
.content-slider .logos .living.selected {background:url(../img/logos/living-selected.png);}


.content-slider .panel-image {position: absolute; top:98px; left:0;}
.content-slider .stats {width:100%; height:97px; background:#414141; position: relative;}
.content-slider .stats h1 {font-size: 29px; font-weight: normal; text-align: center;font-family:ProximanovaBold; color:#fff; margin-top: 20px}
.content-slider .stats h2 {font-size: 16px; font-weight: normal; text-align: center; color:#fff; font-family:Proximanova; text-transform: none; line-height: 9px;}
.content-slider .stats .users {top:0; left:0; width:200px; height:97px;border-right: #4D4C4C solid 1px; position: absolute;}
.content-slider .stats .views {top:0; right:0; width:199px; height:97px; position: absolute;}

.apply {position: relative;}
.apply .text {width: 471px}
.apply .artwork {width:511px; height:233px; position: absolute; top:-20px; right:-30px; background:url(../img/apply-artwork.png);}

.products a:hover {color:#666 !important;}
.products .headline {text-align:center; font-size:42px; letter-spacing:2px; font-family:ProximanovaBoldIta; font-weight: normal; color:#777; line-height: 35px}
.products .about-products { color:#747474; width:568px; margin:auto;padding-top:15px; text-align:left;line-height: 23px; font-family: ProximanovatLight; font-size: 16px; letter-spacing: 0.8px; line-height: 19px;}
.products .arrow {text-align:center; margin-top:25px;} 
.products .top {width:100%; position:relative; height:517px; border-bottom:#CFCFCF solid 1px; margin:auto; margin-top:17px;margin-bottom: 30px;}
.products .left {width:475px;height:517px; position:absolute; top:0; left:0; border-right:#CFCFCF solid 1px;}
.products .left h1, .products .bottom h1,.products .right h1 {font-size:25px; font-family:ProximanovaBoldIta; letter-spacing:1px; font-weight:normal;}
.products .left .text, .products .bottom .text,.products .right .text {font-family:Proximanova; font-size:13px; width:400px; line-height:17px;padding-top:12px;padding-bottom:25px; text-align: left; letter-spacing: 0px; position: relative;z-index: 2;}
.products .left .text a, .products .bottom .text a, .products .right .text a {position: absolute;right:0;bottom:0; text-decoration: none;font-family:ProximanovaBoldIta; font-weight: normal;}
.products .left img, .products .right img {padding-top:28px;}
.products .right {width:435px;height:517px; position:absolute; top:0; right:0;}
.products .bottom {width:100%; position: relative; min-height: 235px;border-bottom:#CFCFCF solid 1px;}
.products .bottom .text. .products .bottom h1 {z-index:5; position: absolute;}
.products .bottom img {position: absolute; bottom: 0;}   
.products .list {border-bottom:#CFCFCF solid 1px; width:100%; min-height:142px; background:url(../img/product-bg.jpg) bottom repeat-x;margin-bottom:107px; position:relative;}
.products .results {list-style:none;padding-top:45px;}
.products .results li {width:160px; height:110px; float:left; position:relative;margin-left:56px;}
.products .info {width:100px; position:absolute; right:0px; top:0px;}
.products .info h1 {color:#008aff; font-size:13px; font-weight:normal; line-height:14px; text-align:left}
.products .info h1 a {color:#221F1F; font-size:17px; font-family:ProximanovatLightIta; font-weight:normal; line-height:25px; text-decoration:none;}
.products .info h1 a:hover,.products .results li:hover a {color:#999;}
.products .info h2 {color:#008aff; font-size:13px; font-weight:normal; line-height:25px;text-align:left}
.products .info span {color:#FF0084 !important}
.products .thumb {position:absolute; left:0px; top:0px; width:50px;}  
.products .more {position:absolute; width:136px; height:36px; background:#F8111B; bottom:-16px;left: 50%; margin-left: -70px; text-align:center; color:#fff; text-decoration:none;font-family:ProximanovatLightIta; font-weight:normal; text-transform:uppercase; font-size:18px; line-height:38px;}
.products .hubs {width:100%; height:450px;}
.products .hubs ul {list-style: none;}
.products .hubs li {width:467px; height:199px; float: left; position:relative; border-bottom:#CFCFCF solid 1px;border-right:#CFCFCF solid 1px;}
.products .hubs .no-border {border-right:none;}
.products .hubs .hub-text {position: absolute;top:49px; width:234px; text-align: right;}
.products .hubs .swap .hub-text {text-align: left; right:0;}
.products .hubs .hub-text h1 {font-size: 20px; font-family:Proximanova; font-weight: normal;}
.products .hubs .hub-text p {font-size: 12px; line-height: 14px}
.products .hubs .hub-image {position: absolute;top:20px; right:0; width:230px }
.products .hubs .swap .hub-image {left:0;}

.targeting {padding-top:50px;}
.targeting .headline {text-align: center; font-weight: normal; font-size: 28px;margin-bottom: 15px;}
.targeting ul {padding-top:40px; list-style: none;}
.targeting li {width:100%; border-bottom:#ececec solid 1px; margin-bottom: 39px}
.targeting .box {width:644px; margin: auto;padding-bottom:20px;}
.targeting .text {width:505px;}
.targeting .left {float:left;text-align: right;}
.targeting .right {float:right;}
.targeting h1 {font-size: 20px; font-weight: normal; padding-bottom:10px; line-height: 20px}
.targeting span {font-family:ProximanovatLightIta; font-size: 12px;padding-bottom: 5px; display: block; padding-top:10px;}
.targeting p {line-height: 23px; font-family: ProximanovatLight; font-size: 16px; letter-spacing: 0.8px;}

.solutions {}
.solutions .top {width:100%; min-height:349px; position: relative; border-bottom:#ececec solid 1px;padding-bottom:20px;}
.solutions .top .left {position: absolute; left:0px; top:-5px; width:340px;}
.solutions .top .right {position: absolute; right:0; top:0; width:559px;}
.solutions .top .right p {font-size: 18px; line-height: 21px;padding-bottom:35px;}
.solutions .top .right span {line-height: 18px; display: block; font-size: 15px}
.solutions .top .right h3 {font-family:ProximanovaBold; font-weight: normal; font-size:18px; padding-bottom: 20px }
.solutions .middle {padding-top:40px; text-align: center;border-bottom:#ececec solid 1px;padding-bottom:20px;}
.solutions .bottom {position: relative; width:100%; height:96px;margin-top:35px; margin-bottom: 25px;}
.solutions .bottom .button-contact {width:451px; position: absolute; left:0; top:0;}
.solutions .bottom .helper {padding-top:19px;}
.solutions .bottom .signup {width:451px; position: absolute; right:0; top:0;}

.big-idea .text {width:290px; position: absolute; right:-80px; top:-28px; padding:0;margin:0;}
.big-idea h1 {font-size:24px;font-family:ProximanovaBold; font-weight: normal;}
.big-idea strong {font-size: 24px;}
.big-idea .select {color:#000;}
.big-idea .headline {font-family:ProximanovatLight; color:#414141; font-weight: normal; font-size: 26px; letter-spacing: 1px; line-height: 32px; text-align: center; margin: auto; padding-top:10px;}
.big-idea .slider {position: relative; height:445px; width:100%; margin-top: 40px; margin-bottom: 50px}
.big-idea .accordion {border-radius:5px; -moz-border-radius:5px;  width:342px; height:389px; position: absolute; top:0; left:-25px; background:#fff;padding-top:2px; border: #EBE7E4 solid 1px; }
.big-idea .accordion a {font-size:24px; color:#BEBEBE; font-family:ProximanovaBold; font-weight: normal; letter-spacing:-0.3px; padding-left: 20px;}
.big-idea .accordion a:hover {color:#A5A5AB;}
.big-idea .accordion dt {border-top: #DBD7D3 solid 1px; padding-top:10px; padding-bottom: 10px;}
.big-idea .accordion dd {padding-left:20px; width: 90%; padding-bottom: 10px; color:#000; line-height: 21px; font-family: ProximanovatLight;}
.big-idea .accordion .first {border-top: none;}
.big-idea .demo-button {background: url(../img/sprites.png?v=1.1) no-repeat -1px -124px; width: 210px; height: 47px; position: absolute; bottom:0; left:45px; bottom:14px;}
.big-idea .demo-button:hover {background: url(../img/sprites.png?v=1.1) no-repeat -1px -361px; width: 210px; height: 47px;}
.big-idea .demo-button a {display: block; width:100%; height:100%; text-align: center; line-height: 47px; font-family:ProximanovaBold; font-size: 20px; color:#000; font-weight: normal;}
.big-idea .accordion-background {background: url(../img/slider/brand.png); width: 681px; height:424px; position: absolute; top:20px; right:-40px; }

.privacy h1 {margin-top:20px;}
.privacy h3 {margin-top:20px;}
.privacy ol, .privacy ul {margin-top:20px; margin-left: 20px}

.company .contentHelper {padding-top:30px !important;}
.company .wrapper {margin-top:35px !important;}
.company h2 {font-size: 40px; font-weight: normal; font-family:ProximanovaBold; text-transform: none;}

.companybar {z-index:2;border-radius:2px; -moz-border-radius:2px;width:500px; height:38px; position: absolute; top:-33px; left:50%; margin-left: -255px; background:#F7E70D;}
.companybar p {float:left; font-size:18px; font-family:ProximanovaBold; text-transform: uppercase; line-height: 45px; text-indent: 30px}
.companybar ul {list-style: none;margin-left:6px;}
.companybar li {line-height:35px; float:left; padding-left:15px; font-size:16px; font-family:ProximanovaBold; color:#A2990C; font-weight: normal; letter-spacing: 0.2px}
.companybar a {color:#A2990C;}
.companybar a:hover {color:#000;}
.companybar .selected {font-family:ProximanovaBold; color:#000;}

.about {width: 100%; position: relative; height: 700px; margin-top: 340px;}
.about .left {width:316px; text-align: center; position: absolute; top:110px; left:0;}
.about .right {width:634px; position: absolute; top:110px; right:0;}
.about .right h1 {font-size: 20px; font-weight: normal; font-family:ProximanovaBold; }
.about .blinkxmedia {padding-bottom:180px;}

.news {width: 100%; position: relative; height: 700px;}
.news .left {width:316px; position: absolute; top:110px; left:0;}
.news .right {width:634px; position: absolute; top:110px; right:0;}
.news h1 {font-size: 20px; font-weight: normal; font-family:ProximanovaBold; }

.management {width: 100%; margin-top: 340px;}
.management br {margin:0; padding:0;line-height: 12px}
.management .wargods {list-style: none; margin-top:40px; margin-left:43px; width:100%;}
.management .wargods li {width:850px; margin-bottom: 40px;}
.management .wargods .left {width:224px; height:224px; float:left; padding-right:38px;}
.management .wargods .right {width:586px; float:right;}
.management .wargods .text h1 {font-size: 20px; font-weight: normal; font-family:ProximanovaBold;line-height: 22px}

table.gridtable th {padding: 8px;text-align: left;}
table.gridtable td {border-width: 1px;padding: 8px;text-align: left;}
.newsroom {position: relative;}
.newsroom .selector {text-align:center; width:1169px; height:66px; border-top: #b6b6b6 solid 1px; border-bottom: #b6b6b6 solid 1px; position: absolute; top:70px; left:0;}
.newsroom .table {padding-top:100px;padding-left:12px;}
.newsroom .selector ul {list-style: none;display:inline-table; padding-top:22px;}
.newsroom .selector a {color: #766e05; font-family: ProximanovaBold; font-weight: normal; font-size: 18px}
.newsroom .selector a:hover {color:#000;}
.newsroom .selector li {margin-right:17px;float:left;display:inline;}
.newsroom .selector .selected {color:#000;}
.newsroom .table .heading {font-size: 18px; font-weight: normal !important;font-family:ProximanovatLight}
.newsroom .table .date {font-size: 18px; font-weight: normal;font-family:ProximanovaBold;}
.newsroom .table a {color: #766e05;}
.newsroom-wrap .contentHelper {width:100%;}

.newsroom .right .box {background: #fff;border: #BDBDBD solid 1px; border-radius:7px; -moz-border-radius:7px; width:300px; position: absolute; top:165px; right:30px;}
.newsroom .form {position: relative;padding:10px; padding-left:8px; padding-top:8px; padding-bottom: 80px}
.newsroom .form input, textarea {border: #BDBDBD solid 1px; border-radius:5px; -moz-border-radius:5px;background:#EDE8E4; width: 97%; height: 40px; font-family: ProximanovatLightIta;  font-size:16px; text-align: center; color:#888 !important; outline: 0;  margin-top:10px; padding-left:5px;padding-right:5px;}     
.newsroom.form .email {position: absolute; bottom:70px; left:50%; margin-left: -145px;}
.newsroom .form input:hover, .footer .newsletter textarea:hover,  
.newsroom.form input:focus, .footer .newsletter textarea:focus {border-color: #C9C9C9;}  
.newsroom .form .submit input {background: url(../img/sprites.png?v=1.1) no-repeat -1px -276px; width: 300px; height: 57px; font-family:ProximanovaBold; font-size: 18px; color:#000 !important; font-weight: normal; position: absolute; bottom:10px;left:50%; margin-left: -150px;}  
.newsroom .form .textInput {}
.newsroom .right .box .text {font-size:20px; font-family:ProximanovaBold; font-weight: normal; text-align: center; width:170px; margin: auto; padding-top:6px; padding-bottom:6px; }
.newsroom .pagination {font-size: 16px !important; text-align: center; width:690px; padding-top:20px;}

.newsroom .post {font-family: ProximanovatLight; font-size: 16px; letter-spacing: 0.8px;}

.contact-form {width: 100%; margin-top: 400px;}
.contact-form .left {float:left; width:522px;padding-top:30px; line-height: 23px; font-family: ProximanovatLight; font-size: 18px; letter-spacing: 0.8px;padding-left:60px;}
.contact-form .right {float:right;width:493px; padding-top:30px;line-height: 23px; font-family: ProximanovatLight; font-size: 18px; letter-spacing: 0.8px;padding-right:50px;}
.contact-form .right h1 {font-size: 15px; margin: 0; padding:0;}
.contact-form .right p {padding-top:0; padding-bottom:15px;}
.contact-form .right .red {color:#ff010c;}
.contact-form .right .box {background: #fff;border: #BDBDBD solid 1px; border-radius:7px; -moz-border-radius:7px; width:460px;}
.company #map {position: absolute; top:-20px; left:0px;width:1169px; height:427px;}
.company .people {position: absolute; top:-20px; left:-109px;width:1169px; height:356px; background: url(../img/people.png)}
.contact .contentHelper {width:100%;}
.contact-form .offices ul {list-style: none; margin-top: 40px; height: 140px;}
.contact-form .offices li {float:left;margin-left:90px;margin-bottom: 20px;}
.contact-form .offices h1 {margin-bottom: 0px; padding-bottom:0px; font-size: 15px; font-weight: normal;font-family:ProximanovaBold}
.contact-form .offices p {padding-top: 0px; padding-bottom:15px; font-size: 14px;}
.contact-form .offices .num {font-size:12px;}
.contact-form .form {position: relative;padding:10px; padding-left:12px; padding-top:8px; padding-bottom: 80px}
.contact-form .form input, textarea {border: #BDBDBD solid 1px; border-radius:5px; -moz-border-radius:5px;background:#EDE8E4; width: 97%; height: 40px; font-family: ProximanovatLightIta;  font-size:16px; text-align: center; color:#888 !important; outline: 0;  margin-top:10px; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;padding-left:5px;padding-right:5px;}     
.contact-form .form .email {position: absolute; bottom:70px; left:50%; margin-left: -145px;}
.contact-form .form input:hover, .footer .newsletter textarea:hover,  
.contact-form .form input:focus, .footer .newsletter textarea:focus {border-color: #C9C9C9;}  
.contact-form .form .submit input {background: url(../img/sprites.png?v=1.1) no-repeat -1px -276px; width: 300px; height: 57px; font-family:ProximanovaBold; font-size: 18px; color:#000 !important; font-weight: normal; position: absolute; bottom:10px;left:50%; margin-left: -145px;}  
.contact-form .form .textInput {}

.spec ul {margin-left:20px;margin-top:20px;margin-bottom:20px;}

.spec-list {border-top:#e9e9e9 solid 1px; margin-top:20px; width:939px; padding-bottom:35px;}
.spec-list ul {list-style:none;}
.spec-list li {float:left;padding-top:18px;background:url(../img/sprite-fade.png) top left no-repeat;}
.spec-list .first {padding-left:0px; width:210px; background:none;text-indent:0px;}
.spec-list .first h1 {text-indent:0px;}
.spec-list .first ul {margin-left:0px;}
.spec-list .links {width:225px}
.spec-list .links ul {padding-top:4px;}
.spec-list .links li {padding:0 0 0 0; background:none; float:none; line-height:20px; color:#666; font-size:12; padding-bottom:5px; text-align:center;}
.spec-list .align-left {text-align:left !important;}
.spec-list .links a {font-size:12px;font-weight:normal; text-decoration:none;}
.spec-list .links a:hover {color:#CCC; text-decoration:underline;}

.showcase {margin-top: 70px;}
.showcase .menu, .showcase-detail .menu {float:right; list-style:none; height:25px;}
.showcase .menu li,.showcase-detail .menu li {float:left;margin-left:20px; color:#c1c1c1; height:25px;line-height:25px;font-family:ProximanovatLight;}
.showcase .menu a,.showcase-detail .menu a {color:#666; text-decoration:none; font-size:15px;}
.showcase .menu a:hover,.showcase-detail .menu a:hover {color:#e21821}
.showcase .menu .last,.showcase-detail .menu .last {background:#000; width:22px; color:#FFF; font-size:14px; text-align:center; line-height:25px;}
.showcase .clear,.showcase-detail .clear {clear:both !important; height:0px;}

.showcase .sub {background:#000; width:100%; height:31px;}
.showcase .sub ul {float:right;list-style:none;height:31px;}
.showcase .sub li {float:left;padding-right:20px; line-height:30px; display:block;}
.showcase .sub a {color:#c1c1c1; text-decoration:none; color:#fff; font-size:14px;font-family:ProximanovatLight;}
.showcase .sub a:hover {color:#ccc;}

.showcase .results {list-style:none;padding-top:25px;}
.showcase .results li {width:300px; height:113px; margin-right:17px; float:left; position:relative; margin-bottom: 30px;}
.showcase .results .link {display: block; position: absolute; top:0; left:0; width:100%; height: 100%; z-index:2;}
.showcase .results li:hover {background:url(../img/div-select.png) bottom right no-repeat;}
.showcase .info {width:247px; position:absolute; left:126px; top:1px;}
.showcase .info h1 {color:#000; font-size:14px; font-weight:normal; line-height:14px;font-family: ProximanovatLight; letter-spacing: 0.8px;}
.showcase .info h1 a {color:#008aff; font-size:16px; font-weight:normal; line-height:14px; text-decoration:none}
.showcase .info h2 {color:#008aff; font-size:13px; font-weight:normal; line-height:25px;}
.showcase .info span {color:#666 !important}
.showcase .thumb {position:absolute; left:0px; top:0px; width:113px;}
.showcase .thumb img {}
.showcase .tags {list-style:none;padding-top:15px;}
.showcase .tags li {width:auto; position:inherit;color:#e21821; width:auto; height:auto;font-size:13px; font-weight:normal;padding-right:5px; margin:0;}
.showcase .tags li:hover {background:inherit;}

.showcase-detail .selected {color:#666 !important;}
.showcase-detail .video {background:#ccc; width:590px; text-align: center;}
.showcase-detail .menu {padding-bottom:15px;}
.showcase-detail .media-view {position:relative; width:100%; height:351px;}
.showcase-detail .left {width:690px; position:absolute; left:0px; top:0px;}
.showcase-detail .left h1 {font-size:27px; color:#000; text-transform:uppercase; line-height:30px; padding-top:15px;padding-bottom:10px;font-family:ProximanovatLight;}
.showcase-detail .right .text {padding-top:54px;line-height: 23px; font-family: ProximanovatLight; font-size: 15px; letter-spacing: 0.8px;}
.showcase-detail .right .text strong {text-transform:uppercase;font-family:ProximanovatLight; color:#999;}
.showcase-detail .right {width:330px; position:absolute; right:0px; top:0px;}
.showcase-detail .bottom {width:100%; height:136px; position:relative;padding-top:10px;}
.showcase-detail .details li {font-size:14px; text-transform:uppercase;}
.showcase-detail .details span {color:#000;}
.showcase-detail .social {position:absolute; right:-5px; top:9px;}
.showcase-detail  ul {list-style:none;}
.showcase-detail .social li {float:left; padding-right:5px;}
.showcase-detail .pdf {width:19px; height:26px; position:absolute; right:15px; top:-35px; background:url(img/pdf_icon.jpg) top center no-repeat;}
.showcase-detail .pdf a {width:100%; height:100%; display:block; text-indent:-9999px}
.showcase-detail .case-study {position:absolute; right:18px; top:65px;}
.showcase-detail .case-study a {background:#FDD900; padding:10px; font-size:14px; text-decoration:none; color:#000;font-family:ProximanovatLight;}
.showcase-detail .case-study a:hover {background:#000;color:#fff;}

/* brandTogether landing page CSS */
.brandTogether {width: 1170px;margin-top: 81px;margin-left: auto;margin-right: auto;}
.brandTogether #brandPanelTop {width: 100%;}
.brandTogether #bptLeft {width: 50%;background-color: #f2eadd;float:left;padding-top: 30px;padding-bottom: 62px;}
.brandTogether #bptLeftInf {width: 50%;background-color: #f2eadd;float:left;padding-top: 30px;padding-bottom: 52px;}
.brandTogether #bptRight {width: 50%;background-color: #2f2f2f;float: right;padding-top: 30px;}
.brandTogether #bptLogos {margin-top: -20px;width: 100%;background-color:rgba(229,212,184,0.5);text-align: center;}
.brandTogether #bptLogos img {width: 180px;padding: 20px;}
.brandTogether #bptLogos .bptLogoText {font-size: 22px;padding-top: 25px;}
.brandTogether .brandLogoOne {position: relative;top: 85px;text-align: center;width: 500px;margin-left: auto;margin-right: auto;}
.brandTogether .brandLogoTwo {position: relative;top: 30px;text-align: center;width: 500px;margin-left: auto;margin-right: auto;}
.brandTogether .brandLogoThree {position: relative;top: 40px;text-align: center;width: 500px;margin-left: auto;margin-right: auto;}
.brandTogether .brandLogoFour {position: relative;top: 40px;text-align: center;width: 500px;margin-left: auto;margin-right: auto;}
.brandTogether .brandArrow {background: url('../img/together/arrow.png') no-repeat; width: 224px;height:64px;position: relative;left: 475px;top: 144px;}
.brandTogether .brandArrowInf {background: url('../img/together/arrow.png') no-repeat; width: 224px;height:64px;position: relative;left: 475px;top: 134px;}

.brandTogether .bLinkedIn {background: url('../img/together/sharebox.png') no-repeat 0 -40px;width: 29px;height: 29px;float: left;margin-top: 20px;margin-left: 30px;}
.brandTogether .bTwitter {background: url('../img/together/sharebox.png') no-repeat -60px -40px;width: 36px;height: 29px;float: left;margin-top: 20px;margin-left: 35px;}
.brandTogether .bEmail {background: url('../img/together/sharebox.png') no-repeat -124px -40px;width: 34px;height: 27px;float: left;margin-top: 20px;margin-left: 28px;}
.brandTogether .bLinkedIn a, .bTwitter a, .bEmail a {display: block;width: 100%;height: 100%;text-align: center;line-height: 47px;font-family: ProximanovaBold;font-size: 20px;color: #000;font-weight: normal;}

.brandTogether .bLinkedIn:hover {background: url('../img/together/sharebox.png') no-repeat 0 0;width: 29px;height: 29px}
.brandTogether .bTwitter:hover {background: url('../img/together/sharebox.png') no-repeat -60px 0;width: 36px;height: 29px;}
.brandTogether .bEmail:hover {background: url('../img/together/sharebox.png') no-repeat -124px 0;width: 34px;height: 27px;}

.brandTogether #error {
  display:none;
  position: absolute;
  background: red;
  font-size: 16px;
  top: 472;
  right: 559;
  padding: 9px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
}

.brandTogether .bptrIcon, .bptlIcon {text-align: center;padding: 10px;}
.brandTogether .bptrHead, .bptlHead {font-family: ProximanovaBold;font-size: 38px;text-align: center;padding: 10px;}
.brandTogether .bptrContent, .bptlContent {font-size: 18px;}
.brandTogether .bptlContent {width: 440px;margin-left: auto;margin-right: auto;text-align: center;padding-bottom: 40px;}
.brandTogether .bptrContent {width: 475px;margin-left: auto;margin-right: auto;padding-bottom: 40px;padding-top: 41px;padding: 20px;}
.brandTogether .bptlHead, .bptlContent {color: #fff;}
.brandTogether .innerrContent {width:300px;margin-left: auto;margin-right: auto;}
.brandTogether .innerrContentInf {width:315px;margin-left: auto;margin-right: auto;}

.brandTogether #brandPanelOne {width: 1170px;margin-top: -40px;margin-left: auto;margin-right: auto;}
.brandTogether #brandPanelTwo {width: 1170px;margin-top: 81px;margin-left: auto;margin-right: auto;}
.brandTogether #brandPanelThree {width: 1170px;margin-top: 81px;margin-left: auto;margin-right: auto;}
.brandTogether .blur {
  -webkit-transition:-webkit-filter 1.0s ease-in-out;
  -webkit-transform: scale(0.85, 0.85);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
}
.brandTogether .unblur {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;  
  -o-transition: all 0.8s ease-in-out;  
  -ms-transition: all 0.8s ease-in-out;  
  -webkit-transform: scale(1.0, 1.0);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  transition: all 0.8s ease-in-out;  
  filter: blur(0px);  
}

.brandTogether .rounded {border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;}

.brandTogether #brandTop {background-color:rgba(229,212,184,0.5); height: 330px;}
.brandTogether #brandBottom {background-color:rgba(229,212,184,0.5); height: 360px;}
.brandTogether .brandGoal {padding-top: 60px;padding-left: 50px;}
.brandTogether .brandSolution {padding-top: 15px;padding-left: 50px;}
.brandTogether #bbLeft {background-color: #e4d3b7;width: 49%;height: 360px; float: left;}
.brandTogether #bbRight {background-color: #e4d3b7;width: 49%;height: 360px; float: right;}
.brandTogether .goalIcon, .solIcon {width: 100px; height: 100px;float:left;}
.brandTogether .goalHead, .solHead {font-family: ProximanovaBold;font-size: 22px;margin-right:-75px;width: 200px;}
.brandTogether .solHead {float: left;}
.brandTogether .solHeadSub {font-size: 22px;width: 600px;height:30px;}
.brandTogether .goalContent, .solContent {padding: 20px;font-size: 18px;}
.brandTogether .statIconOne, .statIconTwo {text-align: center;margin-top: 105px;}
.brandTogether .statIconOne {text-align: center;margin-top: 85px;}
.brandTogether .statContentOne, .statContentTwo {text-align: center;padding: 20px;font-size: 18px;width: 275px;margin-left: auto;margin-right: auto;}
.brandTogether .brandSocial {background-color: #a59176;width:225px; height: 70px;float: right;}

.brandTogether #brandPanelTopNew {background-color: #f2eadd;display: none;padding: 25px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.brandTogether #brandPanelTopNew .confHead {font-family: ProximanovaBold;font-size: 38px;text-align: center;padding: 10px;}
.brandTogether #brandPanelTopNew .confContent {text-align: center;font-size: 20px;line-height: 15px;}
.brandTogether #brandPanelTopNew .confContent h3 {padding-top: 20px;}
.brandTogether #brandPanelTopNew .confSocial {background-color: #a59176;width:225px; height: 70px;margin-left: auto;margin-right: auto;margin-top: 10px;}

.brandTogether .buttonOffset {position: relative;top: -25px;}
.brandTogether .buttonSubmit {background: #DADADA;border-radius: 4px;width: 430px;height: 46px;text-align: center;border: 1px solid #535353;color: #9E9E9E;}
.brandTogether .button {background: #F5EB00;border-radius: 4px;width: 430px;height: 46px;text-align: center;border: #CEC200 solid 1px;color: #9E9E9E;}
.brandTogether .button a {display: block;width: 100%;height: 100%;text-align: center;line-height: 47px;font-family: ProximanovaBold;font-size: 20px;color: #000;font-weight: normal;}
.brandTogether .button a:hover {color:inherit;}
.brandTogether .button:hover {background:#FCF15D;}

.spaceFifty {width: 100%; height:90px;}
.brandTogether .form {margin-top: 10px;margin-bottom: 10px;}
.brandTogether .form input[type=text] {border: #BDBDBD solid 1px; border-radius:5px; -moz-border-radius:5px;background:#EDE8E4; width: 49%; height: 40px; font-family: ProximanovatLightIta;  font-size:16px; text-align: center; color:#888 !important; outline: 0;  margin-top:10px; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;padding-left:5px;padding-right:5px;}     

.optoutsuccess {background:url(../img/optout/opt_success.gif) no-repeat right center;line-height:16px; font-size: 14px; }
.optoutfailed {background:url(../img/optout/opt_failure.gif)  no-repeat right center; line-height:16px;font-size: 14px;}

.footer {background:#000000; width:100%; height:207px; bottom:0;}
.footer .holder {width:1023px; height:207px; margin:auto; position:relative;}
.footer .hotfix {width:1023px; height:207px; background:#000000; position:absolute; top:0; left:0; z-index:-1;}
.footer .columns {position:absolute; left:11px; top:18px;}
.footer .links {margin:0; padding:0; width:167px; float:left; list-style:none;}
.footer .links li {font-family:ProximanovaBold; font-size:14px; color:#FFFFFF; text-transform:uppercase; letter-spacing:0.5px;line-height:20px !important;} 
.footer .links a {font-family:ProximanovatLight !important; text-transform:none !important; font-size:12px; text-decoration:none; color:#fff; font-weight:normal;}
.footer .links a:hover {color:#999;}
.footer .copyright {position:absolute; right:11px;top:23px; font-family:ProximanovaBoldIta; font-size:12px; color:#FFFFFF; font-weight:normal; letter-spacing:0.5px; text-align:right;}
.footer .copyright ul {margin:0; padding:0; list-style:none;}
.footer .copyright li {font-family:ProximanovatLightIta !important; float:right;line-height:20px !important;color:#fff;padding-left:5px;}
.footer .copyright a {color:#fff; text-decoration:none;}
.footer .copyright a:hover {color:#999;}
.footer .badges {position: relative;margin-top:60px;}
.footer .badges .iab {position: absolute;right:0;top:0;}
.footer .badges .privacytruste {position: absolute; right:175px;top:3px;}
.footer .badges .iablogo {position: absolute; right:110px;top:-3px;}
.footer .badges .iabqag {position: absolute; right:0px;top:-15px;}
.footer .parentcopy {position: absolute; bottom:15px;font-family: ProximanovatLight; font-size: 12px; letter-spacing: 0.4px; text-align: center; width:100%; text-transform: uppercase;}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}