/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
*/

body {background:#FFF;}

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family: Cambria, Georgia, serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
p {font-family:Cambria,Georgia,serif;}

.stories {}
.stories div {margin:0 0 40px 0;text-align:center;}
.stories img {width:75%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.stories h3 {white-space:nowrap;color:#444;color:rgba(0,0,0,0.50);font-size:24px;line-height:27px;overflow:hidden;text-overflow:ellipsis;-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.stories a {display:block;width:100%;height:100%;outline:0;}
.stories a:hover {}
.stories p a {display:inline;}
.stories .categories {text-align:center;}
.stories .categories span {display:inline-block;width:15px;height:15px;margin:0 10px;}
.stories .separator {display:block;width:25px;height:1px;margin:0 auto;background:#CCC;-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.stories h4 {font-size:14px;/*font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;*/color:#AAA;font-style:italic;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.stories h4 em {display:inline;color:#666;font-style:normal;}
.stories h4 strong {font-size:12px;color:#444;}
.stories h4 em:hover {color:rgba(54,165,223,1.0);}
.stories .story {text-align:left;border-left:1px solid rgba(0,0,0,0.10);}
.stories .story p {padding:0 0 0 20px;font-size:16px;line-height:30px;color:#444;}
.stories .story ul {list-style-type:none;padding:0 0 0 20px;margin:0;font-family:Cambria,Georgia,serif;}
.stories .story ul li {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px dotted rgba(0,0,0,0.15);font-size:16px;color:#444;}
.stories .container {display:inline-block;position:relative;width:75%;margin:0 auto;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.stories .container .spacer {margin:0;margin-top:43%;}
.stories .container .spacer .pic {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;padding:0;}
.stories .container .spacer .pic img {display:block;width:100%;}
@media only screen and (max-width: 980px) { .stories .container {width:140px;} .stories .container .spacer {margin-top:36%;} }

.taco {display:block;width:100%;margin:0 0 40px 0;padding:0;clear:both;}
.taco span {float:left;display:inline-block;line-height:30px;color:#BBB;font-size:24px;font-family:Cambria,'Times New Roman',Times,serif;}
.taco img {width:21px;height:20px;margin:-24px 0 0 5px;padding:0;float:right;display:block;vertical-align:middle;}
.taco .button {margin:4px 0 0 10px;}

.cat-physical {border:7px solid transparent;background:rgba(139,77,183,0.50);-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.cat-digital {border:7px solid transparent;background:rgba(54,165,223,0.50);-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.cat-service {border:7px solid transparent;background:rgba(255,67,67,0.50);-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}

.stories a:hover > h3 {color:#FFF;color:rgba(0,0,0,0.95);}
.stories a:hover > h4 {color:#444;color:rgba(0,0,0,0.65);}
.stories a:hover > .separator {background:#888;}
.stories a:hover > .cat-physical {border:7px solid transparent;background:rgba(139,77,183,1.0);}
.stories a:hover > .cat-digital {border:7px solid transparent;background:rgba(54,165,223,1.0);}
.stories a:hover > .cat-service {border:7px solid transparent;background:rgba(255,67,67,1.0);}

.stories .selected-story h3 {color:#111;color:rgba(0,0,0,0.95);}
.stories .selected-story h4 {color:#444;color:rgba(0,0,0,0.65);}
.stories .selected-story .separator {background:#888;}

.stories .highlighted {border-left:1px solid rgba(0,0,0,0.10);}
.stories .highlighted p {padding:0 0 0 20px;text-align:left;font-size:24px;line-height:30px;z-index:1;background:transparent url(../../images/customers/ico-quote-open.png) 0 0 no-repeat;}
.stories .highlighted p .end {display:inline-block;z-index:-1;width:0px;height:0px;margin-bottom:-16px;margin-right:10px;margin-left:-15px;padding:16px;background:transparent url(../../images/customers/ico-quote-close.png) 0 0 no-repeat;}

.cta {margin:0 0 40px 0;padding:20px 40px;background:#ECECEC;border:1px solid #E1E1E1;}
.cta input {outline:0;margin:0 0 10px 0;padding:18px 10px;}
.cta span {position:relative;float:right;line-height:37px;font-size:12px;color:#999;}
.cta span img {width:100px;margin:0 0 0 4px;vertical-align:middle;display:inline-block;line-height:40px;}
.cta h3 {margin-top:0;color:#444;color:rgba(0,0,0,0.50);font-size:30px;overflow:hidden;text-overflow:ellipsis;-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.cta a {float:left;}
.cta p {font-size:16px;color:#666;}
.cta .categories {text-align:center;}
.cta .categories span {display:inline-block;width:15px;height:15px;margin:0 10px;}
.cta .separator {display:block;width:25px;height:1px;margin:0 auto;background:#CCC;-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.cta h4 {font-size:14px;/*font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;*/color:#AAA;font-style:italic;text-overflow:ellipsis;-webkit-transition: all .17s ease-in-out;-moz-transition: all .17s ease-in-out;-o-transition: all .17s ease-in-out;-ms-transition: all .17s ease-in-out;transition: all .17s ease-in-out;}
.cta h4 em {display:inline;color:#666;font-style:normal;}
.cta h4 strong {font-size:12px;color:#444;}
.cta h4 em:hover {color:rgba(54,165,223,1.0);}
.cta ul.errorlist {list-style-type:none;margin:20px 0;padding:0;}
.cta ul.errorlist li {color:#9e0616;padding:0;}

.spacer {height:80px;margin:0 0 20px 0;}

.header {position:fixed;display:block;width:100%;height:80px;background:#030303;z-index:5;border-bottom:1px solid rgba(255,255,255,0.15);}
.title {position:relative;padding:0 0 40px 0;}
.title a {display:block;position:absolute;top:28px;right:0;font-size:14px;vertical-align:middle;}
.title h5 {color:#444;color:rgba(0,0,0,0.50);font-size:18px;}
.presented-by span.separator {display:block;width:100px;height:1px;margin:0 auto;margin-top:30px;background:#C8C8C8;}
.presented-by {padding:30px 0 20px 0;}
.presented-by span {display:inline;margin:0 auto;line-height:24px;vertical-align:middle;font-size:14px;color:#C8C8C8;}
.presented-by img {vertical-align:middle;margin:0 0 0 7px;}
.presented-by.seen {line-height:24px;}
.presented-by .right {position:absolute;display:inline-block;right:0;top:-6px;}
.presented-by .left {position:absolute;display:inline-block;left:0;top:-6px;}
@media only screen and (max-width: 767px) { .presented-by .right {position:relative;display:block;margin:30px 0 0 0;} .presented-by .left {position:relative;display:block;margin:10px 0 0 0;} .stories .storyhead:last-child {float:none;} .footer.left {float:none;} .stories .container {width:200px;} .stories .container .spacer {margin-top:57%;} }

.footer span.separator {display:block;width:100px;height:1px;margin:0 auto;margin-top:30px;background:#C8C8C8;}

.first-submit {}
.first-submit textarea {outline:0;margin:0 0 0 20px;padding:15px;font-size:16px;}
.first-submit textarea:focus {border:1px solid rgba(54,165,223,0.50);background:rgba(242,252,255,0.75);}
.first-submit textarea.story-text {min-height:250px;}
.first-submit textarea.tip-text {min-height:100px;}
.first-submit input {outline:0;margin:15px 0 0 0;padding:0 15px;font-size:16px;}
.first-submit input[type=file] {border:1px solid transparent;}
.first-submit input:focus {border:1px solid rgba(54,165,223,0.50);background:rgba(242,252,255,0.75);}
.first-submit label {margin:20px 0 0 20px;text-align:left;}
.first-submit input.name-text {margin:0 0 20px 20px;}
.first-submit input.job-text {margin:0 0 20px 20px;}
.first-submit input.pic-text {margin:20px 0 0 20px;}
.first-submit ul.errorlist {list-style-type:none;margin:20px 0;padding:0;}
.first-submit ul.errorlist li {color:#9e0616;padding:0;margin-left:20px;}
.first-submit {}

/* Button */
.button.first3 {background:rgba(54,165,223,0.50);border-color:rgba(54,165,223,0.50);border-radius:5px;outline:none;}
.button.first3:hover {background:rgba(54,165,223,1.0);border-color:rgba(54,165,223,1.0);}
.button.fade {background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.05);border-radius:5px;cursor:default;outline:none;}
.button.fade:hover {background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.05);}
.button.unfade {background:rgba(0,0,0,0.25);border-color:rgba(0,0,0,0.25);border-radius:5px;outline:none;}
.button.unfade:hover {background:rgba(0,0,0,0.55);border-color:rgba(0,0,0,0.55);}
.button.alert {opacity:0.50;}
.button.alert:hover {opacity:1.0;}
.button.success {opacity:0.50;}
.button.success:hover {opacity:1.0;}
.button.physical {background:rgba(139,77,183,0.50);border-color:rgba(139,77,183,0.50);margin:0 10px 0 0;}
.button.physical:hover {background:rgba(139,77,183,1.0);border-color:rgba(139,77,183,1.0);}
.button.physical.unselected {background:rgba(139,77,183,0.25);border-color:rgba(139,77,183,0.25);}
.button.digital {background:rgba(54,165,223,0.50);border-color:rgba(54,165,223,0.50);margin:0 10px 0 0;}
.button.digital:hover {background:rgba(54,165,223,1.0);border-color:rgba(54,165,223,1.0);}
.button.digital.unselected {background:rgba(54,165,223,0.25);border-color:rgba(54,165,223,0.25);}
.button.service {background:rgba(255,67,67,0.50);border-color:rgba(255,67,67,0.50);margin:0 10px 0 0;}
.button.service:hover {background:rgba(255,67,67,1.0);border-color:rgba(255,67,67,1.0);}
.button.service.unselected {background:rgba(255,67,67,0.25);border-color:rgba(255,67,67,0.25);}
.button.forum {background:#3B6E70;}
.button.forum:hover {background:#00B3BB;}
.button.facebook {background:#4660a2;border: solid 1px #243357;}
.button.facebook:hover {background:#385088;}
.button.twitter {background:#5babe4;border:1px solid #2f7cb2;}
.button.twitter:hover {background:#2578b4;}
.button.stumble {background:#eb4823;border:1px solid #b52605;}
.button.stumble:hover {background:#d12d07;}

.button.sumo { background-color: #ffd424; border: 1px solid #fba400; color:#504310;text-shadow: 0 1px rgba(255,255,255,0.45);border-radius:5px;outline:none;}
.button.sumo:hover { background-color: #ebb928; }

/* General */
.text-right {text-align:right;}
.text-left {text-align:left;}
.float-right {float:right;opacity:1.0;}
.clear {display:block;position:relative;width:100%;height:0;clear:both;}

.footer ul {position:relative;display:block;text-align:center;list-style-type:none;margin:0;padding:0;line-height:30px;font-size:14px;}
.footer ul li {display:inline;margin:0 0 0 20px;}
.footer ul li a {color:#999;text-decoration:none;}
.footer ul li a:hover {color:#666;}
.footer ul li:first-child {margin:0;}
.footer {}
.footer.left {float:left;}
.footer.right {float:right;}
.footer .love {display:block;width:100%;padding:20px 0 50px 0;line-height:30px;font-size:24px;color:#999;color:rgba(0,0,0,0.40);text-align:center;}

.stories .storyhead:last-child {float:left;}