.type-icon,.type-wrap{
	vertical-align:middle
}

.hvr-grow,.hvr-shutter-out-horizontal,.hvr-wobble-horizontal{
	-moz-osx-font-smoothing:grayscale
}

.font-weight-italic,.italic,.login,.price-tag-line,.pricing-table-focus .price-footer,.pubble-direct-message a,.quote-text p,.signup-pubble p.lead{
	font-style:italic
}

.login a,.panel-heading-signup a,.pubble-direct-message a{
	text-decoration:underline
}

h1,h2,h3,h4,h5,h6{
	font-weight:400;
	color:#022C44
}

.text-center{
	text-align:center
}

.double-bounce1,.double-bounce2{
	background-color:#19BCF2
}

.btn-primary-pricing{
	color:#19bcf2;
	border:2px solid #19bcf2;
	border-radius:25px;
	display:inline-block;
	font-family:Raleway,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:1px;
	line-height:1;
	padding:14px 28px 13px;
	text-transform:uppercase
}

.btn-primary-pricing:hover{
	background-color:#19BDF3;
	color:#fff;
	border:2px solid #19bcf2
}

.btn-primary{
	color:#19bcf2;
	border:2px solid #19bcf2
}

.btn-primary-blue{
	border:2px solid #19BCF2;
	background:0 0;
	color:#19BCF2
}

.btn-primary-blue:hover{
	border:2px solid #19BCF2!important;
	background:#19BCF2!important;
	color:#f6f6f6!important
}

.btn-white{
	color:#fff;
	border:2px solid #fff
}

.btn-primary:hover{
	border:2px solid #fff;
	background:#fff;
	color:#196384
}

.btn-primary:active,.btn-primary:focus{
	background-color:#19BCF2
}

.btn-facebook,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover{
	background-color:#3276B1
}

.btn-facebook{
	width:100%;
	color:#fff;
	margin-bottom:8px;
	margin-top:28px;
	padding:9px
}

.btn-twitter,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover{
	background-color:#3CF
}

.btn-twitter{
	width:100%;
	color:#fff;
	margin-bottom:16px;
	padding:8px
}

.second-menu,.third-menu{
	padding-top:14px;
	margin-top:14px;
	border-top:1px solid #aaa
}

.offscreen-container .third-menu li,.third-menu{
	margin-bottom:0
}

.expanding-ul .title strong{
	font-size:18px;
	font-weight:400;
	color:#333
}

.error input{
	background:#FFF0F0;
	color:#d95c5c;
	border-color:#DC6868;
	border-left:4px solid #DC6868
}

.pubble-bot-white,.type-icon{
	background-size:contain;
	background-repeat:no-repeat
}

.third-menu{
	border-bottom:1px solid #aaa;
	padding-bottom:10px
}

.navigation-logo p{
	color:#096584;
	padding-left:0;
	font-size:28px;
	opacity:.7;
	margin-top:4px
}

.no-left-padding{
	padding-left:0
}

.inner-link-blue{
	color:#29BCEE!important
}

.offscreen-container .social-icons{
	bottom:0
}

.offscreen-container .menu li{
	margin-bottom:10px
}

.margin-bottom-10{
	margin-bottom:10px!important
}

nav hr{
	border-color:rgba(255,255,255,1) -moz-use-text-color -moz-use-text-color;
	border-width:2px
}

.offscreen-container .menu li .inner-link-main{
	color:#fff;
	display:inline-block;
	font-family:Raleway,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:1px;
	line-height:14px;
	text-transform:uppercase;
	transition:all .5s ease 0s
}

#homepage-feature-slider h4,#one-app-four-uses h1{
	font-family:'Indie Flower',cursive
}

.overlay-bar.nav-sticky .menu li .inner-link-main{
	color:#fff
}

.inner-link-sub{
	display:block;
	margin-left:20px
}

.type-icon,.type-wrap,.type-wrap span{
	display:inline-block
}

.fullscreen-element-pubble{
	background-color:#1292BF;
	min-height:520px
}

.pubble-bot-white{
	width:300px;
	height:140px;
	margin:0 auto;
	background-image:url(../img/pubble-bot-white.png);
	background-position:center center;
	padding-top:110px
}

.type-wrap{
	background-color:#fff;
	border:2px solid #022c44;
	margin-right:10px;
	width:220px;
	padding:18px 24px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px
}

.type-icon{
	background-image:url(../img/say-hello-icon.png);
	width:64px;
	height:66px
}

.wrap-margin-bottom{
	margin-bottom:40px
}

.main-header-title{
	margin-top:50px
}

.pubble-header-padding{
	padding-top:140px
}

header.centered-text h1{
	font-size:54px;
	font-weight:700;
	line-height:64px
}

.image-divider.overlay::before,.overlay::before,header.fullscreen-element .overlay::before{
	background-color:transparent
}

.overlay:after{
	opacity:0
}

header.signup-pubble{
	padding:20px
}

header.centered-text .btn-primary-white-submit,header.centered-text .btn-primary-white-submit:hover{
	padding:20px 24px;
	margin-top:20px
}

.btn-login-signup{
	background-color:#022C44;
	border-color:#022C44;
	color:#fff
}

.btn-login-signup:active,.btn-login-signup:focus,.btn-login-signup:hover{
	background-color:#011E2D;
	border-color:#011E2D
}

