/* If you want to add your own CSS code, please do it in this file */



/* General */
.button_white { background: white !important; border: 0; color: #5A5A5A !important; }
.button_white_line { background: transparent !important; border:0 !important; color: white !important; 
				-webkit-box-shadow: inset 0px 0px 0px 2px white;
				-moz-box-shadow: inset 0px 0px 0px 2px white;
				box-shadow: inset 0px 0px 0px 2px white; }
.button_world-class { width: 103px; }
.button_pricing { line-height: 0.8 !important; font-size: 22px !important; font-weight: 700 !important; }
.button_pricing div { opacity: 0.8; font-size: 70%; font-weight: normal; text-transform: none; line-height: 1; padding-top: 10px; }

.fancy_heading_color { background: transparent !important; }

p.general { font-size: 16px !important; }
table.nostyle td { border:0; text-align: left; padding: 0; }
table.nostyle tr:nth-child(2n+1) td { background: none; }

.phone-only{ display:none !important;}
iframe.video { width: 800px; height: 450px; }

blockquote{
    border-left: 4px solid rgba(0, 0, 0, 0.2) !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 19px !important;
    font-style: italic;
	font-weight: normal !important;
    line-height: 29px !important;
    margin: 50px 0 !important;
    padding: 0 0 0 25px !important;
	font-family: Georgia, "Times New Roman", Times, serif;
}
blockquote::after,
blockquote::before{
	display: none;
}
blockquote::first-letter{
	padding-left: 0;
}
blockquote strong{
	font-weight: normal;
}
blockquote p{
	color: rgba(0, 0, 0, 0.5) !important;
    font-size: 19px !important;
    font-style: italic;
	font-weight: normal !important;
    line-height: 29px !important;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.blockquote .blockquote_wrapper{
	padding:0;
	border: none;
}
.blockquote .blockquote_wrapper blockquote{
	border:none !important;
	text-align: center;
}
.blockquote .blockquote_wrapper blockquote,
.blockquote .blockquote_wrapper blockquote p{
	font-size: 24px !important;
	color: #FF9200 !important;
	padding:0 !important;
	margin: 36px 0 !important;
}

.we-are-hiring{
	border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    left: 130px;
    line-height: 13px;
    padding: 0 4px 1px;
    position: absolute;
    text-transform: uppercase;
    top: 20px;
}
.we-are-hiring:hover{
	text-decoration: none;
	background: #fff;
	color: #F7911D;
}
.ss-form-container label{
	display: inline-block;
}
.ss-form-container .required-message{
	visibility:hidden;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.phone-only{display:block !important}
	.phone-not{display:none !important}
}
@media only screen and (max-width: 479px) {
	.phone-only{display:block !important}
	.phone-not{display:none !important}
}
@media only screen and (max-width: 767px) {
	iframe.video { width: 100%; height: 250px; }
}

/*.ui-tabs .ui-tabs-panel { padding-right: 0; padding-left: 0; }*/

/* Header elements */
#Header #menu ul li a { font-size: 14px !important; cursor: pointer; }
.menu_wrapper .button { text-transform: none !important; }
#Header .menu li.features-menu ul{border:none;}
#Header .menu li.integrations-menu ul,
#Header .menu li.integrations-menu:hover ul,
#Header .menu li.integrations-menu .menu-toggle{display: none !important}

#Header .menu > li.start-trial a{
	color: #fff;
	background: #058bd3;
	transition: all 0.5s ease 0s;
}
#Header .menu > li.start-trial a:hover{
	background: #0375b3;
}
#Header .menu > li.log-in a{
	color: #333;
	background: #fff;
}
#Header .menu > li.log-in a:hover{
	color: #528ccc;
}
#Header #menu ul li.submenu .menu-toggle,
#Header #menu ul li.hover > .menu-toggle {background:url(../images/menu-plusv2.png) center no-repeat !important;opacity: 0.5;}

@media only screen and (max-width: 959px) {
#Header #menu ul li .menu-item-has-children{pointer-events: auto;}
}

