/* CSS for all SASS-enabled pages */
/*Allows for background-image rules*/
/* Mixins and variables */
/* PX should be declared as t1m-units(16); */
/*could be px if $em is 1 */
/*$small_text:t1m-units(12);
$medium_text:t1m-units(16);
$large_text:t1m-units(20);
$header_text:t1m-units(32);*/
/* 
Classes not specific to a single template 
Use short, single-purpose classes for multiple elements here
*/
/* line 7, ../../../../../../../../../src/css/_utility.scss */
.dark-text { color: #1c1b1a; }

/* line 11, ../../../../../../../../../src/css/_utility.scss */
.light-text { color: white; }

/* Hides text from an element */
/* line 16, ../../../../../../../../../src/css/_utility.scss */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* line 19, ../../../../../../../../../src/css/_utility.scss */
.cta { font-family: 'CiscoSansTTRegular', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Nimbus Sans L', sans-serif; color: #ffffff; }

/*
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;
}*/
/*CSS specific to aci content*/
/*features / heroes */
/* line 11, ../../../../../../../../../src/css/cxo.scss */
.feature { color: #ffffff; background: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/hero/hero.jpg"); height: 410px; padding-left: 60px; text-align: left; }
/* line 18, ../../../../../../../../../src/css/cxo.scss */
.feature h2 { font-size: 35px; margin: 0px 0  20px 0; padding-top: 130px; }
/* line 24, ../../../../../../../../../src/css/cxo.scss */
.feature p { font-size: 18px; width: 60%; }
/* line 29, ../../../../../../../../../src/css/cxo.scss */
.feature .container { padding-left: 90px; }

/* gated offers */
/* line 36, ../../../../../../../../../src/css/cxo.scss */
.gated-content { background: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/gated_offer.jpg"); background-size: auto !important; background-repeat: no-repeat; color: #ffffff; padding: 0px; }
/* line 43, ../../../../../../../../../src/css/cxo.scss */
.gated-content h3 { margin-top: 165px; }
/* line 47, ../../../../../../../../../src/css/cxo.scss */
.gated-content h4 { font-weight: bold; margin-top: 0px; }
/* line 52, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-blade-description { padding-left: 60px; }
@media only screen and (max-width: 61.9375em) { /* line 52, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-blade-description { padding-left: 30px; } }
/* line 60, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-cta { background: #545555; cursor: pointer; font-size: 16px; margin-top: 204px; padding: 18px; position: relative; }
/* line 68, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-cta #letter-cta-text { display: inline-block; max-width: 80%; margin-left: 55px; }
/* line 74, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-cta .icon { background: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/letter-toggle.png") no-repeat; height: 48px; margin-top: -24px; position: absolute; left: 14px; top: 50%; width: 48px; }
/* line 85, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-cta.active .icon { background-position: -48px 0px; }
/* line 91, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content { background: rgba(255, 255, 255, 0.9); clear: both; color: #1c1b1a; display: none; float: none; margin: 0 auto 0 auto; overflow: hidden; padding: 20px 32px 20px 32px; width: 92%; }
/* line 102, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content p { font-family: CiscoSansTTExtraLight,'Helvetica Neue',HelveticaNeue,Helvetica,Arial,'Nimbus Sans L',sans-serif; font-size: 15px; }
/* line 107, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content .at-share-btn { float: right; }
/* line 111, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content .at-share-tbx-element { display: none !important; }
/* line 115, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content .share-link-text { display: none; }
/* line 119, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content .addthis_sharing_toolbox .share-icon { display: inline-block; padding: 0 2px; float: none; }
/* line 125, ../../../../../../../../../src/css/cxo.scss */
.gated-content .letter-content .share-icon a { color: #818080; }

/* Secondary Offers */
/* line 136, ../../../../../../../../../src/css/cxo.scss */
.secondary-offer-1 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/secondary_offer_1.jpg"); }

/* line 140, ../../../../../../../../../src/css/cxo.scss */
.secondary-offer-2 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/secondary_offer_2.jpg"); }

/* line 144, ../../../../../../../../../src/css/cxo.scss */
.secondary-offer-3 { background-image: url("/c/dam/r/ko/kr/internet-of-everything-ioe/assets/images/cxo/secondary_offer_3.jpg"); }

/* line 148, ../../../../../../../../../src/css/cxo.scss */
.secondary-offer-4 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/secondary_offer_4.jpg"); }

/* line 152, ../../../../../../../../../src/css/cxo.scss */
.secondary-offer-5 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/secondary_offer_5.jpg"); }

/* line 156, ../../../../../../../../../src/css/cxo.scss */
.secondary-offer-6 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/secondary_offer_6.jpg"); }

/*topics*/
/* line 162, ../../../../../../../../../src/css/cxo.scss */
.topic { background-size: cover; min-height: 525px; padding: 35px 0px 0px 60px; }
/* line 167, ../../../../../../../../../src/css/cxo.scss */
.topic h3 { /*width: 100%;*/ }
/* line 171, ../../../../../../../../../src/css/cxo.scss */
.topic > div:first-child { padding: 0; }

/* line 176, ../../../../../../../../../src/css/cxo.scss */
.topic-1 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/topic_1.jpg"); padding-right: 75px; text-align: right; }
/* line 181, ../../../../../../../../../src/css/cxo.scss */
.topic-1 h3 { float: right; width: 100%; }
/* line 186, ../../../../../../../../../src/css/cxo.scss */
.topic-1 p { width: 65%; float: right; }
/* line 191, ../../../../../../../../../src/css/cxo.scss */
.topic-1 a { color: #ffffff; }

/* line 196, ../../../../../../../../../src/css/cxo.scss */
.topic-2 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/topic_2.jpg"); background-size: cover; color: #828484; }

/* line 203, ../../../../../../../../../src/css/cxo.scss */
.topic-3 { background-image: url("/c/dam/r/en/uk/internet-of-everything-ioe/assets/images/cxo/topic_3.jpg"); background-size: cover; }
/* line 207, ../../../../../../../../../src/css/cxo.scss */
.topic-3 a { color: #ffffff; }

@media only screen and (max-width: 61.9375em) { /* line 214, ../../../../../../../../../src/css/cxo.scss */
  .feature { height: 390px; padding-left: 30px; }
  /* line 217, ../../../../../../../../../src/css/cxo.scss */
  .feature h2 { font-size: 40px; padding-top: 112px; }
  /* line 222, ../../../../../../../../../src/css/cxo.scss */
  .feature p { font-size: 21px; }
  /* line 227, ../../../../../../../../../src/css/cxo.scss */
  .gated-content { background-size: 970px 1364px !important; background-position: right top; }
  /* line 231, ../../../../../../../../../src/css/cxo.scss */
  .gated-content h3 { font-size: 36px; margin-top: 60px; }
  /* line 236, ../../../../../../../../../src/css/cxo.scss */
  .gated-content p { font-size: 16px; }
  /* line 240, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-cta { margin-bottom: 0px; margin-top: 165px; }
  /* line 245, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .mobile-gradient { background: #e1c085; /*solid color for older browsers*/ background: -webkit-linear-gradient(#e1c085, #ab6a34); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#e1c085, #ab6a34); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e1c085, #ab6a34); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e1c085, #ab6a34); /* Standard syntax */ clear: both; }
  /* line 257, ../../../../../../../../../src/css/cxo.scss */
  .topic { min-height: 450px; } }
@media only screen and (max-width: 47.9375em) { /* line 264, ../../../../../../../../../src/css/cxo.scss */
  .feature .container { padding-left: 50px; }
  /* line 268, ../../../../../../../../../src/css/cxo.scss */
  .feature h2 { font-size: 35px; }
  /* line 272, ../../../../../../../../../src/css/cxo.scss */
  .feature p { font-size: 18px; }
  /* line 277, ../../../../../../../../../src/css/cxo.scss */
  .gated-content { background-size: 100%; background-position: center top; }
  /* line 281, ../../../../../../../../../src/css/cxo.scss */
  .gated-content a { margin-left: 0; margin-right: 0; }
  /* line 286, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-blade-description { padding-left: 0px; width: 70%; }
  /* line 294, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-content p { margin-left: 0px; margin-right: 0px; }
  /* line 299, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-content .addthis_sharing_toolbox { float: right; margin-left: none; margin-right: none; }
  /* line 303, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-content .addthis_sharing_toolbox a { padding: 0 2px; }
  /* line 311, ../../../../../../../../../src/css/cxo.scss */
  .topic { min-height: 400px; padding: 20px 0 0 20px; }
  /* line 315, ../../../../../../../../../src/css/cxo.scss */
  .topic h3 { font-size: 36px; margin-left: 0; }
  /* line 321, ../../../../../../../../../src/css/cxo.scss */
  .topic-1 { padding-right: 20px; }
  /* line 324, ../../../../../../../../../src/css/cxo.scss */
  .topic-1 h3, .topic-1 p { text-align: right; }
  /* line 331, ../../../../../../../../../src/css/cxo.scss */
  .topic-3 h3 { text-align: left; }
  /* line 335, ../../../../../../../../../src/css/cxo.scss */
  .topic-3 p { margin-left: 0; text-align: left; }
  /* line 341, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 { background-image: none; background-color: #ececec; /*margin: 0;*/ padding: 0; }
  /* line 347, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 h3 { margin: 20px auto 25px auto; }
  /* line 352, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 .visible-xs { padding: 15px 0 0 0 !important; } }
@media only screen and (max-width: 37.5em) { /* line 360, ../../../../../../../../../src/css/cxo.scss */
  .feature { height: 360px; padding-left: 30px; }
  /* line 364, ../../../../../../../../../src/css/cxo.scss */
  .feature h2 { font-size: 30px; }
  /* line 368, ../../../../../../../../../src/css/cxo.scss */
  .feature p { font-size: 15px; width: 80%; } }
@media only screen and (max-width: 20em) { /* line 377, ../../../../../../../../../src/css/cxo.scss */
  .feature h2 { font-size: 28px; margin-top: 0px; padding-top: 95px; }
  /* line 383, ../../../../../../../../../src/css/cxo.scss */
  .feature p { font-size: 14px; }
  /* line 388, ../../../../../../../../../src/css/cxo.scss */
  .gated-content { background-position: 60% top; }
  /* line 391, ../../../../../../../../../src/css/cxo.scss */
  .gated-content h3 { font-size: 32px; }
  /* line 395, ../../../../../../../../../src/css/cxo.scss */
  .gated-content p, .gated-content a { margin-left: 0; margin-right: 0; }
  /* line 400, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-blade-description { padding-left: 15px; }
  /* line 404, ../../../../../../../../../src/css/cxo.scss */
  .gated-content .letter-cta { margin-top: 25px; }
  /* line 409, ../../../../../../../../../src/css/cxo.scss */
  .topic { min-height: 300px; padding: 10px 0px 0px 10px; }
  /* line 413, ../../../../../../../../../src/css/cxo.scss */
  .topic h3 { font-size: 20px; width: 100%; }
  /* line 418, ../../../../../../../../../src/css/cxo.scss */
  .topic p { font-size: 14px; }
  /* line 423, ../../../../../../../../../src/css/cxo.scss */
  .topic-1 { padding-right: 15px; }
  /* line 427, ../../../../../../../../../src/css/cxo.scss */
  .topic-1 h3, .topic-1 p { width: 90%; }
  /* line 432, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 { padding: 0; }
  /* line 435, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 h3 { margin: 20px auto 25px auto; }
  /* line 439, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 p { width: 90%; }
  /* line 443, ../../../../../../../../../src/css/cxo.scss */
  .topic-2 .visible-xs { padding: 15px 0 0 0 !important; }
  /* line 448, ../../../../../../../../../src/css/cxo.scss */
  .topic-3 { background-position: 80% center; } }