#what-is-pubble{
	padding-bottom:40px
}

#what-is-pubble h3{
	font-size:20px;
	margin-left:20px
}

#what-is-pubble .media-holder iframe{
	margin-top:0
}

#one-app-four-uses{
	background:#17A7D9
}

#one-app-four-uses h1{
	margin-top:30px;
	font-size:42px;
	color:#fff
}

#one-app-four-uses .four-powerful-uses:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

#one-app-four-uses .four-powerful-uses{
	padding-left:100px;
	background-image:url(../img/four-powerful-uses-arrow.png);
	background-repeat:no-repeat;
	background-position:center 10px left;
	background-size:contain
}

#one-app-four-uses .four-powerful-uses .feature{
	background-color:#fff;
	padding:10px;
	margin:10px 0;
	border:2px solid #022C44;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px
}

#one-app-four-uses .four-powerful-uses .feature-top{
	margin-top:0
}

#one-app-four-uses .four-powerful-uses .feature-bottom{
	margin-bottom:0
}

#one-app-four-uses .four-powerful-uses .feature h6{
	width:100%;
	font-size:32px;
	margin:10px 0;
	padding-left:20px;
	background-image:url(../img/sketch-arrow-navy-right.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-position-x:right;
	background-size:50px
}

#one-app-four-uses .four-powerful-uses .feature i{
	color:#022C44;
	padding-right:30px
}

#one-app-four-uses .one-app-description{
	position:relative
}

#one-app-four-uses .one-app-description-text{
	position:absolute;
	top:100px;
	padding:40px 90px
}

#one-app-four-uses .one-app-description-text h3{
	color:#fff;
	margin-bottom:40px
}

#one-app-four-uses .one-app-description-text p{
	color:#fff
}

#homepage-feature-slider{
	background-color:#022C44;
	background-image:url(../img/hero9.jpg);
	background-repeat:no-repeat
}

#homepage-feature-slider.table{
	display:table;
	margin:0 auto
}

#homepage-feature-slider ul#horizontal-list{
	min-width:320px;
	list-style:none;
	padding-top:20px
}

#homepage-feature-slider ul#horizontal-list li{
	display:inline
}

#homepage-feature-slider h1{
	color:#fff;
	text-align:center
}

#homepage-feature-slider h4{
	color:#fff;
	text-align:center;
	margin-top:40px;
	font-size:24px
}

#homepage-feature-slider .feature-slider-item{
	background-color:#0B4768;
	width:134px;
	height:134px;
	padding:20px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	margin:20px;
	text-align:center
}

#homepage-feature-slider .feature-slider-item-2{
	padding-top:28px
}

#homepage-feature-slider .feature-slider-item-3{
	padding-top:36px
}

#homepage-feature-slider .feature-slider-item i{
	color:#fff;
	text-align:center;
	display:block;
	margin-bottom:8px;
	font-size:24px
}

#homepage-feature-slider .feature-slider-item h6{
	color:#fff;
	text-align:center;
	font-size:18px
}

#homepage-feature-slider .features-wrapper a{
	width:100px;
	height:100px;
	border:1px solid #ccc;
	display:inline-block;
	vertical-align:middle
}

#homepage-feature-slider .features-wrapper{
	text-align:center;
	font-size:20px;
	letter-spacing:35px;
	white-space:nowrap;
	line-height:12px;
	overflow:hidden
}

.flex-direction-nav a{
	background:#fff!important;
	opacity:1!important
}

.arrow_box,.flex-direction-nav a:hover{
	background:#fff
}

.flex-direction-nav a::before{
	color:#022C44;
	background:#fff
}

.slide-container{
	padding-left:60px;
	padding-right:60px
}

.video-inline{
	padding-bottom:0
}

.space-bottom-medium{
	font-weight:400px
}

#team-messaging-p:hover+#display-image-realtime,#team-messaging-p:hover+#display-image-team{
	display:block
}

.messaging-features ul{
	display:inline-block;
	position:relative;
	padding-top:80px
}

#display-image-background,.messaging-features img{
	left:100%;
	position:absolute;
	top:0;
	max-width:160%;
	min-width:160%
}

.messaging-features img{
	display:none
}

.messaging-features .feature-icon-small:hover img:hover,.messaging-features .feature-icon-small:hover+img{
	display:block;
	z-index:10
}

.product-right{
	height:570px
}

.ipad-feature-display{
	margin-top:80px
}

.ipad-feature-text{
	border:2px solid #ccc;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	width:90%;
	padding:14px
}

#display-image-background{
	display:block;
	z-index:0
}

.ipad-feature-display-image img{
	margin-top:40px
}

.arrow_box{
	position:relative;
	border:2px solid #022c44
}

.arrow_box:after,.arrow_box:before{
	left:100%;
	top:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}

.arrow_box:after{
	border-color:rgba(255,255,255,0);
	border-left-color:#fff;
	border-width:20px;
	margin-top:-20px
}

.arrow_box:before{
	border-color:rgba(2,44,68,0);
	border-left-color:#022c44;
	border-width:23px;
	margin-top:-23px
}

.product-action{
	height:520px;
	background-color:#022C44;
	background-image:url(../img/hero9.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}

.product-action h1{
	font-size:42px;
	margin-bottom:20px
}

.product-action p{
	font-size:18px;
	color:#fff
}

.product-action img{
	top:50px
}

#pubble-features{
	padding-bottom:10px;
	padding-top:0
}