/* Top right buttons */
#Top_bar #top_right .header_action_buttons { float: right; display: inline-block; padding: 10px 15px; }
#Top_bar #top_right .quick_contact { color: white; float: left; font-size: 12px; margin-top: 9px; margin-right: 15px; display: inline-block; }

/* Custom menu in widget */
#Content .content_wrapper .widget.widget_nav_menu li sup { display: inline-block; height: 16px; line-height: 1.3; background: red; color: white; border-radius: 15px; font-size: 12px; font-weight: bold; padding: 0 5px; }

/* Content */
#Content .content_wrapper .widget .menu-item.current-menu-item { background: #F0EDE4; }
#Content .content_wrapper .widget .menu-item { margin-top:0; }
#Content .content_wrapper .widget .menu-item:hover { background: #F0EDE4; }
#Content .content_wrapper .widget .menu-item a { color:#333333; display: block; }
#Content p { font-size: 15px; }

.section.page-content { background: transparent; }

#Content .home-page-banner {min-height: 360px; margin-top: -110px; text-align: center; color: white}
#Content .home-page-banner h1 {font-size: 49px; font-weight: 300; color: white; margin-bottom: 20px; line-height: 1; width: 79%; margin: 0 auto; margin-bottom: 20px;cursor: pointer;}
#Content .home-page-banner h1 .twitter-share{display:none;color:#55ACEE;font-size:30px;text-align:right;position:absolute;top:0;left:0; width:79%;height:100%;}
#Content .home-page-banner h1 .twitter-share i{width:30px;height:30px;position:relative;top:14px;right:-40px}
#Content .home-page-banner h1:hover .twitter-share{display:block;}
@media only screen and (max-width: 959px) {
	#Content .home-page-banner h1 { width: 100%; }
}

#Content .home-page-banner p { font-size: 18px; margin-bottom: 50px; line-height: 1.5; }
#Content .home-page-banner .button { width: 135px; }
@media only screen and (max-width: 767px) {
	#Content .home-page-banner { margin-top: 0; padding-top: 60px !important; }
}

#Content #home-banner-content {  }
#Content #home-banner-video { display: none; margin-top: -35px; }
#Content #home-banner-video .icon-cancel.close-video { font-size: 40px; cursor: pointer; display: inline-block; margin-top: -23px; vertical-align: top; }
@media only screen and (max-width: 767px) {
	#Content #home-banner-video .icon-cancel.close-video { margin-top: -5px; }
}

#Content  .hiring-page-banner{background-size: cover;margin-top:0;min-height: 330px;text-align: center;color: #fff;}
#Content .hiring-page-banner h1, #Content .hiring-page-banner a{color: #fff;}
#Content .hiring-page-banner h1{font-size: 49px;margin: 0 auto 20px;}
#Content .hiring-page-banner p{font-size: 18px;line-height: 1.5;margin-bottom: 50px;}

.page-id-14096 #Subheader{display:none;}

#Content .content_wrapper .widget.widget_nav_menu { margin-top: 26px; }
#Content ul.pricing-bullet { font-size: 16px; margin-left: 20px; }
#Content ul.pricing-bullet li { background: url(../images/bullet_pricing.png) no-repeat 0 10px; padding: 10px 0 10px 30px; }
#Content .pricing-faq { text-align: center; border-right: 1px solid #D8D8D8; padding-right: 15px; }
@media only screen and (max-width: 767px) {
	#Content .pricing-faq { border: 0; padding: 0; }
}

#Content .border-box.border-box.border-box.border-box .content { cursor: pointer; margin-right:10px; background: white; border: 1px solid #DDD; padding: 10px; margin-bottom: 10px; overflow: auto; }
#Content .border-box.border-box.border-box .content h6 { margin: 10px 0 0 0; }
#Content .border-box.border-box .content p { padding: 0 0 10px 0; margin-bottom: 0; }
#Content .border-box .content img { margin-left: 10px; }

