/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
#two-in-one-campaign-2013 article,
#two-in-one-campaign-2013 aside,
#two-in-one-campaign-2013 details,
#two-in-one-campaign-2013 figcaption,
#two-in-one-campaign-2013 figure,
#two-in-one-campaign-2013 footer,
#two-in-one-campaign-2013 header,
#two-in-one-campaign-2013 hgroup,
#two-in-one-campaign-2013 nav,
#two-in-one-campaign-2013 section,
#two-in-one-campaign-2013 summary {
display: block;
}
#two-in-one-campaign-2013 audio, #two-in-one-campaign-2013 canvas, #two-in-one-campaign-2013 video {
display: inline-block;
*display: inline;
*zoom: 1;
}
#two-in-one-campaign-2013 audio:not([controls]) {
display: none;
}
#two-in-one-campaign-2013 [hidden] {
display: none;
}
/* =============================================================================
Fonts
========================================================================== */
/* =============================================================================
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
*/
#two-in-one-campaign-2013 {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
#two-in-one-campaign-2013 button,
#two-in-one-campaign-2013 input,
#two-in-one-campaign-2013 select,
#two-in-one-campaign-2013 textarea {
/* font-family: "neo-sans-intel", 'tahoma', 'helvetica', sans-serif; */
color: #222;
}
#two-in-one-campaign-2013 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.
* Customize the background color to match your design.
*/
/* =============================================================================
Links
========================================================================== */
#two-in-one-campaign-2013 {
/*
* Improve readability when focused and hovered in all browsers: h5bp.com/h
*/
}
#two-in-one-campaign-2013 a {
color: #00e;
}
#two-in-one-campaign-2013 a:visited {
color: #551a8b;
}
#two-in-one-campaign-2013 a:hover {
color: #06e;
}
#two-in-one-campaign-2013 a:focus {
outline: thin dotted;
}
#two-in-one-campaign-2013 a:hover, #two-in-one-campaign-2013 a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
#two-in-one-campaign-2013 {
/*
* Redeclare monospace font family: h5bp.com/j
*/
/*
* Improve readability of pre-formatted text
*/
/*
* Position subscript and superscript content without affecting line-height: h5bp.com/k
*/
}
#two-in-one-campaign-2013 abbr[title] {
border-bottom: 1px dotted;
}
#two-in-one-campaign-2013 b, #two-in-one-campaign-2013 strong {
font-weight: bold;
}
#two-in-one-campaign-2013 blockquote {
margin: 1em 40px;
}
#two-in-one-campaign-2013 dfn {
font-style: italic;
}
#two-in-one-campaign-2013 hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
#two-in-one-campaign-2013 ins {
background: #ff9;
color: #000;
text-decoration: none;
}
#two-in-one-campaign-2013 mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
#two-in-one-campaign-2013 pre,
#two-in-one-campaign-2013 code,
#two-in-one-campaign-2013 kbd,
#two-in-one-campaign-2013 samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
#two-in-one-campaign-2013 pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
#two-in-one-campaign-2013 q {
quotes: none;
}
#two-in-one-campaign-2013 q:before, #two-in-one-campaign-2013 q:after {
content: "";
content: none;
}
#two-in-one-campaign-2013 small {
font-size: 85%;
}
#two-in-one-campaign-2013 sub, #two-in-one-campaign-2013 sup {
font-size: 50%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
#two-in-one-campaign-2013 sup {
top: -0.5em;
}
#two-in-one-campaign-2013 sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
#two-in-one-campaign-2013 ul, #two-in-one-campaign-2013 ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
#two-in-one-campaign-2013 dd {
margin: 0 0 0 40px;
}
#two-in-one-campaign-2013 nav ul, #two-in-one-campaign-2013 nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* =============================================================================
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
*/
#two-in-one-campaign-2013 {
/*
* Correct overflow not hidden in IE9
*/
}
#two-in-one-campaign-2013 img {
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
#two-in-one-campaign-2013 .sleek img {
margin-left:-13px;
}
#two-in-one-campaign-2013 svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
#two-in-one-campaign-2013 figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
#two-in-one-campaign-2013 {
/*
* Indicate that 'label' will shift focus to the associated form element
*/
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
/*
* 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
*/
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
/*
* 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)
*/
/*
* Re-set default cursor for disabled elements
*/
/*
* Consistent box sizing and appearance
*/
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
}
#two-in-one-campaign-2013 form {
margin: 0;
}
#two-in-one-campaign-2013 fieldset {
border: 0;
margin: 0;
padding: 0;
}
#two-in-one-campaign-2013 label {
cursor: pointer;
}
#two-in-one-campaign-2013 legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
#two-in-one-campaign-2013 button,
#two-in-one-campaign-2013 input,
#two-in-one-campaign-2013 select,
#two-in-one-campaign-2013 textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
#two-in-one-campaign-2013 button, #two-in-one-campaign-2013 input {
line-height: normal;
}
#two-in-one-campaign-2013 button,
#two-in-one-campaign-2013 input[type="button"],
#two-in-one-campaign-2013 input[type="reset"],
#two-in-one-campaign-2013 input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
#two-in-one-campaign-2013 button[disabled], #two-in-one-campaign-2013 input[disabled] {
cursor: default;
}
#two-in-one-campaign-2013 input[type="checkbox"], #two-in-one-campaign-2013 input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
#two-in-one-campaign-2013 input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#two-in-one-campaign-2013 input[type="search"]::-webkit-search-decoration, #two-in-one-campaign-2013 input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
#two-in-one-campaign-2013 button::-moz-focus-inner, #two-in-one-campaign-2013 input::-moz-focus-inner {
border: 0;
padding: 0;
}
#two-in-one-campaign-2013 textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
/* =============================================================================
Sticky Nav Bar
========================================================================== */
#two-in-one-campaign-2013 .nav-content {
padding: 20px 0;
color: #fff;
background-color: #0062a8;
position: -webkit-sticky;
top: 45px;
z-index: 1;
}
#two-in-one-campaign-2013 .shop-tablets {
margin: 0 21%;
}
#two-in-one-campaign-2013 .shop-tablets span {
color: #fff; font-size: 20px; font-weight: 200; padding: 0 20px;
}
#two-in-one-campaign-2013 a.btn {
background-color: #fdb813;
border-radius: 2px;
box-shadow: 3px 3px 0 rgba(0,0,0,.1);
color: #fff;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
padding: 8px 25px 9px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#two-in-one-campaign-2013 .sticky {
position: fixed;
min-width: 1070px;
top: 63px;
z-index: 100;
}
/* =============================================================================
Tables
========================================================================== */
#two-in-one-campaign-2013 table {
border-collapse: collapse;
border-spacing: 0;
}
#two-in-one-campaign-2013 td {
vertical-align: top;
}
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
#two-in-one-campaign-2013 .chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==|== primary styles =====================================================
Author:
========================================================================== */
.noselect {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
html, body {
background: #F1F3F4;
height: 100%;
width: 100%;
}
body div.assetcontentpar .section,
body div.assetcontentpar .section div {
width:auto;
height:auto;
display:block;
overflow:visible;
}
body div.assetcontentpar {
margin: 0;
}
#legal {
z-index: 21;
}
#header form {
width: 345px;
}
#shop-two-in-one-wrap {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
position: fixed;
bottom: 0;
width: 100%;
z-index: 3;
}
#shop-two-in-one-wrap #shop-two-in-one-footer {
margin: 0 auto;
margin-top: 0;
z-index: 20;
width: 1070px;
position: relative;
}
#shop-two-in-one-wrap #shop-two-in-one-footer a {
position: absolute;
right: 96px;
top: 27px;
font-size: 17px;
display: block;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: #000 0px 1px 8px 0px;
-moz-box-shadow: #000 0px 1px 8px 0px;
box-shadow: #000 0px 1px 8px 0px;
color: #fff;
}
#shop-two-in-one-wrap #shop-two-in-one-footer a span {
/* background: #1B8DCC;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1b8dcc), to(#2aa0d9));
background: -webkit-linear-gradient(#1b8dcc, #2aa0d9);
background: -moz-linear-gradient(#1b8dcc, #2aa0d9);
background: -ms-linear-gradient(#1b8dcc, #2aa0d9);
background: -o-linear-gradient(#1b8dcc, #2aa0d9);
background: linear-gradient(#1b8dcc, #2aa0d9);
-pie-background: linear-gradient(#1b8dcc, #2aa0d9);
behavior: url(PIE.htc);*/
/* margin-left: 10px;
height: 34px;*/
min-width: 150px;
display: block;
}
#shop-two-in-one-wrap #shop-two-in-one-footer a span em {
/* float:right;*/
width:auto;
min-width:0;
height:23px;
display:block;
color:#fff;
font-weight:normal;
font-size:18px;
text-transform:none;
margin-right:0;
padding:12px 81px 11px 43px;
background:#FDB813 url(../img/shop-arrow-button.png) 100% 0px no-repeat;
}
#shop-two-in-one-wrap #shop-two-in-one-footer a:hover {
color: #0061A5;
}
#shop-two-in-one-wrap #shop-two-in-one-footer a:hover span {
background: #fff;
}
.unselectable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#two-in-one-campaign-2013 .gray-divider{
border-top: 1px solid #d7d7d7;
margin: 0 4% 0 4%;
width: 966px;
}
#two-in-one-campaign-2013.no-polls .sidebar, #two-in-one-campaign-2013.tablet.no-polls .sidebar {
display: none;
}
#two-in-one-campaign-2013.no-polls #learn-more .overview .info,
#two-in-one-campaign-2013.tablet.no-polls #learn-more .overview .info {
border-right: 0px;
min-height: 100px;
}
#two-in-one-campaign-2013.no-polls #learn-more #two-in-one-blade-5.overview .info,
#two-in-one-campaign-2013.tablet.no-polls #learn-more #two-in-one-blade-5.overview .info {
width: 465px;
}
#two-in-one-campaign-2013 {
position: relative;
margin: 0px auto -27px;
padding: 0 15px 20px;
width: 1070px;
overflow: visible;
}
#two-in-one-campaign-2013 h1 {
color: #fff;
font-size: 58px;
line-height: 1;
/* font-family: "neo-sans-intel", 'tahoma', 'helvetica', sans-serif; */
font-weight: 200;
}
#two-in-one-campaign-2013 h2 {
font-size: 38px;
color: #fff;
font-weight: normal;
/* font-family: "neo-sans-intel", 'tahoma', 'helvetica', sans-serif; */
font-weight: 200;
}
#two-in-one-campaign-2013 li {
background: none;
}
#two-in-one-campaign-2013 p {
margin: 0;
color: #fff;
}
#two-in-one-campaign-2013 #hero>div.hero-slide {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
#two-in-one-campaign-2013 .window .wrap {
background: transparent url(../img/hero-bg.png) repeat-x scroll 0 100%;
}
#two-in-one-campaign-2013 #social-wrap {
position: absolute;
top: 0;
right: 20px;
z-index: 100;
}
#two-in-one-campaign-2013 #social-wrap .social {
font-size:0 ;
text-align:right ;
position:relative ;
z-index:10 ;
padding-right:20px ;
margin:20px 20px 0 0 ;
float:right ;
width:300px ;
}
#two-in-one-campaign-2013 #social-wrap .social img{
margin-right:7px;
}
#two-in-one-campaign-2013 #social-wrap .social a {
margin-left:6px ;
}
#two-in-one-campaign-2013 #social-wrap .social .twitter-share {
position: absolute;
top: 0;
right: 145px;
}
#two-in-one-campaign-2013 #social-wrap .social #facebookLike {
margin-right:5px ;
display:inline-block ;
*display:inline ;
zoom:1 ;
}
#two-in-one-campaign-2013 #social-wrap .social #pinImg {
display:none ;
}
#two-in-one-campaign-2013 #social-wrap .social #pinit, #two-in-one-campaign-2013 #social-wrap .social .pin-it-button {
display:inline-block ;
*display:inline ;
zoom:1 ;
}
#two-in-one-campaign-2013 #social-wrap .social #pinit a, #two-in-one-campaign-2013 #social-wrap .social .pin-it-button a {
margin: 0;
}
#two-in-one-campaign-2013 #social-wrap .social #pinit .desc {
width: 0px;
height: 0px;
overflow: hidden;
}
#two-in-one-campaign-2013 #social-wrap .social #pinit .PinCountBubble {
background: #fff;
}
#two-in-one-campaign-2013 #nav-content {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
height: 50px;
width: 100%;
position: relative;
z-index: 2;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation {
margin: 0;
height: 53px;
position: absolute;
bottom: 0;
left: 0;
background: url(../img/navigation-background.png) repeat-x;
z-index: 10;
border-right: 0;
width: 100%;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation ol {
margin: 0;
padding: 3px 0 0;
height: 50px;
list-style: none;
position: relative;
display: block;
background:#fff;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li {
display: block;
height: 50px;
list-style: none;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li.shop-tablets {
margin:0;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li:hover .nav-icon {
background-color: #1c5388;
/*padding-top:5px;
padding-bottom:8px;
height:20px;*/
}
/*#two-in-one-campaign-2013.tablet #nav-content .primary-navigation li:hover .nav-icon {
height:38px;
padding-top:12px;
padding-bottom:0px;
}*/
#two-in-one-campaign-2013 #nav-content .primary-navigation li:hover a span.nav-thumb {
/*height:126px;*/
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li.current-section .nav-icon {
background-color: #1c5388;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li a {
float:left;
display:block;
color:#fff;
font-size:18px;
min-width:210px;
text-decoration:none;
/* font-family: "neo-sans-intel", 'tahoma', 'helvetica', sans-serif; */
font-weight:200;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li a span {
bottom:0;
width:210px;
display:block;
position:absolute;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li a span.nav-thumb {
height:50px;
display:block;
position:absolute;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li a span.nav-thumb span {
top:0;
z-index:5;
height:6px;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation li a .nav-icon {
z-index:2;
height:38px;
margin-top:5px;
padding-top:12px;
text-align:center;
letter-spacing:1px;
background-color:#0171c5;
-webkit-transition: background-color .2s ease-out,color .2s ease-out;
-moz-transition: background-color .2s ease-out,color .2s ease-out;
-ms-transition: background-color .2s ease-out,color .2s ease-out;
-o-transition: background-color .2s ease-out,color .2s ease-out;
transition: background-color .2s ease-out,color .2s ease-out;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .active-marker {
left:0;
top:3px;
width:50px;
padding:0px;
height:10px;
display:none;
border-top:0px;
position:absolute;
background-color:#0097E0;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .convertible a span.nav-thumb {
/*background: transparent url(../img/nav-two-in-one-rollover.jpg) 0 7px no-repeat;*/
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .touch a span.nav-thumb {
/*background: transparent url(../img/nav-touch-rollover.jpg) 0 7px no-repeat;*/
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .high-performance a span.nav-thumb {
/*background: transparent url(../img/nav-performance-rollover.png) 0 7px no-repeat;*/
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .response a span.nav-thumb {
/*background: transparent url(../img/nav-responsive-rollover.jpg) 0 7px no-repeat;*/
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .sleek a span.nav-thumb {
/*background: transparent url(../img/nav-sleek-rollover.png) 0 7px no-repeat;*/
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .shop-tablets {
overflow:hidden;
min-width:156px;
margin-left:1px;
background:#fdb813;
position: absolute;
right: 0px;
width: 218px;
white-space: nowrap;
}
}
#two-in-one-campaign-2013.no-personalized #nav-content .primary-navigation .shop-tablets {
display:none;
}
#two-in-one-campaign-2013.personalized #nav-content .primary-navigation .shop-tablets {
display:block;
}
#two-in-one-campaign-2013.sam-gaming #nav-content .primary-navigation .shop-tablets,
#two-in-one-campaign-2013.sam-music #nav-content .primary-navigation .shop-tablets,
#two-in-one-campaign-2013.sam-drawing #nav-content .primary-navigation .shop-tablets {
min-width: 188px;
background-position: 0 -118px;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .shop-tablets:hover {
background-position:0 -58px;
}
#two-in-one-campaign-2013.sam-gaming #nav-content .primary-navigation .shop-tablets:hover,
#two-in-one-campaign-2013.sam-music #nav-content .primary-navigation .shop-tablets:hover,
#two-in-one-campaign-2013.sam-drawing #nav-content .primary-navigation .shop-tablets:hover {
background-position: 0 -177px;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .shop-tablets a {
width:auto;
min-width:0;
height:23px;
display:block;
color:#fff;
font-weight:normal;
text-transform:none;
margin-right:0;
padding: 12px 66px 15px 43px;
background: url(../img/shop-arrow-button.png) 100% 0px no-repeat;
}
#two-in-one-campaign-2013 #nav-content .primary-navigation .shop-tablets a:hover {
/* background: #FDB813;
*/}
#two-in-one-campaign-2013 #nav-content .primary-navigation .shop-tablets a span {
width:auto;
display:inline;
position:relative;
}
#two-in-one-campaign-2013 #shop-two-in-one {
display: none;
}
#two-in-one-campaign-2013 #shop-two-in-one.sticky {
margin-top: 0;
z-index: 200;
}
#two-in-one-campaign-2013 #shop-two-in-one.sticky a {
margin-top: 0;
margin-right: 0;
background: transparent url(../img/shop-button.png) 0 0 no-repeat;
display: block;
}
#two-in-one-campaign-2013 #shop-two-in-one.sticky a:hover {
background-position: 0 100%;
}
#two-in-one-campaign-2013 .video {
position: relative;
display: block;
width: 1000;
}
#two-in-one-campaign-2013 .video-inside {
position: relative;
padding-bottom: 50%;
height: 0;
display: block;
}
#two-in-one-campaign-2013 .video iframe,
#two-in-one-campaign-2013 .video object,
#two-in-one-campaign-2013 .video embed,
#two-in-one-campaign-2013 .video video {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
}
#two-in-one-campaign-2013 #learn-more {
position: relative;
z-index: 1;
margin-top: 3px;
background: #fff;
overflow: hidden;
}
#two-in-one-campaign-2013 #learn-more h1,
#two-in-one-campaign-2013 #learn-more h2 {
margin: 0 0 20px;
font-size: 34px;
color: #0071c5;
}
#two-in-one-campaign-2013 #learn-more h2 {
width: 100%;
}
#two-in-one-campaign-2013 #learn-more ul {
margin: 0;
padding: 0;
}
#two-in-one-campaign-2013 #learn-more li {
margin: 0;
padding: 0;
float: none;
color: #0061A5;
}
#disclaimer {
padding:50px;
}
#disclaimer h3 {
font-size: 18px;
margin-bottom:15px;
color: #00427F;
font-weight: normal;
/* font-family: "neo-sans-intel", 'tahoma', 'helvetica', sans-serif; */
}
#two-in-one-campaign-2013 #learn-more .footnote {
width: 100%;
}
#two-in-one-campaign-2013 #learn-more .footnote p {
color: #666;
font-size: 12px;
line-height: 16px;
padding-bottom: 16px;
}
#two-in-one-campaign-2013 #learn-more .footnote p sup{
font-size: 11px;
}
#two-in-one-campaign-2013 #learn-more .footnote p a {
color: #107bc3;
text-decoration:underline;
}
#two-in-one-campaign-2013 #learn-more a {
color: #133A5E;
}
#two-in-one-campaign-2013 #learn-more a:hover {
text-decoration: underline;
}
#two-in-one-campaign-2013 #learn-more .shop {
margin: 0 0 75px;
padding: 0 115px 0 0;
text-align: center;
}
#two-in-one-back-to-top {
cursor: pointer;
}
#two-in-one-back-to-top a {
position: fixed;
bottom: 50%;
right: 2%;
z-index: 3;
background-image: url(../img/top-btn.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 50px;
height: 50px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: none;
filter: alpha(opacity=60);
/* For IE8 and earlier */
opacity: 0.6;
}
#two-in-one-back-to-top a:hover {
background-position: 0 -50px;
filter: alpha(opacity=100);
/* For IE8 and earlier */
opacity: 1.0;
}
#two-in-one-campaign-2013 #learn-more div {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#two-in-one-campaign-2013 #learn-more div.odd{
padding-left: 570px;
}
#two-in-one-campaign-2013 #learn-more .disclaimer .disclaimer-wrap {
height: 440px;
overflow: hidden;
}
#two-in-one-campaign-2013 #learn-more .disclaimer .disclaimer-trigger {
background-position: 0 -30px;
}
#two-in-one-campaign-2013 #learn-more .disclaimer.closed .disclaimer-wrap {
height: 0;
overflow: hidden;
}
#two-in-one-campaign-2013 #learn-more .disclaimer.closed .disclaimer-trigger {
background-position: 0 0;
}
#two-in-one-campaign-2013 #learn-more .disclaimer-trigger {
display: block;
padding: 0 0 10px 25px;
background: url(../img/disclaimer-icons.png) no-repeat 0 0;
}
#two-in-one-campaign-2013 #learn-more .overview {
padding: 0 50px;
position: relative;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 {
background: url(../img/2_in_1_blade_a.jpg) no-repeat center right;
/* border-bottom: 3px solid #f3f3f3;*/
height: 468px;
padding-top: 65px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-2 {
background: url(../img/2_in_1_blade_b.jpg) no-repeat center left;
/* border-bottom: 3px solid #f3f3f3;*/
height: 450px;
padding-top: 65px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-2 h2, #two-in-one-campaign-2013 #learn-more #two-in-one-blade-2 .info p, #two-in-one-campaign-2013 #learn-more #two-in-one-blade-2 a {
color: #fff;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-3 {
background: url(../img/2_in_1_blade_1.jpg) no-repeat center right;
/* border-bottom: 3px solid #f3f3f3;*/
height: 370px;
padding-top: 65px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-4 {
background: url(../img/2_in_1_blade_2.jpg) no-repeat top left;
height: 330px;
padding-top: 27px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-5 {
background: url(../img/2_in_1_blade_4.jpg) no-repeat center right;
/* border-bottom: 3px solid #f3f3f3; */
height: 370px;
padding-top: 65px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-6 {
background: url(../img/2_in_1_blade_4.jpg) no-repeat top left;
height: 370px;
padding-top: 65px;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade #shop-2in1-wrap {
/*width: 1000px;
margin-left: -66px;*/
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade #shop-2in1-wrap .shop-2in1-item{
display: inline-block;
width: 255px;
margin: 0 19px;
vertical-align: top;
}
/*- Shop intel Inside Blade -*/
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade {
padding: 20px 0 50px 0;
text-align: center;
/* border-top: 2px solid #d7d7d7; */
/* border-bottom: 2px solid #d7d7d7; */
/* margin: 0 10% 0 10%; */
width: 100%;
}
#two-in-one-campaign-2013 .blue {
background-color: #0071c5;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade h2 {
width: 100%;
text-align: center;
color: #fff;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade h3 {
padding: 20px 0;
font-size: 20px;
color: #fff;
border-top: 2px solid #d7d7d7;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade p {
font-size: 19px !important;
color: #6d6d6e;
line-height: 24px;
text-align: center;
padding: 10px 0;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade span {
color: #fff;
line-height: 24px;
font-size: 20px;
padding: 10px 0;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade span a {
color: #fff;
font-weight: bold;
font-size: 17px;
padding: 0 15px 0 0;
background: transparent url(../img/arrow.png) 100% 5px no-repeat;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade .btn {
background-color: #00aeef;
border-radius: 2px;
box-shadow: 3px 3px 0 rgba(0,0,0,.1);
color: #fff;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
padding: 8px 25px 9px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#two-in-one-campaign-2013 #learn-more #shop-intel-inside-blade a:hover {
text-decoration: none;
}
/*- End Shop intel Inside Blade -*/
#two-in-one-campaign-2013 #learn-more .blade-1-options {
bottom: 15px;
position: absolute;
right: 0;
}
#two-in-one-campaign-2013 #learn-more .blade-1-options li {
display: inline-block;
color: #ccc;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
width: 160px;
}
#two-in-one-campaign-2013 #learn-more .overview .laptop,
#two-in-one-campaign-2013 #learn-more .overview .laptop_shadow,
#two-in-one-campaign-2013 #learn-more .overview .laptop_chip,
#two-in-one-campaign-2013 #learn-more .overview .laptop_last,
#two-in-one-campaign-2013 #learn-more .overview .laptop_shadow_last,
#two-in-one-campaign-2013 #learn-more .overview .laptop_chip_last {
position: absolute;
top: 0;
}
#two-in-one-campaign-2013 #learn-more .overview .info {
float: left;
position: relative;
z-index: 1;
width: 450px;
margin: 0;
border-right: 1px solid #CED9D9;
}
#two-in-one-campaign-2013 #learn-more .overview .info a {
color: #0171C5;
/* font-weight: 600; */
font-size: 19px;
padding: 0 15px 0 0;
/* background: transparent url(../img/arrow.png) 100% 5px no-repeat; */
}
#two-in-one-campaign-2013 #learn-more .overview .info span.dark-blue {
font-size:17px;
font-weight:normal;
color:#00427F;
}
#two-in-one-campaign-2013 #learn-more .overview .info p {
font-size: 19px !important;
color: #3b3b3b;
font-weight:200;
line-height: 24px;
padding: 0 0 15px 0;
}
#two-in-one-campaign-2013 #learn-more .overview .info h3 {
color:#00427F;
}
#two-in-one-campaign-2013 #learn-more .overview .info h4 {
color:#0071C5;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar {
float: left;
width: 230px;
margin: 0 0 0 -1px;
padding: 0 0 0 30px;
border-left: 1px solid #CED9D9;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar p {
color: #0061A5;
font-size: 12px;
line-height: 19px;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar p:first-child, #two-in-one-campaign-2013 #learn-more .overview .sidebar p.first {
color: #0097E0;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar p.question {
color: #0061A5;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul {
margin: 15px 0 0;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li {
margin: 0 0 8px;
padding: 0 0 0 35px;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li.chart {
padding: 0px 0px 15px 15px;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li.chip {
background: transparent url(../img/bullet-chip.png) 4px 0 no-repeat;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li.light-blue {
background: transparent url(../img/bullet-light-blue.png) 4px 0 no-repeat;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li.med-blue {
background: transparent url(../img/bullet-med-blue.png) 4px 0 no-repeat;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li.blue {
background: transparent url(../img/bullet-blue.png) 4px 0 no-repeat;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar ul li.dark-blue {
background: transparent url(../img/bullet-dark-blue.png) 4px 0 no-repeat;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar span {
margin: 25px 15px;
display: block;
background: url(../img/dienamic-background.png) no-repeat 0 0;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar .piechart {
display: none;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar .wide {
width: 330px;
}
#two-in-one-campaign-2013 #learn-more .overview .sidebar .regular {
width: 240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#two-in-one-campaign-2013 #learn-more .disclaimer-trigger {
background: url(../img/disclaimer-icons.png) no-repeat 0 0;
background-size: 10px 25px;
}
}
#two-in-one-campaign-2013.lt-ie8 #hero .blurb h2 {
line-height: normal;
margin-bottom: -5px;
padding-bottom: 5px;
}
#two-in-one-campaign-2013.lt-ie8 .window {
z-index: 1;
}
#two-in-one-campaign-2013.lt-ie8 #nav-content {
z-index: 2;
top: -2px;
}
#two-in-one-campaign-2013.lt-ie8 #nav-content .primary-navigation {
/*margin-top: -2px;
padding-top: 8px;*/
}
#two-in-one-campaign-2013.lt-ie8 #nav-content .primary-navigation .shop-tablets a {
float: none;
}
#two-in-one-campaign-2013.lt-ie8 #nav-content .primary-navigation .shop-tablets a:hover {
cursor: pointer;
}
#two-in-one-campaign-2013.lt-ie8 #social-wrap {
z-index: 200;
}
#two-in-one-campaign-2013.lt-ie8 #social-wrap .social {
z-index: 201;
}
*:first-child + html .footerlinks {
z-index: 201;
}
*:first-child + html #footer {
z-index: 202;
}
#two-in-one-campaign-2013 #marquee-content {
background: #0071c5;
height: 535px;
}
#two-in-one-campaign-2013 #hero>div.hero-slide {
position: absolute;
top: 0px;
left: 0;
width: 1070px;
height: 535px;
z-index: 2;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
background-color: #0071c5;
}
#two-in-one-campaign-2013 #hero .laptop {
background-position: 0 0;
background-repeat: no-repeat;
position: absolute;
top: 0px;
z-index: 1;
}
#two-in-one-campaign-2013 #hero .laptop img {
position: relative;
z-index: 2;
}
#two-in-one-campaign-2013 #hero .blurb {
position: absolute;
top: 65%;
width: 1070px;
height: 535px;
z-index: 10;
right: 0;
}
#two-in-one-campaign-2013 #hero .blurb h1,
#two-in-one-campaign-2013 #hero .blurb .header1 {
color: #fff;
font-size: 36px;
line-height: 45px;
font-weight: 200;
width: 51%;
margin: 0 45%;
}
#two-in-one-campaign-2013 #hero .blurb h2 {
font-size: 20px;
font-weight: 200;
line-height: 17 0%;
color: #fff;
}
#two-in-one-campaign-2013 #hero .blurb h4 {
font-size: 15px;
line-height: 150%;
font-weight: 200;
color: #fff;
}
#two-in-one-campaign-2013 #hero .blurb p {
color: #fff;
font-size: 21px !important;
font-weight: 200;
margin: 0 45%;
width: 50%;
line-height: 30px;
}
#two-in-one-campaign-2013 #hero>div.whats-2in1s-two-in-one .blurb p {
font-size: 30px !important;
}
#two-in-one-campaign-2013 #hero .blurb1 {
position: absolute;
top: 0;
width: 326px;
height: 535px;
z-index: 10;
right: 0;
}
#two-in-one-campaign-2013 #hero .blurb1 h1,
#two-in-one-campaign-2013 #hero .blurb1 .header1 {
color: #fff;
font-size: 30px;
font-weight: 200;
line-height: 36px;
margin: 200px 18px 0 69px;
}
#two-in-one-campaign-2013 #hero .blurb1 h2 {
font-size: 20px;
font-weight: 200;
line-height: 17 0%;
color: #fff;
}
#two-in-one-campaign-2013 #hero .blurb1 h4 {
font-size: 15px;
line-height: 150%;
font-weight: 200;
color: #fff;
}
#two-in-one-campaign-2013 #hero .blurb1 p {
color: #fff;
font-size: 21px !important;
font-weight: 200;
margin: 10px 43px 0 69px;
line-height: 26px;
}
@-webkit-keyframes target {
from {
left: 0px;
}
to {
left: 300px;
}
}
@-moz-keyframes target {
from {
left: 0px;
}
to {
left: 300px;
}
}
#two-in-one-campaign-2013 #hero>div.responsive #responsive .canvas {
background: url(../img/responsive-slider-bar.png) no-repeat left center;
width: 324px;
height: 57px;
position: relative;
z-index: 1;
}
#two-in-one-campaign-2013 #hero>div.responsive #responsive .target {
position: absolute;
top: 10px;
left: 0;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #AAA;
-moz-box-shadow: 0 0 2px #AAA;
box-shadow: 0 0 2px #AAA;
border: 5px solid #fff;
width: 28px;
height: 28px;
-webkit-animation: target 2s infinite linear alternate;
-moz-animation: target 2s infinite linear alternate;
background-color: #2EA6dd;
}
#two-in-one-campaign-2013 #hero>div.responsive #responsive .crosshair {
position: absolute;
top: 6px;
left: 50%;
margin-left: -24px;
z-index: 5;
opacity: 0.5;
}
#two-in-one-campaign-2013 #hero>div.responsive .success-message {
display: none;
position: absolute;
top: 90px;
left: 50%;
margin-left: -90px;
padding-top: 7px;
width: 180px;
text-align: center;
}
#two-in-one-campaign-2013 #hero>div.responsive .success-message .arrow {
position: absolute;
width: 0px;
height: 0px;
overflow: hidden;
top: 0px;
left: 50%;
margin-left: -7px;
border-bottom: 7px solid #6fb2da;
border-left: 7px dashed transparent;
border-right: 7px dashed transparent;
}
#two-in-one-campaign-2013 #hero>div.responsive .success-message .message {
padding: 10px;
border-radius: 4px;
color: #fff;
background-color: #6fb2da;
font-size: 12px;
line-height: 18px;
display: none;
}
#two-in-one-campaign-2013 #hero>div.responsive .laptop {
left: 50px;
top: -463px;
width: 378px;
height: 463px;
background-image: url(../img/responsive-laptop.png);
}
#two-in-one-campaign-2013 #hero>div.responsive .blurb {
left: 75px;
top: 110px;
width: 450px;
}
#two-in-one-campaign-2013 #hero>div.responsive h2 {
font-size: 36px;
line-height: 36px;
}
#two-in-one-campaign-2013 #hero>div.responsive .description {
font-size: 15px !important;
font-weight:200;
line-height: 25px;
color: #fff;
margin-bottom: 20px;
}
#two-in-one-campaign-2013 #hero>div.responsive .signoff {
color: #fff;
margin-bottom: 20px;
}
#two-in-one-campaign-2013.tablet #hero>div.responsive .success-message {
margin-left: -89px;
top: 90px;
}
#two-in-one-campaign-2013.tablet #hero>div.responsive .laptop {
left: 20px;
width: 355px;
height: 411px;
background-image: url(../img/responsive-laptop-tablet.png);
}
#two-in-one-campaign-2013.tablet #hero>div.responsive .blurb {
left: 50px;
width:350px;
}
#two-in-one-campaign-2013.tablet #hero>div.responsive .description {
font-size: 15px !important;
line-height: 22px;
color: #fff;
margin-bottom: 20px;
width:350px;
}
#two-in-one-campaign-2013.tablet #hero>div.responsive .carousel-laptop{
background-position:81px 12px;
}
#two-in-one-campaign-2013 #hero>div.convert .laptop {
left: 0px;
top: -500px;
width: 443px;
height: 500px;
background-image: url(../img/convert-laptop.png);
}
#two-in-one-campaign-2013 #hero>div.convert .blurb {
left: 440px;
top: 120px;
width: 550px;
}
#two-in-one-campaign-2013 #hero>div.convert .btn {
margin-top: 5px;
}
#two-in-one-campaign-2013 #hero>div.convert h2 {
font-size: 36px;
line-height: 42px;
}
#two-in-one-campaign-2013 #hero>div.convert .description {
font-size: 15px !important;
font-weight:200;
line-height: 25px;
width:450px;
color: #fff;
margin-bottom: 15px;
}
#two-in-one-campaign-2013 #hero>div.convert .signoff {
color: #0061AF;
line-height: 18px;
margin-bottom: 15px;
}
#two-in-one-campaign-2013 #hero>div.convert .blit-wrap {
position: absolute;
top: 0;
left: 0;
}
#two-in-one-campaign-2013 #hero>div.convert .blit-wrap p {
color: #0097E0;
text-align: center;
margin: -13px 0 0 0;
}
#two-in-one-campaign-2013 #hero>div.convert .animating-laptops p {
color: #0097e0;
text-align: center;
}
#two-in-one-campaign-2013 #hero>div.convert .anim-flip {
top: 7px;
left: 0;
width: 120px;
}
#two-in-one-campaign-2013 #hero>div.convert .anim-slide {
top: 7px;
left: 110px;
width: 120px;
}
#two-in-one-campaign-2013 #hero>div.convert .anim-swivel2 {
top: -5px;
left: 220px;
width: 156px;
}
#two-in-one-campaign-2013 #hero>div.convert .anim-swivel2 p {
margin-top: -26px;
}
#two-in-one-campaign-2013 #hero>div.convert .animating-laptops {
position: relative;
height: 122px;
margin: -10px 0 0 -30px;
margin-bottom: 10px;
}
#two-in-one-campaign-2013.tablet #hero>div.convert .laptop {
width: 340px;
height: 439px;
background-image: url(../img/convert-laptop-tablet.png);
}
#two-in-one-campaign-2013.tablet #hero>div.convert .description {
font-size: 15px !important;
line-height: 22px;
color: #fff;
margin-bottom: 20px;
}
@-webkit-keyframes touchedripplesml {
from {
opacity: 0.6;
}
to {
-webkit-transform: scale(1.7, 1.7);
opacity: 0;
}
}
@-moz-keyframes touchedripplesml {
from {
opacity: 0.6;
}
to {
-moz-transform: scale(1.7, 1.7);
opacity: 0;
}
}
@-webkit-keyframes touchedripplemid {
from {
opacity: 0.8;
}
to {
-webkit-transform: scale(3, 3);
opacity: 0;
}
}
@-moz-keyframes touchedripplemid {
from {
opacity: 0.8;
}
to {
-moz-transform: scale(3, 3);
opacity: 0;
}
}
@-webkit-keyframes touchedripple {
from {
opacity: 1;
}
to {
-webkit-transform: scale(3, 3);
opacity: 0;
}
}
@-moz-keyframes touchedripple {
from {
opacity: 1;
}
to {
-moz-transform: scale(3, 3);
opacity: 0;
}
}
@-webkit-keyframes idleripple {
from {
opacity: 1;
}
to {
-webkit-transform: scale(1.4, 1.4);
opacity: 0;
}
}
@-moz-keyframes idleripple {
from {
opacity: 1;
}
to {
-moz-transform: scale(1.4, 1.4);
opacity: 0;
}
}
#pond {
position:absolute ;
left:-50px ; top:0 ;
z-index:2 ;
}
#ponds {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
#ponds .pond {
top: 358px;
left: 483px;
width: 90px;
height: 90px;
position: absolute;
}
#ponds .pond .ripple {
width: 90px;
height: 90px;
border: 1px solid #CCC;
-webkit-border-radius: 100px;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
display: block;
opacity: 0;
z-index: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
#ponds .idle {
top: 358px;
left: 483px;
width: 90px;
height: 90px;
position: absolute;
}
#ponds .idle .ripple{
width: 90px;
height: 90px;
border: 1px solid #CCC;
-webkit-border-radius: 100px;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
display: block;
opacity: 0;
z-index: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
#ponds .idle .ripple.anim {
-webkit-animation: idleripple 0.5s linear;
-moz-animation: idleripple 0.5s linear;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
#ponds .touched .ripple {
width: 180px;
height: 180px;
left: -45px;
top: -45px;
}
#ponds .touched .ripple.anim {
-webkit-animation: touchedripple 0.5s ease-out;
-moz-animation: touchedripple 0.5s ease-out;
-webkit-transform: scale(0.5, 0.5);
-moz-transform: scale(0.5, 0.5);
}
#ponds .touchedmid {
top: 130px;
left: 350px;
}
#ponds .touchedmid .ripple.anim {
-webkit-animation: touchedripplemid 0.5s ease-out;
-moz-animation: touchedripplemid 0.5s ease-out;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
#ponds .touchedsml {
top: 50px;
left: 500px;
}
#ponds .touchedsml .ripple.anim {
-webkit-animation: touchedripplesml 0.5s ease-out;
-moz-animation: touchedripplesml 0.5s ease-out;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
#two-in-one-campaign-2013 #hero>div.touch .success-message {
display: none;
position: absolute;
top: 347px;
left: 15px;
margin-left: 80px;
margin-top: -45px;
padding-top: 0px;
padding-left: 7px;
width: auto;
text-align: center;
z-index: 2;
}
#two-in-one-campaign-2013 #hero>div.touch .success-message .arrow {
position: absolute;
width: 0px;
height: 0px;
overflow: hidden;
top: 50%;
left: 0;
margin-top: -7px;
margin-left: 0px;
border-right: 7px solid #6FB2DA;
border-top: 7px dashed transparent;
border-bottom: 7px dashed transparent;
border-left: 0;
}
#two-in-one-campaign-2013 #hero>div.touch .success-message .message {
padding: 10px;
border-radius: 4px;
color: #fff;
background-color: #6fb2da;
font-size: 12px;
line-height: 18px;
}
#two-in-one-campaign-2013 #hero>div.touch .touch-button {
font-size: 12px;
z-index: 2;
position: absolute;
top: 282px;
left: -3px;
color: #fff;
text-align: center;
width: 93px;
height: 93px;
background: url(../img/button.png) no-repeat 0 0;
border: 0px;
}
#two-in-one-campaign-2013 #hero>div.touch .touch-label {
position: absolute;
top: 290px;
left: 5px;
width: 80px;
text-align: center;
color: #fff;
z-index: 3;
font-size: 12px;
padding:26px 0 0;
cursor: pointer;
color: #0b90d1;
}
#two-in-one-campaign-2013 #hero>div.touch .laptop {
left: 0px;
top: -470px;
width: 475px;
height: 470px;
background-image: url(../img/touch-laptop.png);
}
#two-in-one-campaign-2013 #hero>div.touch #screen {
position: absolute;
top: 17px;
left: 0px;
width: 243px;
height: 270px;
}
#two-in-one-campaign-2013 #hero>div.touch .blurb {
left: 485px;
top: 75px;
width: 450px;
}
#two-in-one-campaign-2013 #hero>div.touch h2 {
font-size: 36px;
line-height: 46px;
position: relative;
z-index: 2;
}
#two-in-one-campaign-2013 #hero>div.touch .description {
font-size: 15px !important;
line-height: 25px;
color: #fff;
font-weight:200;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
#two-in-one-campaign-2013 #hero>div.touch .signoff {
color: #0061AF;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
#two-in-one-campaign-2013 #hero>div.touch .btn {
margin-top: 15px;
position: relative;
z-index: 2;
}
#two-in-one-campaign-2013.tablet #hero>div.touch #screen {
position: absolute;
top: 17px;
left: 0px;
width: 212px;
height: 241px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch .success-message {
top: 310px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch .laptop {
width: 430px;
height: 428px;
background-image: url(../img/touch-laptop-tablet.png);
}
#two-in-one-campaign-2013.tablet #hero>div.touch .blurb {
left: 451px;
top: 95px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch .carousel-laptop{
background-position:-65px 0px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch .touch-button {
top: 242px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch .touch-label {
top: 250px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch #ponds .idle {
top: 339px;
left: 448px;
}
#two-in-one-campaign-2013.tablet #hero>div.touch #ponds .touched {
top: 339px;
left: 448px;
}
/*
Hero Variations @RZF@
---------------------------------*/
#two-in-one-campaign-2013 #hero>div.say-what {
/* background: url(../img/marquee_say_what_img.jpg) no-repeat 100% 0; */
background-color:#ffffff;
}
#two-in-one-campaign-2013 #hero>div.say-what h1 {
font-size: 29px;
letter-spacing: 1px;
line-height: 1.2em;
margin: -26px 60px 0px -71px;
width: 150px;
}
#two-in-one-campaign-2013 #hero>div.say-what p {
letter-spacing: 1px;
font-size: 16px !important;
margin: 20px 0;
font-weight: 200;
line-height: 20px;
}
#two-in-one-campaign-2013 #hero>div.say-what p a {
color: #9ADDF7;
font-size: 18px;
font-weight: 400;
}
#two-in-one-campaign-2013 #hero>div.where {
}
#two-in-one-campaign-2013 #hero>div.where h1,
#two-in-one-campaign-2013 #hero>div.where .header1 {
font-size: 36px;
margin-bottom: 5px;
}
#two-in-one-campaign-2013 #hero>div.where .header1 {
}
#two-in-one-campaign-2013 #hero>div.where p {
font-size: 20px !important;
width: 570px;
}
#two-in-one-campaign-2013 #hero>div.where .btn-info-icon {
background: url("../img/info-icon.png") no-repeat 0 0;
color: #f9b724;
display: inline-block;
font-size: 24px;
margin-top: 20px;
padding: 3px 0 10px 45px;
}
#two-in-one-campaign-2013 #hero>div.where .get-details-row {
clear:both;
}
#two-in-one-campaign-2013 #hero>div.where.v2 .blurb {
left: 485px;
top: 130px;
width: 400px;
}
#two-in-one-campaign-2013 #hero>div.where.v2 h1 {
font-size: 48px;
margin-bottom: 10px;
}
#two-in-one-campaign-2013 #hero>div.where.v2 p {
font-size: 23px !important;
width: auto;
}
#two-in-one-campaign-2013 #hero .btn-search-retail {
background: url(../img/img_search.png) no-repeat 0 0;
color: #f9b724;
display: inline-block;
font-size: 24px;
margin-left: -3px;
margin-top: 20px;
padding: 0 0 3px 45px;
}
#two-in-one-campaign-2013 #hero .second-row {
position: relative;
top: 30px;
}
#two-in-one-campaign-2013 #hero>div.i-want-one {
background: url(../img/marquee_iwantone_01_b.jpg) no-repeat 100% 100%;
}
#two-in-one-campaign-2013 #hero>div.i-want-one p {
margin-bottom: 20px;
}
/*
Marquee Button
---------------------------------*/
#two-in-one-campaign-2013 #hero .btn-marquee {
background-color: #00aeef;
border-radius: 2px;
box-shadow: 3px 3px 0 rgba(0,0,0,.1);
color: #fff;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
padding: 8px 15px 12px;
position: absolute;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#two-in-one-campaign-2013 #hero>div.where .btn-marquee {
left: 0;
top: 435px;
}
/*
Social Icons
---------------------------------*/
#two-in-one-campaign-2013 #hero #social-wrap {
display: none;
}
#two-in-one-campaign-2013 #hero>div.say-what #social-wrap {
color: #fff;
display: block;
font-weight: 200;
/* left: 10px; */
right: auto;
top: 254px;
left: 6px;
}
#two-in-one-campaign-2013 #hero>div.say-what #social-wrap .social {
display: inline-block;
float: none;
margin: 0 0 0 10px;
padding: 0;
top: -2px;
width: auto;
}
/*
Play Button
---------------------------------*/
#two-in-one-campaign-2013 #hero .btn-play {
display: none;
border: none;
}
#two-in-one-campaign-2013 #hero .btn-play span {
opacity: 0;
filter: alpha(opacity=0);
text-indent: 100%;
display:block;
}
#two-in-one-campaign-2013 #hero>div.whats-2in1 .btn-play {
background: url(../img/video-play-icon_white.png) no-repeat center;
display: block;
height: 125px;
margin: 0 auto;
width: 125px;
}
/*
Store Information
---------------------------------*/
#two-in-one-campaign-2013 #hero .store-information {
background: url(../img/map_location.png) no-repeat 0 10px;
color: #fff;
float: left;
margin-top: 25px;
overflow: hidden;
padding-left: 45px;
position: relative;
width: 160px;
z-index: 1;
}
#two-in-one-campaign-2013 #hero .store-information h3 {
color: #fff;
font-size: 24px;
}
#two-in-one-campaign-2013 #hero .store-information p {
color: #fff;
font-size: 16px !important;
line-height: 1.1em;
}
#two-in-one-campaign-2013 #hero .store-information a {
color: #f9b724;
font-size: 14px;
font-weight: 700;
}
#two-in-one-campaign-2013 #hero .store-los-angeles {
/*left: 5px;
top: 123px;*/
}
#two-in-one-campaign-2013 #hero .store-chicago {
/*left: 325px;
top: 123px;*/
}
#two-in-one-campaign-2013 #hero .store-new-york {
/*left: 490px;
top: 123px;*/
}
/*
Map Location
---------------------------------*/
#two-in-one-campaign-2013 #hero .btn-map-location {
background: url(../img/map_location.png) no-repeat 0 0;
border: none;
height: 52px;
position: absolute;
width: 41px;
}
#two-in-one-campaign-2013 #hero .btn-map-location span {
filter: alpha(opacity=0);
opacity: 0;
text-indent: 100%;
}
#two-in-one-campaign-2013 #hero .location-los-angeles {
left: 8px;
top: 253px;
}
#two-in-one-campaign-2013 #hero .location-chicago {
left: 390px;
top: 215px;
}
#two-in-one-campaign-2013 #hero .location-new-york {
left: 490px;
top: 205px;
}
/*
Laptop
---------------------------------*/
#two-in-one-campaign-2013 #hero>div.whats-2in1 .laptop {
background-image: url(../img/marquee_whats-2in1_01.jpg);
height: 532px;
width: 1070px;
}
#two-in-one-campaign-2013 #hero>div.why-2in1 .laptop {
background-image: url(../img/marquee_why-2in1_01.jpg);
height: 533px;
width: 1070px;
}
#two-in-one-campaign-2013 #hero>div.performance .laptop {
background-image: url(../img/marquee_performance_01.jpg);
height: 533px;
width: 1070px;
}
/*
performance marquee
---------------------------------*/
#two-in-one-campaign-2013 #hero .performance .badges {
width: 700px;
margin-top: 250px;
}
#two-in-one-campaign-2013 #hero .performance .badges span {
float: left;
padding: 50px;
width: 240px;
text-align: center;
}
#two-in-one-campaign-2013 #hero .performance .badges span a {
font-size: 18px;
font-weight: 500;
color: #fff;
}
/*
icons on the marquee
---------------------------------*/
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 li {
padding: 11px 0px 11px 80px;
display: block;
color: #727272;
font-size: 21px !important;
font-weight: 400;
line-height: 30px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 li.icon-1,#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 li.icon-2,#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 li.icon-3,#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 li.icon-4,#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 li.icon-5{
background-size: 60px;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 .icon-1 {
background: url(../img/icon_work_blue.png) no-repeat left;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 .icon-2 {
background: url(../img/icon_models_blue.png) no-repeat left;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 .icon-3 {
background: url(../img/icon_performance_blue.png) no-repeat left;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 .icon-4 {
background: url(../img/icon_value_blue.png) no-repeat left;
}
#two-in-one-campaign-2013 #learn-more #two-in-one-blade-1 .icon-5 {
background: url(../img/icon_battery_blue.png) no-repeat left;
}
/*
Blurb
---------------------------------*/
#two-in-one-campaign-2013 #hero>div.where .blurb {
left: 415px;
top: 50px;
width: 650px;
}
#two-in-one-campaign-2013 #hero>div.say-what .blurb {
background: url(../img/marquee_sayWhat_mask.png) no-repeat 100% 0;
height: 532px;
left: 0;
/* padding-left: 28px; */
padding-top: 30px;
top: 0;
/* width: 205px; */
width: 220px;
padding-left: 20px;
padding-right: 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#two-in-one-campaign-2013 #hero>div.i-want-one .blurb {
left: 600px;
top: 35px;
width: 415px;
}
#two-in-one-campaign-2013.tablet #hero>div.intro .blurb {
left: 400px;
}
#two-in-one-campaign-2013 #hero>div.intro .blurb sup {
font-size: 50%;
}
#two-in-one-campaign-2013 #hero>div.intro .blurb h2 {
top:50px;
left:0px;
width:500px;
height:250px;
font-size:18px;
position:absolute;
clip:rect(0px, 0px, 250px, 0px);
}
#two-in-one-campaign-2013 #hero>div.intro .blurb h3 {
clip: rect(0px, 0px, 250px, 0px);
font: normal normal 30px/26px neo-sans-intel, Arial;
font-weight:200;
color: #fff;
position: absolute;
top: 0px;
left: 0px;
}
#two-in-one-campaign-2013 #hero>div.intro .blurb img {
display:inline-block;
}
#two-in-one-campaign-2013 .ub-inspired-by-intel{
opacity:0;
margin-top:39px;
}
#two-in-one-campaign-2013.tablet .ub-inspired-by-intel{
margin-top: 0px;
}
#two-in-one-campaign-2013 #hero>div.intro .blurb h4 {
opacity:0;
margin-left:0px;
margin-top:-2px;
font-spacing:1px;
}
#two-in-one-campaign-2013 #hero>div.intro .blurb h4 a{
color:#FDB813;
font-weight:normal;
padding: 0 15px 0 0;
}
#two-in-one-campaign-2013.tablet #hero>div.intro .laptop {
top: -85px;
left: -5px;
}
#two-in-one-campaign-2013.tablet #hero>div.intro .blurb h3 {
font: normal normal 30px/22px neo-sans-intel, Arial;
font-weight:200;
color: #fff;
position: absolute;
top: 0px;
left: 0px;
}
#two-in-one-campaign-2013.tablet #hero>div.intro .blurb h4 {
width: 315px;
}
#two-in-one-campaign-2013.lt-ie9 .window .btn {
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=45, Color='#DDDDDD')";
/* For IE 5.5 - 7 */
filter: progid:dximagetransform.microsoft.shadow(Strength=2, Direction=45, Color='#DDDDDD');
border-bottom: 1px solid #AAA;
}
#two-in-one-campaign-2013.lt-ie9 .window .split-wrap img {
left: -50px;
}
#two-in-one-campaign-2013.lt-ie9 .window .split-wrap .split-lhs {
left: -153px;
}
#two-in-one-campaign-2013.lt-ie9 .window .split-wrap .split-rhs {
left: 457px;
}
#two-in-one-campaign-2013 #skipButton {
position: absolute;
background: url(../img/skip_button.png);
color: #fff;
bottom: 30px;
right: 30px;
z-index: 20;
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 4px;
}
#two-in-one-campaign-2013 #skipButton:hover {
background: url(../img/skip_button_hover.png);
}
#two-in-one-campaign-2013 #skipButton p {
font-family: arial;
font-size: 15pt;
}
#two-in-one-campaign-2013 header ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#two-in-one-campaign-2013 .window {
z-index: 2;
margin: auto;
width: 1070px;
height: 532px;
overflow: hidden;
position: relative;
}
#two-in-one-campaign-2013 .window .btn {
display: inline-block;
position: relative;
padding: 15px 60px 15px 20px;
margin-top: 30px;
color: #fff;
background: #FDB813 url(../img/shop-arrow-button.png) 100% 2px no-repeat;
}
#two-in-one-campaign-2013 #hero>div.convert .carousel-laptop{
background: #0171C5 url(../img/usp-carousel-two-in-one.png) top left no-repeat;
height:530px;
}
#two-in-one-campaign-2013 #hero>div.touch .carousel-laptop{
background: #0171C5 url(../img/usp-carousel-touch.png) top left no-repeat;
height:450px;
}
#two-in-one-campaign-2013 #hero>div.performance .carousel-laptop{
background: #0171C5 url(../img/usp-carousel-performance.png) bottom left no-repeat;
height:530px;
}
#two-in-one-campaign-2013 #hero>div.responsive .carousel-laptop{
background: #0171C5 url(../img/usp-carousel-responsive.png) 180px 30px no-repeat;
height:530px;
}
#two-in-one-campaign-2013 #hero>div.sleek .carousel-laptop{
background: #0171C5 url(../img/usp-carousel-sleek.png) bottom left no-repeat;
height:550px;
}
#two-in-one-campaign-2013 #hero>div.conclusion .carousel-laptop{
background: #0171C5 url(../img/usp-carousel-last.png) top left no-repeat;
height: 550px;
}
#two-in-one-campaign-2013 .window .wrap {
height: 535px;
width: 1070px;
position: relative;
z-index: 1;
}
#two-in-one-campaign-2013 .window .video-player {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 1070px;
padding-right: 128px;
height: 535px;
}
#two-in-one-campaign-2013 .window .cta {
/*position: absolute;
top: 0;
left: 1070px;*/
z-index: 999;
zoom: 1;
-webkit-transition: 1s all;
-moz-transition: 1s all;
-ms-transition: 1s all;
-o-transition: 1s all;
}
#two-in-one-campaign-2013 .window .cta .screen-wrapper:before {
content: " ";
position: absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.2);
width:7px;
height:100%;
z-index:1;
}
#two-in-one-campaign-2013 .window .cta .screen-wrapper {
width: 1294px;
height: 535px;
position: relative;
left: 130px;
background-color: transparent;
overflow: hidden;
-webkit-transform: skewx(-23deg);
-moz-transform: skewx(-23deg);
-ms-transform: skewx(-23deg);
-o-transform: skewx(-23deg);
transform: skewx(-23deg);
/* IE8+ - must be on one line, unfortunately */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.42447481620960326, M21=-0.42447481620960326, M22=1, SizingMethod='auto expand')";*/
/* IE6 and 7 */
/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.42447481620960326, M21=-0.42447481620960326, M22=1, SizingMethod='auto expand');*/
}
#two-in-one-campaign-2013 .loader {
background-color: #000;
height: 535px;
left: 0;
position: absolute;
top: 0;
width: 1070px;
z-index: 3;
}
#two-in-one-campaign-2013 .loading-icon {
background: url(../img/loading-icon.png) no-repeat;
height: 51px;
left: 50%;
margin-left:-88px;
position: absolute;
top: 45%;
width: 176px;
z-index: 15;
}
#two-in-one-campaign-2013.lt-ie8 .window .cta {
left: -200px;
}
#two-in-one-campaign-2013 .window .cta .screen-wrapper img {
position: relative;
left: -330px;
-webkit-transform: skewx(23deg);
-o-transform: skewx(23deg);
-moz-transform: skewx(23deg);
transform: skewx(23deg);
/* IE8+ - must be on one line, unfortunately */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.4244748162096059, M21=0.4244748162096059, M22=1, SizingMethod='auto expand')";*/
/* IE6 and 7 */
/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.4244748162096059, M21=0.4244748162096059, M22=1, SizingMethod='auto expand');*/
}
#two-in-one-campaign-2013.section-conclusion .window .cta .screen-wrapper {
left: 400px;
}
#two-in-one-campaign-2013.section-conclusion .window .cta .screen-wrapper img {
left: -446px;
}
#two-in-one-campaign-2013 .window .cta .btn-wrapper{
left: 470px;
width: 116px;
bottom: 212px;
height: 117px;
position: absolute;
}
#two-in-one-campaign-2013 .window .cta .button {
background: url(../img/video-play-icon_white.png) no-repeat 0px 0px;
width: 125px;
height: 125px;
position: absolute;
z-index: 999;
cursor:pointer;
}
#two-in-one-campaign-2013 .window .cta .btn-ripple{
width: 102px;
height: 102px;
border: 8px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
display: block;
/*opacity: 0;*/
z-index: 99;
-webkit-transform: scale(.85, .85);
-moz-transform: scale(.85, .85);
bottom: -6px;
left: 4px;
}
#two-in-one-campaign-2013 .window .cta .btn-ripple.anim{
/*-webkit-animation-delay: 5s;*/
-webkit-animation: idleripple 0.45s linear;
/*-moz-animation-delay: 5s;*/
-moz-animation: idleripple 0.45s linear;
-webkit-transform: scale(.85, .85);
-moz-transform: scale(.85, .85);
z-index: 99;
}
#two-in-one-campaign-2013 .window .slide {
position: absolute;
top: 0;
left: 0;
z-index: 4;
width: 1070px;
padding-right: 0px;
height: 535px;
background:#fff url(../img/hero-vignette.png) 0 0 no-repeat;
}
#two-in-one-campaign-2013 .window .num, #two-in-one-campaign-2013 .window .feature {
float: left;
margin-right: 30px;
display: inline;
}
#two-in-one-campaign-2013 .window .num p, #two-in-one-campaign-2013 .window .feature p {
color: #0061A5;
font-size: 12px;
line-height: 16px;
}
#two-in-one-campaign-2013 .window .num.num-missing, #two-in-one-campaign-2013 .window .feature.num-missing {
width: 70px;
margin-top: 20px;
}
#two-in-one-campaign-2013 .window .num.num-recovered, #two-in-one-campaign-2013 .window .feature.num-recovered {
padding-left: 15px;
width: 130px;
margin-right: 0px;
margin-top: 20px;
}
#two-in-one-campaign-2013 .window .feature.feature-clock {
width: 94px;
}
#two-in-one-campaign-2013 .window .feature.feature-daysofweek {
border-left: 1px solid #CCC;
padding-left: 30px;
}
#two-in-one-campaign-2013 .window .security-clock {
float: left;
width: 88px;
display: inline;
background: url(../img/security-clock-background.jpg) no-repeat 0 0;
position: relative;
}
#two-in-one-campaign-2013 .window .security-clock h3 {
display: block;
font-size: 38px;
line-height: 55px;
color: #0097e0;
position: absolute;
top: 15px;
left: 50%;
width: 44px;
text-align: center;
margin-left: -22px;
}
#two-in-one-campaign-2013 .window .trivial {
width: 94px;
height: 94px;
background: url(../img/daysofweek.jpg) no-repeat 0 0;
overflow: hidden;
}
#two-in-one-campaign-2013 .window .trivial.offset-0 {
background-position: -658px 0;
}
#two-in-one-campaign-2013 .window .trivial.offset-1 {
background-position: -94px 0;
}
#two-in-one-campaign-2013 .window .trivial.offset-2 {
background-position: -188px 0;
}
#two-in-one-campaign-2013 .window .trivial.offset-3 {
background-position: -282px 0;
}
#two-in-one-campaign-2013 .window .trivial.offset-4 {
background-position: -376px 0;
}
#two-in-one-campaign-2013 .window .trivial.offset-5 {
background-position: -470px 0;
}
#two-in-one-campaign-2013 .window .trivial.offset-6 {
background-position: -564px 0;
}
#two-in-one-campaign-2013 .window .split-wrap {
width: 1070px;
height: 535px;
margin: 0px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
overflow: hidden;
}
#two-in-one-campaign-2013 .window .split-wrap .split-lhs, #two-in-one-campaign-2013 .window .split-wrap .split-rhs {
width: 611px;
height: 535px;
position: absolute;
overflow: hidden;
}
#two-in-one-campaign-2013 .window .split-wrap img {
-webkit-transform: skewx(16deg);
-moz-transform: skewx(16deg);
-o-transform: skewx(16deg);
transform: skewx(16deg);
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.28674538575880865, M21=0, M22=1, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:dximagetransform.microsoft.matrix(M11=1, M12=0.28674538575880865, M21=0, M22=1, SizingMethod='auto expand');
position: absolute;
top: 0px;
left: 76px;
width: 1070px;
height: 535px;
}
#two-in-one-campaign-2013 .window .split-wrap .split-rhs img {
left: -535px;
}
#two-in-one-campaign-2013 .window .split-wrap .split-lhs {
-webkit-transform: skewx(-16deg);
-o-transform: skewx(-16deg);
-moz-transform: skewx(-16deg);
transform: skewx(-16deg);
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.2867453857588081, M21=0, M22=1, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:dximagetransform.microsoft.matrix(M11=1, M12=-0.2867453857588081, M21=0, M22=1, SizingMethod='auto expand');
top: 0;
left: -76px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
z-index: 1;
}
#two-in-one-campaign-2013 .window .split-wrap .split-rhs {
-webkit-transform: skewx(-16deg);
-o-transform: skewx(-16deg);
-moz-transform: skewx(-16deg);
transform: skewx(-16deg);
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.2867453857588081, M21=0, M22=1, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:dximagetransform.microsoft.matrix(M11=1, M12=-0.2867453857588081, M21=0, M22=1, SizingMethod='auto expand');
top: 0;
left: 635px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
z-index: 1;
}
#two-in-one-campaign-2013 .window .video {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
width: 1070px;
padding-right: 128px;
height: 535px;
background-color: #000;
}
#two-in-one-campaign-2013 .window .video object {
position: absolute;
top: 0;
left: 0;
width: 1070px;
height: 535px;
z-index: 2;
}
#two-in-one-campaign-2013 .window .next-slide {
position: absolute;
bottom: 20px;
right: 20px;
display: block;
background-color: #fff;
color: #000;
z-index: 3;
padding: 10px;
}
#two-in-one-campaign-2013 .window .pane-left, #two-in-one-campaign-2013 .window .pane-right {
z-index: 2;
position: absolute;
width: 648px;
height: 400px;
background-size: 100% 100%;
top: 0px;
left: 0px;
background: url(/img/window-left.png) no-repeat 0 0;
}
#two-in-one-campaign-2013 .window .pane-right {
right: 0px;
left: auto;
background: url(/img/window-right.png) no-repeat 0 0;
}
#two-in-one-campaign-2013 .window .slides {
overflow: hidden;
width: 6000px;
height: 400px;
z-index: 1;
position: absolute;
}
#two-in-one-campaign-2013 .window .slides li {
width: 800px;
height: 300px;
padding: 100px 100px 0 100px;
float: left;
display: inline;
margin: 0px;
background-color: #CCC;
}
#two-in-one-campaign-2013 li {
float: left;
margin-right: 20px;
}
#two-in-one-campaign-2013 li h2 {
margin: 0px;
font: normal 30px/40px 'neo-sans-intel', Tahoma, Arial, sans-serif;
color: #000;
border-bottom: 3px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
#two-in-one-campaign-2013 .canvas-mirror canvas {
margin-right: 10px;
border: 1px solid #777;
}
#two-in-one-campaign-2013 .tag-cloud {
width: 400px;
overflow: hidden;
line-height: 1em;
}
#two-in-one-campaign-2013 .clocks {
width: 550px;
}
#two-in-one-campaign-2013 .clocks .clock {
float: left;
margin-right: 10px;
}
#two-in-one-campaign-2013 .clocks .clock h4 {
text-align: center;
margin: 0px;
}
#two-in-one-campaign-2013 .graph {
width: 520px;
}
#two-in-one-campaign-2013 .graph .animated-graph {
width: 520px;
height: 220px;
position: relative;
z-index: 0;
}
#two-in-one-campaign-2013 .graph canvas {
position: absolute;
top: 0px;
left: 0px;
height: 220px;
width: 520px;
}
#two-in-one-campaign-2013 .slide .content .row {
overflow: hidden;
width: 620px;
}
#two-in-one-campaign-2013 .slide .content .row .span1 {
width: 300px;
float: left;
display: inline;
margin-right: 20px;
}
#two-in-one-campaign-2013 .slide .content .row .span1:last-child {
margin-right: 0px;
}
#two-in-one-campaign-2013 .slide .content .canned-response .sify {
width: 300px;
background-color: #AAA;
}
#two-in-one-campaign-2013 .slide .content .canned-response ul {
height: 120px;
width: 1500px;
float: left;
}
#two-in-one-campaign-2013 .slide .content .canned-response ul li {
width: 300px;
height: 120px;
padding: 0px;
float: left;
margin-right: 0px;
}
#two-in-one-campaign-2013.section-touch .window .cta .button,
#two-in-one-campaign-2013.section-convertibility .window .cta .button,
#two-in-one-campaign-2013.section-performance .window .cta .button,
#two-in-one-campaign-2013.section-responsiveness .window .cta .button,
#two-in-one-campaign-2013.section-sleek .window .cta .button,
#two-in-one-campaign-2013.section-security .window .cta .button{
top: 0px;
left: 0px;
}
#two-in-one-campaign-2013.section-touch .window .cta .btn-wrapper,
#two-in-one-campaign-2013.section-convertibility .window .cta .btn-wrapper,
#two-in-one-campaign-2013.section-performance .window .cta .btn-wrapper,
#two-in-one-campaign-2013.section-responsiveness .window .cta .btn-wrapper,
#two-in-one-campaign-2013.section-security .window .cta .btn-wrapper,
#two-in-one-campaign-2013.section-sleek .window .cta .btn-wrapper,
#two-in-one-campaign-2013.section-conclusion .window .cta .btn-wrapper{
bottom: 175px;
left: 50px;
}
#two-in-one-campaign-2013.section-conclusion .window .cta .btn-wrapper{
bottom: 55px;
left: 106px;
}
#two-in-one-campaign-2013.section-touch .window .cta .btn-wrapper .button,
#two-in-one-campaign-2013.section-convertibility .window .cta .btn-wrapper .button,
#two-in-one-campaign-2013.section-performance .window .cta .btn-wrapper .button,
#two-in-one-campaign-2013.section-responsiveness .window .cta .btn-wrapper .button,
#two-in-one-campaign-2013.section-sleek .window .cta .btn-wrapper .button,
#two-in-one-campaign-2013.section-security .window .cta .btn-wrapper .button{
width: 116px;
height: 116px;
}
#two-in-one-campaign-2013.section-conclusion .window .cta .btn-wrapper{
display:none;
}
/*
Tagboard tricks
*/
#two-in-one-campaign-2013 .tagboard-wrapper {
position: absolute;
width: 850px;
right: 0;
overflow: scroll;
overflow-x: hidden;
height: 532px;
background-color: #fff;
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
#two-in-one-campaign-2013 {
/*
* Image replacement
*/
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
/*
* Hide visually and from screenreaders, but maintain layout
*/
/*
* Contain floats: h5bp.com/q
*/
}
#two-in-one-campaign-2013 .ir {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
#two-in-one-campaign-2013 .hidden {
display: none !important;
visibility: hidden;
}
#two-in-one-campaign-2013 .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#two-in-one-campaign-2013 .visuallyhidden.focusable:active, #two-in-one-campaign-2013 .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
#two-in-one-campaign-2013 .invisible {
visibility: hidden;
}
#two-in-one-campaign-2013 .clearfix:before, #two-in-one-campaign-2013 .clearfix:after {
content: "";
display: table;
}
#two-in-one-campaign-2013 .clearfix:after {
clear: both;
}
#two-in-one-campaign-2013 .clearfix {
*zoom: 1;
}
/* video-carousel */
#two-in-one-campaign-2013 .video-carousel {
position:relative;
/* border-top:3px solid #f3f3f3; */
padding: 30px 149px;
z-index:0;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-list {
white-space:nowrap;
overflow:hidden;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-group {
display:inline-block;
background-color:#ffffff;
width:100%;
height:100%;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-item {
display:inline-block;
width:180px;
margin: 0 34px;
vertical-align:top;
white-space:normal;
font-weight:200;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-item .video-carousel-item-play-icon {
background: url(../img/video-play-icon.png) no-repeat center center;
position: absolute;
width: 180px;
height: 120px;
cursor: pointer;
}
#two-in-one-campaign-2013 #learn-more .video-carousel .video-carousel-item a,
#two-in-one-campaign-2013 #learn-more .video-carousel .video-carousel-item a:hover {
color:#0071c5;
text-decoration:none;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-item .video-carousel-item-thumb {
margin-bottom:15px;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-item .video-carousel-item-title {
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
line-height: 18px;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-item .video-carousel-item-body {
font-size:14px;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-left {
position:absolute;
top:80px;
left:25px;
display:none;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-right {
position:absolute;
top:80px;
right:25px;
display:none;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-dot-wrapper {
position:absolute;
left:0;
right:0;
bottom:15px;
text-align:center;
display:none;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-dot {
background:url("/etc/designs/intel/us/en/images/carouselDot_hover.png") no-repeat center transparent;
width:10px;
height:10px;
margin:0 3px;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-dot.active,
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-dot:hover {
background:url("/etc/designs/intel/us/en/images/carouselDot.png") no-repeat center transparent;
}
#two-in-one-campaign-2013 .video-carousel.active {
padding-bottom:51px;
}
#two-in-one-campaign-2013 .video-carousel.active .video-carousel-nav-left,
#two-in-one-campaign-2013 .video-carousel.active .video-carousel-nav-right,
#two-in-one-campaign-2013 .video-carousel.active .video-carousel-nav-dot-wrapper {
display:block;
}
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-left,
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-right,
#two-in-one-campaign-2013 .video-carousel .video-carousel-nav-dot {
cursor:pointer;
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;>?
}
a, a:* {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
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;
}
}
/*****************************/
.container{
/*float:left;*/
width:100%;
padding-top:30px;
}
.center{
margin:0 auto;
max-width:960px;
background-color:#fff;
}
.intel-ie-wrapper{
/*width:90% !important;*/
background:#fff;
padding:0 5%;
margin:0 auto;
}
.intel-main-head{
float:left;
width:100% !important;
}
.intel-main-head h3{
font-family:"intel-clear","tahoma","helvetica",sans-serif;
font-size:30px;
color:#0071c5;
font-weight:normal;
margin:38px 0 26px;
}
.data-comp1{
float:left;
width:47% !important;
}
.sub-head{
float:left;
width:100% !important;
}
.sub-head h5{
font-size: 14px;
font-weight: bold;
color: #555;
float:left;
font-family:"intel-clear","tahoma","helvetica",sans-serif;
margin-bottom:15px;
margin-top:0;
width:100%;
}
.data-comp1 p{
float:left;
font-size:12px;
font-family:"intel-clear","tahoma","helvetica",sans-serif;
color:#666 !important;
margin-bottom:16px;
line-height:1.5em;
margin-top:0;
}
.data-comp2{
float:right;
width:50% !important;
}
.data-comp2 p{
float:left;
font-size:12px;
font-family:"intel-clear","tahoma","helvetica",sans-serif;
color:#666 !important;
margin-bottom:16px;
line-height:1.5em;
margin-top:0;
}
.intel-mfg-group{
float:left;
width:100% !important;
margin-top:20px;
}
.intel-mfg-group h3{
font-size:14px;
font-weight:bold;
margin-top:0;
font-family:"intel-clear","tahoma","helvetica",sans-serif;
color:#555;
width:50%;
line-height:1.4em;
float:left;
}
.mfg-group-img{
width:168px;
height:168px;
float:right;
}
.pop-up-images{
float:left;
width:50%;
}
.pop-up-img1{
float:left;
width:168px;
height:168px;
margin-bottom:10px;
}
#picture {width:100px; height: 250px; background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:100px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 485px; left:247px; width:598px; height:480px; }
#picture1 {width:100px; height: 250px; background-color:#ffffff;}
#picture1 a.small, #picture a.small:visited { display:block; width:100px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture1 a img {border:0;}
#picture1 a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture1 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture1 a.small:hover .large {display:block; position:absolute; top: 485px; left:247px; width:598px; height:480px; }
div.assetcontentpar .section, div.assetcontentpar .section div{
display:block !important;
width:none !important;
}
/************************/
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 10%;
left: 25%;
/*width: 50%;
height: 50%;*/
padding: 16px;
border: 8px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
.pop-up-close{
position:absolute;
top:0;
right:0%;
}