#pubble-features-top,.persistent,section.analytics{
	padding-top:40px;
	padding-bottom:40px
}

#pubble-features h1{
	margin-bottom:0;
	margin-top:30px
}

#pubble-features-top{
	background:#f6f6f6
}

.persistent{
	background:#fff
}

section.pubble-other-features-2{
	padding-top:40px;
	padding-bottom:0
}

section.pubble-other-features-3{
	padding-top:40px;
	padding-bottom:40px
}

.duplicatable-content .feature{
	margin-bottom:40px
}

.feature-icon-small i{
	color:#19bcf2;
	padding:2px
}

.icon-inline-features{
	display:table;
	margin-bottom:20px
}

.icon-inline-features h6,.icon-inline-features i{
	display:table-cell;
	vertical-align:middle
}

.icon-inline-features h6{
	padding-left:20px
}

.clients-2 .flex-direction-nav,.pricing-title-mobile{
	display:none
}

.primary-features{
	background:#19BCF2
}

.analytics,.pubble-bot-main{
	background-repeat:no-repeat;
	background-size:contain
}

.analytics{
	background-image:url(../img/analytics-bg.png);
	background-position:center left;
	background-color:#022C44
}

#pubble-benefits,.pubble-bot-main{
	background-position:center center
}

.analytics .analytics-illus img{
	width:220px
}

.pubble-bot-main{
	width:300px;
	height:140px;
	margin:0 auto;
	background-image:url(../img/pubblebot-lrg.png);
	padding-top:110px
}

.pubble-bot-main img{
	width:140px;
	margin:0 auto
}

.wrap-margin-left{
	margin-left:120px
}

#pubble-benefits{
	background-image:url(../img/benefit-bg.png);
	background-size:100px
}

#pubble-benefits .title span strong{
	color:#333
}

.expanding-ul .title{
	background:url(../img/green-plus.png) center right 10px no-repeat;
	background-position-x:100%;
	background-size:contain;
	width:100%
}

#pubble-pricing,.bg-secondary-1{
	background-size:cover;
	background-repeat:no-repeat
}

.expanding-ul .active .title{
	background-image:none
}

.expanding-ul .title i{
	color:#19bcf2
}

.expanding-ul li{
	text-align:left
}

.expanding-ul li .title img{
	width:30px;
	margin-right:30px
}

.expanding-ul .title span{
	bottom:0
}

#pubble-pricing{
	padding-top:40px;
	padding-bottom:40px;
	background-color:#19BCF2;
	background-image:url(../img/hero8.jpg)
}

.pricing-tables{
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	-o-border-radius:40px
}

.pricing-table-br-left{
	border-radius:40px 0 0 40px;
	-moz-border-radius:40px 0 0 40px;
	-webkit-border-radius:40px 0 0 40px;
	-o-border-radius:40px 0 0 40px
}

.pricing-table-br-right{
	border-radius:0 40px 40px 0;
	-moz-border-radius:0 40px 40px 0;
	-webkit-border-radius:0 40px 40px 0;
	-o-border-radius:0 40px 40px 0
}

.pricing-table-title{
	margin-top:34px;
	font-size:32px
}

.pricing-table{
	background:#fff;
	min-height:726px
}

.pricing-table .price{
	padding:30px;
	height:176px
}

.pricing-table .price .sub{
	font-size:22px;
	bottom:0;
	color:#999
}

.amount-light{
	color:#999!important
}

.pricing-table .price .amount{
	margin-top:14px;
	color:#999
}

.pricing-table .price .amount-sm{
	font-size:28px;
	color:#777;
	text-transform:uppercase;
	margin-top:14px;
	margin-bottom:23px
}

.price-tag-line{
	font-weight:100;
	margin-bottom:10px
}

.pricing-table .features{
	margin-top:0;
	margin-bottom:40px
}

.pricing-table .features-focus li{
	margin:0;
	padding:6px;
	border-bottom:1px solid rgba(255,255,255,.2);
	text-align:center;
	font-size:14px;
	color:#fff
}

.pricing-table .features-light li{
	margin:0;
	padding:6px;
	border-bottom:1px solid rgba(0,0,0,.1);
	text-align:center;
	font-size:14px;
	color:#999
}

.pricing-table .price .sub-table-focus,.pricing-table-focus p{
	color:#fff
}

.pricing-table .price-light{
	border-bottom:2px solid rgba(0,0,0,.1)
}

.price-bold{
	font-weight:700;
	font-size:16px
}

.pricing-table-focus{
	background-color:#022C44
}

.pricing-table .features-light li{
	background-color:#f6f6f6
}

.empty-feature{
	height:48px
}

#pubble-clients div .flexslider{
	box-shadow:none;
	margin-bottom:0
}

.clients-2{
	padding:64px 0 40px
}

.clients-2 img{
	opacity:1
}

.clients-2 img:hover{
	opacity:.6
}

header.signup{
	padding:120px 0
}

.photo-form-wrapper input{
	font-size:16px;
	color:#777;
	border:2px solid #fff;
	background:rgba(255,255,255,1);
	margin-bottom:10px
}

.photo-form-wrapper input[type=submit]{
	color:#fff;
	background:#00bb41;
	border:2px solid #fff;
	font-size:16px
}

.photo-form-wrapper input[type=submit]:hover{
	background:#13c952
}