#Content .integration .app-box { width:33.3333%; float: left; }
#Content .integration .app-box .content { cursor: pointer; margin-right:10px; background: white; border: 1px solid #DDD; padding: 10px; margin-bottom: 10px; overflow: auto; }
#Content .integration .app-box .content h6 { margin: 10px 0 0 0; }
#Content .integration .app-box .content p { padding: 0 0 10px 0; margin-bottom: 0; }
#Content .integration .app-box .content img { margin-left: 10px; }
@media only screen and (max-width: 959px) {
	#Content .integration .app-box p { margin-bottom: 0; }
	#Content .integration .app-box .content { text-align: center; }
	#Content .integration .app-box .content h6 { clear:both; }
	#Content .integration .app-box .content img { float:none; margin: 0; margin-top: 15px; }
}
@media only screen and (max-width: 767px) {
	#Content .integration .app-box { width: 100%; text-align: left; }
	#Content .integration .app-box .content { margin-right: 0; text-align: left; overflow: auto; }
	#Content .integration .app-box .content h6 { clear: none; margin-top: 25px; }
	#Content .integration .app-box .content img { float: left; margin: 15px 25px 15px 20px; }
}

#Content .team-member { text-align: center; height: 192px; overflow: hidden; margin-bottom: 15px;}

/* Footer */
#Footer {font-size: 14px}
#Footer h4 {font-size: 18px}
/*#Footer ul li a {font-size: 14px}*/
#Footer ul.aligned li {border-color: rgba(255, 255, 255, .05); position: relative; margin-top: -1px; border-bottom-width: 1px; border-style: solid; padding: 8px 10px 8px 15px}
#Footer ul.aligned li:last-child {border-bottom: 0}
#Footer .footer_copy .one .copyright .privacy-terms{display:inline-block; padding-left:50px;}
#Footer .footer_copy .one .social{float: left; margin-left: 50px}

@media only screen and (max-width: 959px) {
	#Footer .footer_copy .one .social {float: none;margin:0}
}
@media only screen and (max-width: 768px) {
	#Footer .footer_copy .one .copyright .privacy-terms{padding:0}
}

