/* Header */
#lithium_logo { width:103px; height:24px; }
.container.tall-nav { background-image:url(/assets/uploads/images/home/gbg-tall-blue.png); }
.head { transition:background-color 400ms linear; }
.head.at-top { background-color:transparent; }
@media screen and (max-width:767px) { .head { background:transparent; } #lithium_logo_path { fill:#FFFFFF; } }
#lithium_logo_path { transition:fill 400ms linear; }
.head.at-top #lithium_logo_path { fill:#FFFFFF; }
.head.at-top .head__search__icon__path { fill:#FFFFFF; }
.head.at-top .arr-dropdown__path { fill:#FFFFFF; }
.head.at-top .head__menu-small__i__a { color:#FFFFFF; }
.head__menu__i__a { font:700 15px/20px "lato",sans-serif; }
.head__menu__i__btn { background-color:#e84c5a; }
.head.at-top .head__menu__i__btn { background-color:#1e6995; }
.head.at-top .head__menu__i__btn:hover { background-color:#42b4d5; }
.head__menu__i__a.head__menu__i__btn { font-size:13px; padding:0.5em 1.25em 0.6em; }


.banner-tpl-full.homepage_2016 .banner-link { padding-top:25px; min-height:185px; }
.banner-tpl-full.homepage_2016 .banner-img { display:block; }
.banner-tpl-full.homepage_2016 .brn-content-txt-tx { margin-bottom:15px; }
.banner-tpl-full.homepage_2016 .banner-content-txt { padding-top:10px; }
.banner-tpl-full.homepage_2016 .sp__button-blue { color:#262626 !important; background-color:#42b4d5; padding:13px 32px 12px; transition:all 400ms;  }

/* Hero */
.hero-section.hero_home_page_animation { background:url("/assets/uploads/images/home/hero-animation-bg.png") repeat-x scroll center bottom #2990b4; height:525px; overflow:hidden; box-sizing:border-box; cursor:pointer; }
.hero-section.hero_home_page_animation div, .hero-section.hero_home_page_animation img { box-sizing:border-box; }
.hero_home_page_animation_bg { bottom:0; height:auto; position:absolute; width:100%; }
.hero_home_page_animation_bg_svg { margin:0 auto; display:block; width:110%; }
@media screen and (min-width:1600px) { 
	.hero_home_page_animation_bg_svg { position:relative; top:300px; max-width:1900px; }
}
.hero-icon-wrap { left:43%; position:absolute; top:0; height:525px; width:855px; max-width:55%; overflow:visible !important; }
.hero-icon .hero-icon-image, .hero-icon .icon-label, .hero-icon .icon-symbol{ -webkit-transition:opacity 1s, width 1s, height 1s, top 1s, left 1s; transition:opacity 1s, width 1s, height 1s, top 1s, left 1s; }
.hero-icon-wrap.ending { -webkit-transition:height 3s ease; transition:height 3s ease; }
.hero-icon-wrap.ending-short { height:95%; }
.hero-icon-wrap.ending-tall { height:105%; }
.hero-symbol { -webkit-transition:all .5s; transition:all .5s; }
.hero-icon { -webkit-transition:margin-top 1s, opacity 1s; transition:margin-top 1s, opacity 1s; margin-top:0; z-index:2; }
#connections { left:20%; position:absolute; top:30%; width:74%; opacity:0; z-index:1; }
#connections.active { opacity:1; }
#connections line { -webkit-transition:all .75s; transition:all .75s; }
#prospect-influencer { stroke-dasharray:300; stroke-dashoffset:300; }
#prospect-influencer.active { stroke-dashoffset:0; }
#prospect-customer { stroke-dasharray:300; stroke-dashoffset:300; }
#prospect-customer.active { stroke-dashoffset:0; }
#prospect-employee { stroke-dasharray:300; stroke-dashoffset:-300; }
#prospect-employee.active { stroke-dashoffset:0; }
#influencer-customer { stroke-dasharray:300; stroke-dashoffset:300; }
#influencer-customer.active { stroke-dashoffset:0; }
#employee-customer { stroke-dasharray:345; stroke-dashoffset:345; }
#employee-customer.active { stroke-dashoffset:0; }
.hero-icon { height:25%; left:34%; position:absolute; top:55%; width:37%; opacity:0; }
.hero-icon.fadeIn { opacity: 1; }
#influencer.hero-icon { left:5%; top:64%; width:31%; }
#influencer.active .icon-symbol { left:27%; top:44%; }
#influencer .icon-label { left:-27%; width:37%; }
#customer.hero-icon { left:57%; top:87%; width:22%; }
#customer.active .icon-symbol { left:64%; top:25%; }
#customer .icon-label { left:98%; top:14%; width:50%; }
#employee.hero-icon { left:79%; top:40%; width:15%; }
#employee.active .icon-symbol { left:20%; top:27%; width:42%; }
#employee .icon-label { left:40%; top:-22%; width:62%; }
.hero-icon-image { background:rgba(0, 0, 0, 0) url("/assets/uploads/images/home/hero-icon-bg.svg") no-repeat scroll 0 0 / 100% auto; left:0; padding:10px; position:absolute; top:0; width:96%; }
.icon-circle {left:0; position:absolute; top:0; width:100%; z-index:1; }
.icon-person { height:auto; left:0; position:relative; top:0; width:100%; z-index:2; -moz-backface-visibility: hidden; }
.icon-symbol { opacity:0; width:10%; left:auto; right:3%; position:absolute; top:67%; z-index:3; }
.icon-symbol, .icon-symbol * { -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; }
.icon-symbol img { bottom:0; left:-50%; position:absolute; width:100%; }
.active .icon-symbol { width:35%; opacity:1; }
#prospect.active .icon-symbol { opacity:0; width:10%; }
#prospect.active .icon-symbol.intro { opacity:1; width:31%; left:26%; top:53%; }
#prospect.active2 .icon-symbol { left:74%; opacity:1; top:55%; width:31%; }
#prospect.active2 .icon-symbol.intro { opacity:0; width:10%; }
.icon-symbol.intro { left:24%; right:auto; top:44%; }
.icon-label { width:30%; left:-20%; position:absolute; top:15%; opacity:0; }
.active .icon-label { opacity:1; }
@media screen and (max-width:1250px) {
	.hero-section.hero_home_page_animation { height:422px; }
}
@media screen and (max-width:1000px) {
	.hero-section.hero_home_page_animation { height:360px; }
}
@media screen and (max-width:900px) {
   .hero-icon-wrap { left:16%; top:0; width:75%; max-width:none; height:100%; } 
   .hero-icon-image { padding:5px; }
	.hero-icon-wrap-mobile { height:400px; position:absolute; top:200px; width:100%; }
	.hero-section.hero_home_page_animation { height:600px; }
	.hero-section.hero_home_page_animation .hero-row { margin-top:0; }
}
@media screen and (max-width:767px) {
    .hero_home_page_animation_bg_svg { width:250%; }
	.hero-icon-wrap-mobile { height:328px; }
	.hero-section.hero_home_page_animation { padding:10px 0 0; }
}
@media screen and (max-width:625px) {
	.hero-icon-wrap-mobile { height:300px; }
	.hero-section.hero_home_page_animation { height:560px; }
}
@media screen and (max-width:300px) {
	.hero-icon-wrap-mobile { top:300px; }
	.hero_home_page_animation_bg_svg { width:350%; }
	.hero-icon-wrap-mobile { height:230px; }
	.hero-icon-wrap { left:8%; top:0; width:90%; max-width:none; height:100%; } 
}
.smil .hero-main-img { display:none; }
.no-smil .hero_home_page_animation_bg, .no-smil .hero-icon-wrap-mobile { display:none; }
.no-smil .hero-section.hero_home_page_animation { height:auto; overflow:visible; }
.no-smil .hero_text_left_image_right .hero-main-img { margin-right:0; width:53%; }
@media screen and (max-width:972px) {
    .no-smil .hero_text_left_image_right .hero-main-img { width:100%; max-width:100%; }
    .no-smil .hero_text_left_image_right .hero-row { padding-bottom:20px; }
}
.hero-section .hero-button { padding:6px 23px; }
.hero_text_left_image_right h1 { font-size:36px; line-height:46px; font-weight:300; }
.company__icon-play { width:20px; height:20px; margin-top:5px; }
.company__icon-play__path { fill:#42b4d5; }

/* Why Choose Lithium */     
.why-choose-lithium, .our-solutions-banner { background-color:#262626; padding:100px 0 120px; text-align:center; }        
.our-solutions-banner { padding-bottom:110px; }
.why-choose-lithium .css__title1 { font:300 44px/60px "lato",sans-serif; text-align:center; margin:0 0 70px; padding-bottom:0; }
.feature-intro { display:inline-block;  max-width:354px;  padding-top:41px;  text-align:left; }
.feature-intro h5 { color:#fff; font:300 30px/40px "lato",sans-serif; }
.feature-item h4, .feature-item a { font:300 22px/30px "lato",sans-serif; display:table-cell; height:170px; text-align:center; vertical-align:middle; width:170px; box-sizing:border-box; padding:12px; }
.feature-item.item-1, .feature-item.item-1 a { color:#e85246; }
.feature-item.item-2, .feature-item.item-2 a { color:#eb6d47; }
.feature-item.item-3, .feature-item.item-3 a { color:#f09248; }
.feature-item.item-4, .feature-item.item-4 a { color:#f6b949; }
.feature-item.item-5, .feature-item.item-5 a { color:#f9d24a; }
.feature-item.item-1 a .tr__tiles__i__txt__link__arrow__path { fill:#e85246; }
.feature-item.item-2 a .tr__tiles__i__txt__link__arrow__path { fill:#eb6d47; }
.feature-item.item-3 a .tr__tiles__i__txt__link__arrow__path { fill:#f09248; }
.feature-item.item-4 a .tr__tiles__i__txt__link__arrow__path { fill:#f6b949; }
.feature-item.item-5 a .tr__tiles__i__txt__link__arrow__path { fill:#f9d24a; }
.feature-item a { position:relative; z-index:1; text-decoration:none;}
.why-choose-lithium .sp__button-blue { color:#262626 !important; background-color:#42b4d5; padding:13px 32px 12px; margin:70px auto 0; transition:all 400ms;  }
.banner-tpl-full.homepage_2016:hover .sp__button-blue, .why-choose-lithium .sp__button-blue:hover { background:#51c9ec; }
.features { text-align:justify; }
.features .justify-clear { display:inline-block; }
.feature-item { position:relative; width:170px; height:170px; margin:0; display:inline-block; vertical-align:top; opacity:0; }
.feature-item svg { position:absolute; width:100%; height:100%; top:0; left:0; }
.feature-item a svg { float:none; height:14px; margin:11px 0 0 6px; position:relative; width:14px; }
.feature-item svg.circleFill { z-index:1; stroke-dasharray:560; stroke-dashoffset:560; -webkit-transition:all 1s; transition:all 1s; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }
.feature-item svg.circleFill.filled { stroke-dashoffset:38.5; }
.feature-item.hover .circleFill circle { stroke:#42b4d5; }
.feature-item.hover, .feature-item.hover a { color:#42b4d5; }
.feature-item.hover-active * { transition:all 200ms; }
.feature-item.hover a .tr__tiles__i__txt__link__arrow__path { fill:#42b4d5; }
.feature-item svg.circleTrack { z-index:0;}            
@media screen and (max-width:972px) {
    .why-choose-lithium .features { max-width:400px; }
    .feature-intro { display:block; max-width:none; width:100%; margin-bottom:30px; text-align:center; }
    .features { margin:0 auto; max-width:650px; }
    .feature-item { margin-bottom:20px; }
}
@media screen and (max-width:767px) {
    .feature-item .circleFill { display:none; }
    .feature-item h4, .feature-item a { width:auto; height:auto; display:block; text-align:left; color:#FFF; padding:0; }
    .feature-item a { display:inline; }
    .feature-item h4 { background:url(/assets/uploads/images/home/why-lithium-check.png) no-repeat 0 6px; padding-left:25px; }
    .why-choose-lithium { padding-top:75px; }
    .feature-item { display:block; height:auto; width:100%; max-width:315px; margin:0 auto 20px; }
    .why-choose-lithium .sp__button-blue { margin-top:25px; }
    .why-choose-lithium .css__title1 { margin-bottom:40px; }
}
/* Platform */
.lithium-platform { background-color:#6b3c7c; color:#ffffff; text-align:center; padding-top:80px; padding-bottom:80px; }
.lithium-platform h2 { font:300 44px/60px "lato",sans-serif; padding-bottom:15px; }
.lithium-platform .subhead { font:300 18px/26px "lato",sans-serif; max-width:800px; margin:0 auto 80px; }
.platform-devices { position:relative; width:100%; max-width:930px; }
.platform-laptop-bg { width:100%; }
.platform-screen { left:0; position:absolute; top:5.5%; width:100%; opacity:1; transition:opacity 400ms; }
.platform-screen.inactive { opacity:0; }
.platform-screen a { display: block; height: 100%; margin: 0 auto;  max-width: 733px; overflow: hidden; width: 78.75%; position:relative; }
.platform-screen img { transition:margin-left 250ms linear, opacity 250ms linear;; -webkit-transition:margin-left 250ms linear, opacity 250ms linear; margin-left:0; position:absolute; top:0; left:0; opacity:1; }
.platform-screen img.intro { margin-left:100%; opacity:0; }
.platform-screen img.first { position: relative; opacity:1; width:100%; }
.platform-screen img.first.inactive { opacity:0; }
.platform-buttons { max-width:400px; margin:0 auto; }
.platform-buttons li { background-color:#60366f; border-radius:2px; margin-bottom:1px; }
.platform-buttons li.platform-title { background:none; }
.platform-buttons a { display:table; width:100%; color:#FFFFFF; text-decoration:none; }
.platform-link-icon, .platform-link-text { display:table-cell; vertical-align:middle; box-sizing:border-box; }
.platform-link-icon { padding:12px 15px 12px 25px; width:90px; }
.platform-link-icon svg { width:44px; height:44px; }
.platform-link-icon path { fill:#FFFFFF; }
.platform-link-text { text-align:left; }
.platform-link-headline { display:block; text-transform:uppercase; font:700 15px/22px "lato",sans-serif; text-align:left; color:#502d5d; margin-bottom:10px; margin-top:15px; }
.platform-link-headline.first { margin-top:0; }
.platform-link-details { font:300 22px/31px "lato",sans-serif; }
.platform-buttons li.platform-title::after { display: none; }

@media screen and (min-width:768px) {
	.platform-container { display:table; position:relative; width:100%; }
	.platform-buttons { box-sizing:border-box; float:left; margin:0; position:relative; right:60%; top:0; width:40%; max-width:none; }
	.platform-devices-wrap { box-sizing:border-box; float:left; left:40%; position:relative; top:0; width:60%; overflow:hidden; }
	.platform-devices { width:785px; }
	.lithium-platform .g-wrapper { padding-right:0; }
	.platform-buttons ul { float:right; max-width:400px; width:100%; }
	.platform-buttons li { background-color:transparent; position:relative; transition:background-color 250ms linear; }
	.platform-buttons li:after { left:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:transparent;	border-left-color:transparent; border-width:16px; margin-top:-16px; transition:border-left-color 250ms linear; -webkit-transition:border-left-color 250ms linear; }
	.platform-buttons li a { transition:color 250ms linear; -webkit-transition:color 250ms linear; }
	.platform-link-icon path { fill:color 250ms linear; -webkit-transition:fill 250ms linear; }
	.platform-buttons li.selected:after { border-left-color:#502d5d; }
	.platform-buttons li.selected { background-color:#502d5d; }
	.platform-buttons li.selected a { color:#ffffff; }
	.platform-buttons li.selected .platform-link-icon path { fill:#ffffff; }
}

.platform-devices-mobile { display:none; }
.platform-devices-mobile img { width:100%; }

@media screen and (min-width:972px) {
    .platform-devices-wrap { left:50%; width:50%; }
    .platform-buttons { right:50%; width:50%; }
    .lithium-platform .g-wrapper { max-width:1900px; padding:0; }
    .platform-devices { width:785px; }
}
@media screen and (max-width:767px) {
    .platform-devices { display:none; }
    .platform-devices-mobile { display:block; }
}
@media screen and (min-width:1200px) {
    .platform-devices { width:930px; }
}
/* Customer Stories */
#customer-stories { background-color:#3090b2; position:relative; transition:background-color 400ms linear; }
#customer-stories .hero-button { background-color:white; border:0 none; border-radius:3px; box-sizing:border-box;    color:#43b4d5;    display:inline-block;    font-family:"lato",sans-serif;    font-size:15px;    font-weight:700;    margin-bottom:10px;    min-width:172px;    padding:12px 23px;    position:relative;    text-align:center;    text-decoration:none;    text-transform:uppercase; }
#customer-stories .hero-button:hover { color:#3090b2; }
.customer-stories-description { transition:margin-top 300ms ease, margin-bottom 300ms ease, opacity 300ms ease; opacity:0;  }
.customer-stories-details .customer-stories-description { margin-top:30px; }
.customer-stories-description.active { margin-top:0; opacity:1; }
.customer-stories-description h4 { font:300 30px/40px "lato",sans-serif; text-align:center; color:#FFFFFF; }
.customer-stories-description.intro h4 strong { opacity:0; }
.customer-stories-description h4 strong { font-size:125px; line-height:125px; display:block; color:#f8d249; font-weight:700; opacity:1; padding-bottom:53px; background:url(/assets/uploads/images/home/rotator-squiggle.png) no-repeat center bottom; background-size:230px auto; }
#customer-stories-logos { margin:0 auto; max-width:560px; width:50%; }
.customer-stories-image img { display:block; max-width:578px; width:100%; margin:0 auto; } 
.customer-stories-btn { text-align:center; margin:20px 0; }
.swipe-wrap .item img { width:100%; max-width:240px; }
.swipe-wrap { width:100%; margin-left:0; position:relative; }

.customer-stories-prev, .customer-stories-next { background:url(/assets/uploads/images/home/customer-stories-nav.png) no-repeat -14px -12px; display:block; width:20px; height:32px; position:absolute; left:10px; top:29px; z-index:6; background-size:49px auto; } 
.customer-stories-next { background-position:-14px -52px; left:auto; right:10px; }
.customer-stories-details { display:none; }
.customer-stories-details.active { display:block; }
#customer-story-1.intro .customer-stories-description { opacity:0; margin-top:50px; }
.customer-stories-indicators { margin: 0 0 10px; text-align: center; }
.customer-stories-indicators div { opacity:.5; transition:opacity 200ms linear; display:inline-block; margin:0 3px; cursor:pointer; }
.customer-stories-indicators div.selected { opacity:1; }
.swipe-wrap .item a { text-align:center; }
@media screen and (max-width:1023px) {
    .swipe-wrap .item-links { display:table; width:100%; position:relative; top:0; left:0; }
    .swipe-wrap .item a { display:none; padding:7px; width:100%; box-sizing:border-box; }
    .swipe-wrap .item a.selected { display:block; }
	.customer-stories-prev, .customer-stories-next { background-position: -2px -12px; background-size: 60px auto;  height: 36px; top: 55px; width: 56px; }
    .customer-stories-next { background-position:-2px -69px; }
}
@media screen and (max-width:300px) {
    .customer-stories-prev, .customer-stories-next { top: 42px; }
}
@media screen and (min-width:1024px) {
    .customer-stories-indicators { display:none; }
    .customer-stories-prev, .customer-stories-next { background:url(/assets/uploads/images/home/customer-stories-nav.png) no-repeat -30px -29px; display:block; width:39px; height:64px; position:absolute; left:5%; top:50%; z-index:6; background-size:auto auto; } 
    .customer-stories-next { background-position:-30px -120px; left:auto; right:5%; }
    .customer-stories-prev, .customer-stories-next { opacity:0;  transition:opacity 200ms linear;}
    .customer-stories-prev.hover, .customer-stories-next.hover { opacity:1; }
    .customer-stories-details.active { display:table; position:relative; width:100%; }
    .customer-stories-image { box-sizing:border-box; float:left; margin:0; position:relative; right:35%; top:0; width:65%; max-width:none; }
    .customer-stories-description { box-sizing:border-box;  float:left;  left:65%;  position:relative;  top:0;  width:35%; overflow:hidden; padding-top:55px; }
    .swipe-wrap { display:table; width:100%; }
    .swipe-wrap .item { display:table-cell; width:50%; }
    .swipe-wrap .item-links { display:table; width:100%; }
    .swipe-wrap .item a { display:table-cell; padding:7px; width:16.6%; box-sizing:border-box; }
    #customer-stories-logos { max-width:none; width:90%; }
    .swipe-wrap .item img { max-width:none; }
    .swipe-wrap .item a { padding:65px 10px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
    .item-links a { background-color:rgba(0, 0, 0, 0); transition:background-color 400ms linear; }
    .item-links a.selected, .item-links a:hover { background-color:rgba(0, 0, 0, 0.1); }
}

#customer-stories { background-color:#3090b2; }

@media screen and (max-width:767px) {
	.top-resources .tr__title { text-align: center; }		
}

/* Footer */
.foot__menu {background-color:#43b4d5; }            
.foot__menu__i:hover { background-color:#5ecff0; }
.foot__menu__i._center { border-left:none; border-right:none; }
.menu__cols__i br { line-height:35px; }
.menu__cols__i__a { font-weight:300; }
.foot__content.disclaimer { padding-top:0; }
.foot__content.disclaimer hr { background:none; border:none; border-top:1px solid #1b1b1b; margin:0 0 50px 0; }
.foot__small-menu { float:left; }
.foot__menu__i { border-bottom:none; }
.foot__social__hint { margin:10px 15px 0 0; }
.foot__social_community .foot__social__i { opacity:1; }
.foot__social_community { margin-top:5px; }
.foot__social__i { margin-right:20px; }
@media screen and (max-width:992px) {
    .foot__social__i { margin-right:10px; }
    .foot__social_community { display:inline; }
    .foot__social { max-width:40%; }
}
@media screen and (max-width:768px) {
    .foot__social { max-width:none; }
}