.signup-title{
	color:#fff;
	margin-bottom:40px
}

header.signup .photo-form-wrapper{
	margin-top:30px;
	margin-bottom:30px
}

header.signup-pubble{
	padding-top:70px;
	padding-bottom:70px;
	background:#022C44
}

header.signup-pubble .photo-form-wrapper .btn{
	padding-top:19px;
	padding-bottom:19px;
	border-radius:50px;
	max-width:250px
}

footer{
	padding-bottom:20px
}

footer.details .sub{
	margin-top:20px
}

.contact-details-footer{
	margin-bottom:60px
}

.contact-details-footer h1{
	margin-bottom:40px
}

.pubble-direct-message{
	margin-bottom:14px
}

.pubble-direct-message a{
	color:#19BCF3;
	cursor:pointer
}

.pubble-contact-email,.pubble-contact-phone{
	margin-bottom:10px
}

.contact-details-footer .pubble-contact-address span,.contact-details-footer .pubble-contact-email span,.contact-details-footer .pubble-contact-phone span{
	display:inline-block;
	color:#333;
	margin-right:8px;
	font-size:22px;
	vertical-align:top;
	padding-top:4px
}

.contact-details-footer .pubble-contact-address p,.contact-details-footer .pubble-contact-email p,.contact-details-footer .pubble-contact-phone p{
	display:inline-block
}

.pubble-footer-menu{
	margin-top:64px
}

.pubble-footer-menu li{
	display:inline-block;
	margin-right:20px
}

.pubble-footer-menu li a{
	font-weight:700;
	color:#19BCF2
}

.copyright-footer{
	border-top:1px solid #ccc
}

header.centered-text .btn{
	margin-bottom:20px
}

#pubble-clients-mobile{
	display:none
}

.feature-icon-left .feature-text{
	width:auto
}

.feature i{
	color:#19BCF2
}

.side-image .content{
	padding-bottom:0
}

img.phone-portrait{
	max-height:600px
}

.price-tag-line{
	color:#999
}

.social-icons li{
	padding-bottom:10px
}

.home-pubble-logo{
	width:140px;
	margin-bottom:30px
}

.homepage-signup{
	margin-top:30px
}

.homepage-signup input{
	border:none;
	box-shadow:none;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	background:rgba(255,255,255,.85);
	border-radius:50px;
	padding:10px 24px 14px;
	margin-bottom:30px;
	margin-right:14px
}

.dictionary-definition h3,.dictionary-definition p{
	font-family:"Times New Roman",Times,serif
}

.page-header::before{
	background:0 0
}

.page-header-pubble-team{
	height:480px
}

.article-body h1{
	color:#006DA8
}

.team-1{
	padding-top:20px
}

.team-member-image{
	margin:0 auto;
	width:180px;
	height:180px;
	background-repeat:no-repeat;
	background-image:contain;
	position:relative
}

#team-member-shane{
	background-image:url(../img/team-small-1.png)
}

#team-member-john{
	background-image:url(../img/team-small-2.png)
}

#team-member-ross{
	background-image:url(../img/team-small-3.png)
}

#team-member-lenny{
	background-image:url(../img/team-small-4.png)
}

#team-member-alan{
	background-image:url(../img/team-small-5.png)
}

#team-member-gabi{
	background-image:url(../img/team-small-6.png)
}

#team-member-ioan{
	background-image:url(../img/team-small-7.png)
}

#team-member-ian{
	background-image:url(../img/team-small-8.png)
}

#team-member-lorraine{
	background-image:url(../img/team-small-9.png)
}

.team-pubble-characters{
	position:absolute;
	bottom:0;
	left:0;
	height:70px;
	width:70px;
	background-image:url(../img/team-pubble-sprite.png);
	background-color:#fff;
	border-radius:35px;
	border:2px solid #022c44;
	background-repeat:no-repeat
}

#team-pubble-shane{
	background-position:-294px -6px
}

#team-pubble-john{
	background-position:0 -6px
}

#team-pubble-ross{
	background-position:-516px -6px
}

#team-pubble-lenny{
	background-position:-585px -1px
}

#team-pubble-alan{
	background-position:-146px -6px
}

#team-pubble-gabi{
	background-position:-365px -7px
}

#team-pubble-ioan{
	background-position:-217px 5px
}

#team-pubble-ian{
	background-position:-72px -9px
}

#team-pubble-lorraine{
	background-position:-440px -6px
}

.article-single{
	background:#fff
}

.gradient-band{
	background:linear-gradient(to right,#5DDDEA 0,#017CBF 100%);
	height:1px;
	width:100%
}

.author-details{
	border-bottom:0
}

.article-body{
	border-bottom:1px solid #006DA8
}

.dictionary-definition{
	background-color:#19BCF3
}

.dictionary-definition h3{
	color:#fff;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #fff
}

.dictionary-definition p{
	color:#fff;
	font-size:18px
}

.about-pubble-main-description{
	background-color:#022C44
}

.about-pubble-main-description h3{
	text-align:center;
	color:#fff;
	font-weight:100;
	line-height:32px;
	margin-bottom:40px;
	font-size:24px
}

.about-pubble-main-title h3,.indie-flower{
	font-family:'Indie Flower',cursive;
	font-size:32px
}

.about-pubble-main-image img{
	text-align:center;
	width:140px;
	margin-top:30px
}

.6-reasons-mobile{
	background:red
}

#team-twitter-icon{
	font-size:20px
}