/* Blog Newsletter Widget */
.newsletter-sidebar { border: 5px solid #DDDDDD; background: white; padding: 10px 20px; }
.newsletter-sidebar h6 { font-size: 20px; font-weight: 400; font-family: Lato; margin-bottom: 10px; color: #333; }
.newsletter-sidebar ul { list-style: disc inside; }
.newsletter-sidebar ul li { list-style: disc inside; color:#333333; }
.newsletter-sidebar input[type="email"] { display: inline-block; border: none; width: 100%; margin-bottom: 10px; border-radius: 7px; }
.newsletter-sidebar input[type="submit"].button.button_blue { background-color: #058BD3 !important; border-color: #058BD3 !important; color: #fff !important; margin-bottom: 0px; text-transform: none; }
.newsletter-sidebar input[type="submit"]:hover.button.button_blue { background-color: #0375B3 !important; border-color: #0375B3 !important; color: #fff !important; }
.newsletter-sidebar i { font-size: 12px; color: #535353; line-height: 1; display: inline-block; }

/* Homepage Animation */
#animation {
	width: 100%;
	height: 564px;
	text-align: center;
	overflow: hidden;
	font-size: 16px;
}
#animation #replay {
	position: relative;
	width: 150px;
	background: rgba(0,0,0,0.8);
	padding: 20px; 
	margin: 0 auto;
	border-radius: 10px;
	color: white;
	margin-top: -300px;
}
@media only screen and (max-width: 959px) {
	#animation { height: 489px !important; }
	#animation #replay { margin-top: -250px; }
}
@media only screen and (max-width: 768px) {
	#animation { height: 268px !important; }
	#animation #replay { margin-top: -170px; }
}

/* Power of Action page */
.poa-credentials table { border:0; background-color: transparent; }
.poa-credentials table td:first-child { border:0px solid #FFFFFF; background-color: transparent; }
.poa-credentials table td { border: 0 solid #FAFAFA; vertical-align: top; background-color: #FAFAFA; }
.poa-credentials table td p { text-align: left; }
.poa-credentials table tr:nth-child(2n+1) td { background: transparent; }
.poa-contact { background: #fff; border-color: rgba(0, 0, 0, .13); border-width: 5px; border-style: solid; padding: 25px; }
.poa-contact-name { float:left; padding:20px 0 0 20px; }
@media only screen and (max-width: 1250px) {
	.poa-contact-name { padding:10px 0 0 0; }
}
@media only screen and (max-width: 768px) {
	.poa-contact-name { padding: 20px 0 0 20px; }
}

/* CUSTOM BLOG */
/* Blog */
.section.blog { background: transparent; margin: 30px 0; }
.post .section { background: transparent; }
.post h2, .post h3, .post h4 { font-size: 16px; font-family: Lato; font-weight: 600; color: #333; margin-bottom: 5px; }

#Top_bar .blog-logo { font-family: Arial; font-size: 16px; color: white; margin-top: 44px; margin-left: 10px; float: left; }
#Top_bar.is-sticky .blog-logo { margin-top: 19px; }
#Top_bar #blog-menu { margin-top: 35px; float: right; }
#Top_bar.is-sticky #blog-menu { margin-top: 11px; }
#Top_bar #blog-menu li { display: inline-block; padding-left: 10px; }
#Top_bar #blog-menu li i { font-size: 18px; }
#Top_bar #blog-menu li a { display: block; font-size: 13px; color: white; padding: 7px 20px; border-radius: 5px; font-weight: normal; }
#Top_bar #blog-menu li a:hover { background: #F0EDE4; text-decoration: none; color: #181818; }
#Top_bar #blog-menu li a.selected { display: block; background: #F0EDE4; color: #181818; }

@media only screen and (max-width: 959px) {
	#Top_bar #blog-menu li { padding: 0; }
	#Top_bar #blog-menu li a { margin: 5px; }
}
@media only screen and (max-width: 768px) {
	#Top_bar .blog-logo { display: none; }
}

/* List of blog posts */
.post-desc, .post-photo { border: 1px solid #DDDDDD; }
.post-desc .post-title h4 { font-family: Lato; font-size: 24px; font-weight: 400; margin-bottom: 5px; }
.post-desc .post-meta { margin-bottom: 15px; }
.post-desc .post-sharing { margin-top: 15px; }

.blog-post-spacing { padding-top: 32px; }

/* Single blog post */
.blog-post { width: 80%; float: left; }
@media only screen and (max-width: 768px) {
	.blog-post { width: 100%; }
}

.blog-post .post-wrapper-content { background: #fff; border: 1px solid #DDDDDD; }
.blog-post .post-wrapper-content .the_content_wrapper { padding: 0 2%; }
.blog-post .blog-post-featured-img { margin-bottom: 45px; }
.blog-post .post-title h1 { display: block; text-align: center; font-family: Lato; font-size: 32px; font-weight: 400; margin-bottom: 25px; padding: 0; }
.blog-post .post-title .author { text-align: center; margin-bottom: 35px; }
.blog-post .post-meta { margin-bottom: 15px; }

.blog-post-sidebar { width: 20%; float: left; text-align: center; }
@media only screen and (max-width: 768px) {
	.blog-post-sidebar { display: none; }
}

.blog-post-sidebar #sticky-social { position: fixed; top: 145px; /*137px*/ margin-left: 4%;}
.blog-post-sidebar #sticky-social .sticky-social-count { font-size: 54px; font-family: Lato; font-weight: 600; color: #058BD3;}
.blog-post-sidebar #sticky-social .sticky-social-count span { font-size: 14px; font-family: Lato; font-weight: 600; text-transform: uppercase; color: #777; }

.wp-caption{
	max-width: 100%;
}

/* Mailchimp form alerts */
.mc4wp-alert {
	line-height: 1.3;
	font-size:13px;
	margin: 1em 0;
	padding: 10px 15px;
	color: #c09853;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	position: relative;
}
.mc4wp-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.mc4wp-notice {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.mc4wp-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

/* Olark window fixes */
#habla_panel_div textarea{
	min-height: 20px;
}