.team-1 .team-contact-details{
	margin-top:14px
}

.team-1 .team-contact-details a{
	display:block;
	text-align:center;
	margin-bottom:4px;
	color:#777
}

.team-1 .team-contact-details a span{
	display:inline-block;
	margin-right:8px;
	margin-top:3px;
	font-size:16px;
	color:#777
}

.team-1 .team-contact-details a i{
	display:inline-block;
	margin-right:4px;
	margin-top:3px;
	color:#777
}

section.user-cases{
	background-color:#19BDF3;
	min-width:100%;
	max-width:100%;
	padding-bottom:0;
	padding-top:0
}

section.user-cases #user-case-core,
section.user-cases #user-case-live,
section.user-cases #user-case-messenger,
section.user-cases #user-case-retail,
section.user-cases #user-case-twitter{
	background-repeat:no-repeat;
	background-position:center top -80px;
	padding-bottom:120px
}

section.user-cases #user-case-core{
	background-image:url(../img/core-clr.jpg)
}

section.user-cases #user-case-live{
	background-image:url(../img/live-clr.jpg)
}

section.user-cases #user-case-messenger{
	background-image:url(../img/messenger-clr.jpg)
}


section.user-cases #user-case-retail{
	background-image:url(../img/retail-clr.jpg)
}



section.user-cases #user-case-twitter{
	background-image:url(../img/twitter-clr.jpg)
}

.user-case-header{
	margin-left:16%;
	margin-right:16%;
	padding-top:180px;
	padding-left:30px;
	padding-right:30px;
	width:100%
}

.user-case-header h4{
	color:#fff;
	font-size:24px;
	margin-left:40px;
	margin-bottom:10px;
	text-align:left;
	margin-right:40px
}

.flexslider .user-case-header h1 span,.user-case-header h4 span{
	font-weight:700
}

.user-case-header-bubble{
	background-color:#fff;
	background-image:url(../img/benefit-bg.png);
	background-size:100px;
	background-position:center center;
	border:2px solid #022C44;
	padding:40px 40px 60px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px
}

.user-case-header-bubble h3{
	text-align:center;
	font-size:24px;
	margin-top:30px
}

.user-case-header-bubble p{
	padding-top:20px;
	color:#fff;
	font-style:italic;
	font-size:22px
}

.user-case-header h1{
	margin-bottom:0;
	font-weight:600;
	font-size:60px;
	text-align:center
}

.user-case-header p{
	text-align:center
}

.user-case-header h1 i{
	margin-right:20px;
	color:#022C44
}

.user-case-intro{
	background:#19BDF3
}

.user-case-intro h3{
	color:#fff;
	font-weight:300;
	text-align:center;
	line-height:42px;
	margin-bottom:0
}

.user-case-intro h3 span{
	font-weight:700
}

.use-benefits{
	overflow:visible;
	background:#fff;
	padding-top:40px;
	padding-bottom:40px
}

.user-case-video-inline{
	background:#f6f6f6;
	padding-top:40px;
	padding-bottom:40px
}

.user-case-feature-link{
	background:#19BCF3;
	padding:40px;
	height:100px
}

.flex-control-nav{
	position:static
}

.slide_text{
	background-color:transparent;
	background-color:rgba(0,0,0,.5);
	bottom:0;
	color:#fff;
	display:block;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	left:0;
	padding:1em;
	position:absolute;
	width:100%;
	border:0;
	zoom:1
}

.widget-arrow-left,.widget-arrow-right{
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
	padding-top:230px;
	height:20px;
	width:80px
}

.slide_title{
	font-size:1.2em;
	text-transform:uppercase
}

.slide_byline{
	font-size:.8em;
	display:block
}

.user-case-header-cont{
	display:table
}

.user-case-header,.user-case-header-arrow{
	vertical-align:middle;
	display:table-cell
}

.user-case-header-arrow{
	margin:0 40px
}

.widget-arrow-right{
	background-image:url(../img/sketch-arrow-right.png);
	vertical-align:middle
}

.widget-arrow-left{
	background-image:url(../img/sketch-arrow-left.png);
	vertical-align:middle;
	margin:0 auto
}

.arrow-nav-mobile{
	display:none
}

.widget-navigation{
	padding-top:0;
	padding-bottom:0
}

.widget-navigation ul{
	margin-bottom:0;
	width:100%;
	background:#022C44
}

#comm-nav,#live-nav,#messenger-nav,#twitter-nav{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center
}

.widget-navigation ul li{
	display:inline-block;
	list-style:none;
	width:25%;
	margin:0;
	text-align:center
}

.login-form label,.signup-label{
	text-align:left
}

.reasons-quotes .flexslider .flex-control-paging,.reasons-quotes .flexslider .flex-direction-nav,.reasons-to-use-section .reasons-to-use .6-reasons-mobile{
	display:none
}

.widget-navigation ul li a{
	height:100%;
	width:100%
}

.widget-navigation ul li a h4{
	font-size:24px
}

.widget-nav-title{
	background-color:#fff;
	padding:20px;
	margin:40px;
	border:2px solid #022C44;
	height:120px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px
}

.reasons-to-use-section .reasons-quotes .feature h5,.reasons-to-use-section .reasons-to-use h3{
	font-family:'Indie Flower',cursive;
	color:#fff;
	font-size:36px;
	margin-bottom:20px
}

#messenger-nav{
	background-image:url(../img/messenger-nav-clr-drk.jpg)
}

#comm-nav{
	background-image:url(../img/core-nav-clr-drk.jpg)
}

#live-nav{
	background-image:url(../img/live-nav-clr-drk.jpg)
}

#twitter-nav{
	background-image:url(../img/twitter-nav-clr-drk.jpg)
}

#comm-nav.active,#live-nav.active,#messenger-nav.active,#twitter-nav.active{
	background-image:url(../img/twitter-nav-clr.jpg)
}

.reasons-to-use-section{
	background-color:#19BDF3;
	padding-bottom:80px
}

.reasons-to-use-section .reasons-to-use{
	padding:0
}

.reasons-to-use-section .accordion{
	background:#fff;
	border:2px solid #022C44
}

.reasons-to-use-section .reasons-to-use h3{
	padding:20px 20px 20px 60px;
	background-image:url(../img/sketch-arrow-left.png);
	background-repeat:no-repeat;
	background-size:50px;
	background-position:left center
}

.reasons-to-use-section .reasons-quotes .feature h5{
	padding:20px 60px 20px 20px;
	background-image:url(../img/sketch-arrow-turn-down.png);
	background-repeat:no-repeat;
	background-size:34px;
	background-position:right center;
	width:470px
}

.reasons-to-use-section .reasons-questions{
	background-color:#022C44;
	background-image:url(../img/pubble-ask.png);
	background-size:60px;
	background-repeat:no-repeat;
	background-position:center right 20px;
	background-position-x:95%;
	background-position-y:center;
	padding:20px 80px 20px 20px;
	margin-bottom:30px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px
}

.reasons-to-use-section .reasons-questions h5{
	color:#fff;
	font-size:24px;
	margin-bottom:16px;
	margin-top:16px
}

.reasons-to-use-section .reasons-questions .text-content p{
	color:#fff
}

.reasons-to-use-section .expanding-ul{
	margin-bottom:30xpx
}

.reasons-to-use-section .expanding-ul .reasons-questions .title{
	background-image:none
}

.reasons-to-use-section .reasons-quotes h5{
	padding-left:20px;
	color:#022C44;
	font-size:24px
}

.features-arrow,.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover,.primary-features-widgets h1,.pubble-feature-link-cont p,.reasons-to-use-section .reasons-questions .feature p{
	color:#fff
}

.reasons-to-use-section .accordion li.active .text,.reasons-to-use-section.accordion .title{
	border-bottom:2px solid #022C44
}

.reasons-to-use-section .accordion li.active .title,.reasons-to-use-section.accordion .title:hover{
	background-color:#13c952
}

.reasons-to-use-section .perfect-for{
	background-color:#fff;
	padding:40px 0;
	min-height:380px;
	background-image:url(../img/perfect-for-bg.jpg);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center bottom 20px
}

.reasons-to-use-section .perfect-for .expanding-ul .title{
	background-image:url(../img/benefit-tick.png)
}

.reasons-to-use-section .perfect-for h1{
	font-family:'Indie Flower',cursive;
	font-size:42px
}

.reasons-quotes .flexslider{
	background:0 0;
	box-shadow:none;
	border:none
}

.user-case-nav-title{
	position:relative;
	background:0 0;
	border:4px solid transparent
}

.user-case-nav-title:after,.user-case-nav-title:before{
	top:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(255,255,255,0);
	border-top-color:transparent
}

.user-case-nav-title:after{
	border-width:14px;
	margin-left:-14px
}

.user-case-nav-title:before{
	border-width:20px;
	margin-left:-20px
}

.quote-text{
	width:80%;
	padding:20px;
	background:#fff;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border:2px solid #022C44
}

.quote-img,.quote-text{
	vertical-align:middle;
	display:inline-block;
	border-radius:40px
}

.quote-img,.quote-img img{
	width:70px;
	height:auto
}

.quote-text p{
	margin:0;
	padding:0;
	font-size:16px
}

.youtube,iframe{
	margin:40px auto 0
}

.quote-img{
	overflow:hidden;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border:2px solid #022C44
}

.pubble-bot-error{
	background-image:url(../img/pubblebot-error.png)
}

.pubble-header-404-padding{
	padding-top:200px
}

@keyframes fade{
	0%{
		opacity:1
	}

	33.333%,66.666%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

@keyframes fade2{
	0%{
		opacity:0
	}

	33.333%{
		opacity:1
	}

	100%,66.666%{
		opacity:0
	}

}

@keyframes fade3{
	0%,33.333%{
		opacity:0
	}

	66.666%{
		opacity:1
	}

	100%{
		opacity:0
	}

}

.primary-features-widgets{
	background-color:#022C44
}

#user-case-flexslider .user-case-video-inline h1{
	font-family:'Indie Flower',cursive;
	font-size:42px
}

.youtube{
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	display:block;
	overflow:hidden;
	transition:all 200ms ease-out;
	cursor:pointer
}

.youtube .play{
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ+CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=) center center no-repeat;
	background-size:64px 64px;
	position:absolute;
	height:100%;
	width:100%;
	opacity:.8;
	filter:alpha(opacity=80);
	transition:all .2s ease-out
}

.pubble-application-link-section,.pubble-feature-link-section{
	background-repeat:no-repeat;
	background-position-x:10%;
	background-position-y:center
}

.youtube .play:hover{
	opacity:1;
	filter:alpha(opacity=100)
}

section.user-case-navigation{
	padding:0
}

.pubble-feature-link-section{
	padding:0;
	background-color:#19BDF3;
	background-image:url(../img/feature-link-bg.png);
	background-size:80px;
	background-position:left 100px center
}

.features-arrow{
	background-image:url(../img/sketch-arrow-right.png);
	background-repeat:no-repeat;
	background-size:80px;
	background-position:center center;
	height:100%;
	width:80px;
	display:table-cell;
	vertical-align:middle
}

.pubble-feature-link{
	min-height:100%;
	min-width:100%;
	display:table
}

.pubble-feature-link-cont{
	display:table-cell;
	vertical-align:middle;
	padding-right:60px;
	padding-left:160px
}

.pubble-feature-link-cont p{
	padding:40px 0 0;
	font-size:22px;
	margin-bottom:0;
	font-family:'Indie Flower',cursive
}

.pubble-feature-link-cont h3{
	padding:0 0 40px
}

.pubble-application-link-section{
	padding:0;
	background-color:#022C44;
	background-image:url(../img/application-link-bg.png);
	background-size:100px;
	background-position:left 100px center
}

.hvr-grow{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px transparent;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform
}

.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}

.hvr-shutter-out-horizontal{
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	backface-visibility:hidden;
	position:relative;
	background:#e1e1e1;
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:.3s;
	transition-duration:.3s
}

.hvr-shutter-out-horizontal,.hvr-wobble-horizontal{
	display:inline-block;
	vertical-align:middle;
	box-shadow:0 0 1px transparent;
	-webkit-backface-visibility:hidden
}

.hvr-shutter-out-horizontal:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#011723;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:50%;
	transform-origin:50%;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}

.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}

.hvr-shutter-out-horizontal-light:before{
	border:2px solid #0b4768;
	background:#022C44;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px
}

@-webkit-keyframes hvr-wobble-horizontal{
	16.65%{
		-webkit-transform:translateX(8px);
		transform:translateX(8px)
	}

	33.3%{
		-webkit-transform:translateX(-6px);
		transform:translateX(-6px)
	}

	49.95%{
		-webkit-transform:translateX(4px);
		transform:translateX(4px)
	}

	66.6%{
		-webkit-transform:translateX(-2px);
		transform:translateX(-2px)
	}

	83.25%{
		-webkit-transform:translateX(1px);
		transform:translateX(1px)
	}

	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}

}

@keyframes hvr-wobble-horizontal{
	16.65%{
		-webkit-transform:translateX(8px);
		transform:translateX(8px)
	}

	33.3%{
		-webkit-transform:translateX(-6px);
		transform:translateX(-6px)
	}

	49.95%{
		-webkit-transform:translateX(4px);
		transform:translateX(4px)
	}

	66.6%{
		-webkit-transform:translateX(-2px);
		transform:translateX(-2px)
	}

	83.25%{
		-webkit-transform:translateX(1px);
		transform:translateX(1px)
	}

	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}

}

.hvr-wobble-horizontal{
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	backface-visibility:hidden
}

.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{
	-webkit-animation-name:hvr-wobble-horizontal;
	animation-name:hvr-wobble-horizontal;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

.signup .signup-form{
	background:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	overflow:hidden
}

.signup .signup-form .signup-form-footer,.signup .signup-form .signup-form-head{
	padding:20px;
	background:#19BDF3
}

.signup .signup-form .signup-form-head h2{
	margin-bottom:0;
	color:#fff
}

.signup .signup-form .signup-form-body{
	padding:20px
}

.signup .signup-form .signup-form-footer p{
	color:#bfeaf6;
	margin-bottom:0;
	font-size:16px
}

.signup .signup-form .signup-form-footer p a{
	text-decoration:underline;
	color:#fff
}

.panel-default-signup>.panel-heading-signup{
	background-color:#fff;
	border-color:#fff
}

.panel-default-signup{
	border-color:#fff;
	box-shadow:none
}

.login a{
	font-style:normal;
	text-transform:uppercase;
	color:#29BCEE;
	font-weight:600;
	margin-left:4px
}

.login-form{
	border-right:1px solid #ccc;
	padding-right:30px
}

.login-form a{
	font-size:12px;
	font-style:italic
}

.password-reset-request p,.password-reset-sent p,.signup .signup-form .signup-form-footer-forgot p{
	font-family:'Open Sans',sans-serif;
	font-size:14px
}

.signup-label{
	width:100%
}

.password-reset-request p,.password-reset-sent p{
	color:#333;
	text-align:left
}

@media all and (max-width:767px){
	.offscreen-menu .offscreen-toggle i{
		color:#006DA8
	}

	.expanding-ul li .title{
		display:table
	}

	.expanding-ul li .title img,.expanding-ul li .title span{
		display:table-cell
	}

	#pubble-clients,.pricing-table .features-focus li p,.pricing-table .features-light li p,.pricing-title-hidden{
		display:none
	}

	.fullscreen-element{
		padding-top:38px
	}

	.pricing-table{
		min-height:auto
	}

	#pubble-clients-mobile,header.centered-text h1 span{
		display:block
	}

}

@media all and (min-width:767px) and (max-width:958px){
	.user-case-intro h3{
		margin-bottom:0
	}

	.reasons-to-use-section .reasons-to-use h3{
		display:none
	}

	.expanding-list{
		padding-bottom:40px
	}

	.widget-navigation ul li a h4{
		font-size:20px
	}

}

@media all and (max-width:767px){
	.fullscreen-element-pubble{
		min-height:480px
	}

	.pubble-header-padding{
		padding-top:40px
	}

	.pricing-title-mobile{
		display:inline-block;
		font-weight:700;
		text-align:left;
		margin-right:20px
	}

	#pubble-features .background-image-holder,.one-app-description,.reasons-to-use-section .reasons-to-use .6-reasons-desktop{
		display:none
	}

	.pricing-marker{
		text-align:right
	}

	.error-text h1,.error-text h4{
		text-align:center
	}

	.pubble-footer-menu{
		margin-top:30px
	}

	.user-case-header{
		padding-top:80px
	}

	.user-case-header h1{
		font-size:38px
	}

	.user-case-header-bubble{
		padding:24px
	}

	section.user-cases #user-case-core,section.user-cases #user-case-live,section.user-cases #user-case-messenger,section.user-cases #user-case-twitter{
		padding-bottom:80px
	}

	.user-case-intro h3{
		font-size:18px;
		line-height:28px;
		margin-bottom:0
	}

	header.centered-text h1{
		font-size:38px
	}

	header.centered-text h3{
		font-size:18px
	}

	#one-app-four-uses .four-powerful-uses{
		padding-left:0;
		background-image:none
	}

	#one-app-four-uses h1,#pubble-features h1{
		margin-top:0
	}

	#pubble-features{
		background:#FAFAFA
	}

	.analytics,.pubble-application-link-section{
		background-image:none
	}

	.reasons-to-use-section .reasons-to-use .6-reasons-mobile{
		display:block
	}

	.arrow-box,.phone-portrait,.reasons-to-use-section .reasons-to-use h3{
		display:none
	}

	.messaging-features ul{
		padding-top:40px
	}

	.expanding-ul li:nth-child(1){
		padding-top:20px;
		border-top:1px solid #ccc
	}

	.analytics .analytics-illus{
		width:220px;
		margin:0 auto
	}

	.pubble-feature-link-cont{
		padding-left:0
	}

	.features-arrow{
		margin-right:20px
	}

	.pubble-feature-link-section{
		padding-left:40px;
		background-image:none
	}

	.expanding-list{
		padding-bottom:40px
	}

	.widget-navigation ul li{
		width:100%;
		display:block
	}

	.widget-nav-title{
		margin:20px;
		height:auto
	}

	.widget-navigation ul li a h4{
		display:inline-block;
		margin-right:10px
	}

	#homepage-feature-slider .feature-slider-item{
		width:120px;
		height:120px;
		margin:10px
	}

	#homepage-feature-slider .feature-slider-item h6{
		font-size:16px
	}

	.user-case-header{
		margin-left:0;
		margin-right:0
	}

	.widget-arrow-left,.widget-arrow-right{
		padding-top:130px;
		width:60px
	}

	.pubble-header-404-padding{
		padding-top:40px
	}

	.error-text{
		padding-top:60px
	}

	.error-text h1{
		margin-bottom:16px
	}

}

@media all and (max-width:958px){
	#what-is-pubble h3{
		margin-top:20px
	}

}

@media all and (max-width:480px){
	.fullscreen-element-pubble{
		min-height:520px
	}

	.fullscreen-element-pubble-about{
		height:400px
	}

	#one-app-four-uses .four-powerful-uses .feature h6{
		font-size:18px
	}

	.expanding-list{
		padding-bottom:10px
	}

	.expanding-ul .title strong{
		font-size:16px
	}

	.expanding-ul .title{
		padding-right:40px;
		background-size:20px
	}

	.user-case-header{
		margin-left:0;
		margin-right:0
	}

	.user-case-header h1{
		font-size:28px
	}

	.user-case-header-bubble h3{
		margin-top:10px;
		font-size:18px
	}

	.reasons-to-use-section .reasons-questions h5{
		font-size:18px
	}

	.youtube{
		width:300px
	}

	.reasons-to-use-section .reasons-quotes .feature h5{
		font-size:24px
	}

	.quote-slider{
		height:130px
	}

	.quote-text{
		width:70%
	}

	.col-100{
		width:100%
	}

	#homepage-feature-slider .feature-slider-item{
		width:100%;
		height:auto;
		margin:8px 0;
		padding:20px 12px 12px
	}

	#homepage-feature-slider .feature-slider-item-3{
		margin:8px 0;
		padding:20px 12px 12px
	}

	.max-scroll-features{
		background:#03192B;
		max-height:320px;
		overflow-y:scroll
	}

	.user-case-header-arrow{
		display:none
	}

	.arrow-nav-mobile{
		display:table;
		width:100%
	}

	.arrow-mobile-left{
		display:table-cell;
		text-align:left;
		margin-left:40px
	}

	.arrow-mobile-right{
		display:table-cell;
		text-align:right;
		margin-right:40px
	}

	header .btn{
		margin-right:15px
	}

}

@media all and (max-width:400px){
	header .btn{
		margin-right:0
	}

}

.display-on{
	display:block
}

.display-off{
	display:none
}