/*

Theme Name: 	SnapEngage - Child: Marketing
Theme URI: 		http://snapengage.com
Description: 	Carrington JAM Child Theme: Marketing site for SnapEngage Live Chat.
Author: 		SnapEngage
Template:       snapengage_car-parent
Version:        1.0
*/

/* This @import line loads the stylesheet from the parent theme */

@import url("../snapengage_car-parent/style.css");


/* ------------------------------------------

	Child Theme Specific Styles

-------------------------------------------*/


/*----------------------------------------------------------

[PAGE]					PAGE SPEICIFC styles

-----------------------------------------------------------*/

/*----------------------------------------------------------
	- [HEAD]			HEADER styles
-----------------------------------------------------------*/


/*----------------------------------------------------------
	- [FRON]			FRONT PAGE styles
-----------------------------------------------------------*/

body.front-page #top-nav ul#menu-top-nav-trial {
	display:none;
}
body.front-page #top-nav ul#menu-top-nav-meta li:last-child {
	/*margin-right:-10px;
	width:60px;*/
}
body.front-page #top-nav ul#menu-top-nav-meta li:last-child a {
	/*padding:10px;*/
}
body.front-page #top-nav ul#menu-top-nav-meta {
	/*margin-right:-2px;*/

}

#top-nav li a {
	white-space: nowrap;
}

ul.sub-menu {
	width:inherit;
}

#livechat hr {
	margin-top:20px;
	margin-bottom:10px;
}
#livechat>p {
	position:relative;
	top:-4px;

	font-size:12px;
	line-height:15px;
	text-align:right;
	text-transform:uppercase;
}

#livechat .livechat-text {
	white-space: nowrap;
	margin-top: 20px;
}

/* z-index */
div.front-page-text-bubble h1 {
	z-index:1;
}
div.front-page-red-arrows,
div.front-page-red-arrows .red-arrow {
	z-index:5;
}
a.front-page-call-out,
div.feature-box {
	z-index: 10;
}
div.front-page-text-bubble .arrow-down  {
	z-index:11;
}

.front-page-text-bubble {
	-webkit-box-shadow: 0 -2px 20px -4px #4A677A; /* blue-grey */
    box-shadow: 0 -2px 20px -4px #4A677A;

	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
/*div.front-page-text-bubble  {
	z-index:12345;
}*/

#text-bubble-headline {
	height:180px;
}
div.front-page-text-bubble {
	position:relative;
	top:-170px;

	clear:both;
	display:block;
	float:none;
	height:260px;
	margin:0 auto -150px auto;
}
div.front-page-text-bubble #text-bubble-headline {
	padding:30px 10px 30px 30px;
	vertical-align:middle;
}
div.front-page-text-bubble .arrow-down {
	position:relative;
	left: 195px;
	bottom:-20px;

	width: 0; height: 0;
	border-width:30px;
}
div.front-page-call-out,
a.front-page-call-out {
	position: relative;

	display:block;
	height:100px;
	padding-top:18px;
	width:350px;

	margin:0 auto 30px auto;

	box-shadow: 0 2px 4px 0 #4A677A;

  background-color: #fda100;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fda100), to(#D57B00));
  background-image: -webkit-linear-gradient(top, #fda100, #D57B00);
  background-image:    -moz-linear-gradient(top, #fda100, #D57B00);
  background-image:      -o-linear-gradient(top, #fda100, #D57B00);
  background-image:         linear-gradient(to bottom, #fda100, #D57B00);
}

.front-page-call-out .big-text {
	font-size: 48px;
	line-height: 60px;
	margin-bottom: 0;
}

.pt .front-page-call-out .big-text {
	font-size: 30px;
}

.de .front-page-call-out .big-text {
	font-size: 35px;
}

.es .front-page-call-out .big-text {
	font-size: 32px;
}

a.front-page-call-out:hover {
	text-decoration:none;
}
a.front-page-call-out .text-container {
	float:left;
	text-align:right;
	width:260px;
}
a.front-page-call-out .text-container p.subscript {
	position:relative;
	top:-10px;
}
a.front-page-call-out .point-image-container {
	float:right;
}
/*a.front-page-call-out .point-image-container,*/
a.front-page-call-out .point-image-container .point-img {
	height:101px;
	width:85px;
}
a.front-page-call-out .point-image-container .point-img {
	display:inline-block;
}
div.front-page-call-out a:hover {
	text-decoration:none;
}
div.front-page-red-arrows {
	position:absolute;
	top:0px;
}
div.red-arrow {
	position:absolute;
	top:40px;

	display:none;

	background:url('img/red-arrows4.png') no-repeat 0 0 transparent;
	height:360px;
	width:200px;
}

div.red-arrow:nth-child(1) {
	background-position:0 0;
	left:95px;
}
div.red-arrow:nth-child(2) {
	background-position:-200px 0;
	left:540px;
}
div.red-arrow:nth-child(3) {
	background-position:-400px 0;
	left:620px;
}

.feature-box:hover,
.feature-box.highlight {
	background:url('img/feature-box-highlight1.png') no-repeat center bottom transparent;
}
.feature-box.integrate:hover,
.feature-box.integrate.highlight {
	background:url('img/feature-box-highlight1-puzzle.png') no-repeat center bottom transparent;
}
.feature-box .icon {
	background:url('img/spritesheet-icon.png') no-repeat top left transparent; /* sprite sheet 60x60 */
}

.feature-box>a,
.feature-box>a:hover {
	text-decoration: none;
}

.feature-box .icon {
	height:60px;
	overflow:hidden;
	width:60px;
}

.feature-box.integrate .icon {
	background-position:0 0;
}
.feature-box.teams .icon {
	background-position:-60px 0;
}
.feature-box.customize .icon {
	background-position:-123px 0;
}
.feature-box.teams .icon.hearts {
	position:absolute;
	top:-5px;

	display:none;

	background:url('img/handdrawn-hearts.png') no-repeat center top transparent;
	height:40px;
	width:100%;
	z-index:-1;
}
.feature-box.teams.highlight .icon.hearts {
	display:block;
}

.feature-blurb {
	color: #2A4251;
	font-size: 15px;
	line-height: 20px;
}

.feature-box .feature-headline {
	font-size: 26px;
	z-index: 100;
}
.feature-box .feature-headline {
	color: #38AEFF;
}
.feature-box>p,
.feature-box .icon-hearts {
	z-index:99;
}

.feature-box>h4>a {
/*	padding:80px 85px 370px;
	text-decoration:none; */
}

.page-type-single .feature-box p {
	margin-left: 0;
	margin-right: 0;
}
.feature-box .feature-box-flair {
	/*margin-top:20px;*/
	margin-bottom: 0;
	height:220px;
}

.feature-box.teams .feature-box-flair.text-bubble {
	margin-bottom:-20px;
	margin-top: 40px;
}

.feature-box.teams .feature-box-flair.text-bubble p.quote {
	font-size: 17px;
	width: 260px;
	margin: 20px auto 10px auto;
	padding: 15px 5px 20px 12px
}
.feature-box.teams .feature-box-flair.text-bubble .arrow-down {
	left:65px;
}
.feature-box.teams .feature-box-flair.text-bubble .size-thumbnail.airbnb {
	position:relative;
	top: 5px;
}
.feature-box.customize .feature-box-flair {
	background:url('img/customize-gallery-stack3.png') no-repeat center center transparent;
	overflow:visible;
}
.feature-box.integrate .feature-box-flair {
	/*background: url('img/integrate-logos4.png') no-repeat center center transparent;*/
	/*background: url("img/integrate-logocloud4.png") no-repeat scroll center center transparent;*/
}

.feature-box.integrate .feature-box-flair .integration-cloud {
	position: relative;
	top: 15px;
}


/*----------------------------------------------------------
	- [CATE]			CATEGORY PAGEs styles
-----------------------------------------------------------*/

.read-more {
	position:absolute;
	bottom:20px;
	right:10px;

	display:block;
	text-align:right;
}

/*	We have 3 styles.
	<div class="page-type-list"> // this is a vertical list [default] (i.e. customers page)
		.post-wrap.container_12

	<div class="page-type-grid columns_3"> // this is a 3-per-row grid (i.e. features page)
		.post_wrap.grid_4

	<div class="page-type-grid columns_4"> // this is a 4-per-row grid (i.e. integrations page)
		.post-wrap.grid_3
	*/
.post-wrap .post-excerpt .title {
	text-align:left;
}
.page-type-grid .post-wrap .post-excerpt .title {
	margin-bottom:5px;
	margin-top:-5px;
}
.page-type-grid .post-wrap .post-excerpt p,
.page-type-list .post-wrap .post-excerpt .title,
.page-type-list .post-wrap .post-excerpt p {
	margin-bottom:0;
}

/* - - - LIST TYPE - - - */
.page-type-list {
	padding-top:20px;
}
.page-type-list .post-wrap {
	margin-bottom:20px;
}
.page-type-list .post-wrap img {
	/*width:120px;*/
}
.page-type-list .post-wrap hr {
	margin:0;
}
.page-type-list .post-wrap:last-child hr {
	height:0;
	margin:0;
}
.page-type-list .post-wrap .post-thumb a img {
	border:1px solid #38aeff;
	/*float:right;*/
	margin:0 10px 18px 10px;
}
.page-type-list .post-wrap .post-thumb img {
	margin:0 10px 20px 10px;
}

.page-type-list .post-wrap .post-thumb.empty-thumb {
	background:url('img/empty-thumb-grid_2-sm.png') no-repeat top right transparent;
	border:none;
	height:100px;
	margin:0 10px 20px 10px;
}

/* - - - - GRID TYPE - - - - */
.page-type-grid .post-wrap {
	background-color:#ecf6ff;
	margin-bottom:20px;
	padding:20px 0;
}
.page-type-grid .post-wrap .post-thumb,
.page-type-grid .post-wrap .post-excerpt {
	margin-left:20px;
	margin-right:20px;
}
.page-type-grid .post-wrap .post-thumb a img {
	border:1px solid #38aeff;
}
.page-type-grid .post-wrap hr {
	display:none;
}

/* - GRID TYPE .columns_3 - */
.page-type-grid.columns_3 .post-wrap .post-thumb {
	height:160px;
	margin-bottom:20px;
	}
.page-type-grid.columns_3 .post-wrap .post-thumb.empty-thumb {
	background:url('img/empty-thumb-grid_4-lg2.png') no-repeat top left transparent;
	border:none;
}

/* - GRID TYPE .columns_4 - */
.page-type-grid.columns_4 .post-wrap .post-excerpt p {
	font-size:14px;
}
.page-type-grid.columns_4 .post-wrap .post-thumb {
	height:60px;
	margin-bottom:20px;
}
.page-type-grid.columns_4 .post-wrap .post-thumb.empty-thumb {
	background:url('img/empty-thumb-grid_3-sm.png') no-repeat top left transparent;
	border:none;
}
.page-type-grid.columns_3 .post-wrap .post-excerpt p.read-more-container,
.page-type-grid.columns_4 .post-wrap .post-excerpt p.read-more-container {
	display:block;
	height:20px;
	min-height:0;
}
.page-type-grid.columns_3 .post-wrap .post-excerpt p.read-more-container.disabled,
.page-type-grid.columns_4 .post-wrap .post-excerpt p.read-more-container.disabled {
	display:block;
	height:0;
	margin:0;
}

/*----------------------------------------------------------
	- [SING] 			Single page
-----------------------------------------------------------*/
.page-type-single p,
.page-type-single ul,
.page-type-single>h1,
.page-type-single>h2,
.page-type-single>h3,
.page-type-single>h4,
.page-type-single>h5
{
	margin-left:10px;
	margin-right:10px;
}
.page-type-single .integration-online-offline {
	display:block;
	/*height:100px;*/
	margin-bottom:20px;
}

/*----------------------------------------------------------
	- [PRIC] 			Pricing Page Specific styles
-----------------------------------------------------------*/
#pricing-table-top {
	min-height:260px;
}
.pricing-table>div.grid_12>h5.call-out {
	margin:10px 0 30px;
}
.pricing-table>div.grid_12>h5.call-out a {
	padding:10px 20px;
	margin:0 auto;
}
.pricing-table {
	margin-bottom:20px;
}
#pricing-table-top,
div.pricing-cell {
	padding-bottom:20px;
}
div.pricing-cell {
	min-height:260px;
	padding-top:20px;
}
div.pricing-cell.first h5 {
	font-size:18px;
	line-height:40px;
}
div.pricing-cell .call-out h5{
	height:40px;
}
div.pricing-cell .call-out a {
	padding:5px 10px;
}
div.pricing-cell h5.price {
	margin-bottom:20px;
}
div.pricing-cell {
	background:url('img/vert-hr2.png') no-repeat center right transparent;
	padding-right:10px;
	margin-right:0;
	text-align:center;
}
div.pricing-cell.last {
	background:none;
}
div.pricing-cell h5 {
	font-size:36px;
	line-height:40px;
}
div.pricing-cell h5.price {
	font-size:20px;
}
#content div.pricing-cell div {
	line-height:40px;
	height:40px;
	margin-bottom:0;
}
#content div.pricing-cell div.integrations {
	height:auto;
}
#content div.pricing-cell div.pricing-feature.integrations {
	text-align:right;
	padding-right:10px;
}

.pricing-feature a {
	background:url('img/questionmark-12.png') no-repeat center right transparent;
	padding-right:15px;
	text-align:right;

	z-index:24;
}
div.pricing-cell div:nth-child(odd) {
	background:#e0ecfd;
}
div.pricing-cell .green-check,
div.pricing-cell .red-x {
	/*padding-top:10px;
	padding-bottom:10px;*/
	height:20px;
	margin-top:8px;
	margin-bottom:-8px;
}
.pricing-question {
	height:140px;
	padding:20px 0;
	margin-bottom:20px;
}
.pricing-details {
	height:260px;
	padding:20px 0;
	margin-bottom:20px;
}
.pricing-question h5,
.pricing-question p,
.pricing-details h5,
.pricing-details p {
	margin-left:10px;
	margin-right:10px;
}
.pricing-question h5,
.pricing-details h5 {
	background:url('img/questionmark-20.png') no-repeat center left transparent;
	padding-left:25px;
	margin-bottom:20px;
}
p.back-to-top {
	position:absolute;
	bottom:20px;
	margin-bottom:0;
}
.pricing-question.single-row {
	min-height:20px;
	height:20px;
}
.pricing-table .grid_12 h6,
.pricing-question.single-row h6 {
	text-align:center;
}
/*----------------------------------------------------------
	- [SING] 			Single-Pricing Page Specific styles
	- [MODU]			Modular Pricing Page Specific styles
-----------------------------------------------------------*/
.single-pricing-header {
	display:block;
	clear:both;
	margin-bottom:40px;
}
.single-pricing-header .pricing-table {
	padding:20px 0;
}
.single-pricing-header h5.call-out {
	margin:30px auto;
}
.single-pricing-header>h1 {
	margin-bottom:0;
}
.single-pricing-header .pricing-table hr {
	width:80%;
	margin:10px auto;
}
.single-pricing-header .pricing-table h1 {
	padding-left:-10px;
}
.single-pricing-header .pricing-table h6 {
	font-weight:normal;
}
.single-pricing-header .pricing-table p {
	font-variant:italic;
	opacity:0.7;
	/*margin-bottom:40px;*/
}

.modular-pricing-table.single,
.modular-pricing-table.classic {
	padding:0 0 10px 0;
	margin-bottom:20px;
}
.modular-pricing-table.single h5,
.modular-pricing-table.classic h5 {
	margin:20px 0 20px 10px;
}
.modular-pricing-table.single .modular-pricing-cell,
.modular-pricing-table.classic .modular-pricing-cell {
	background:#e6f1fe;
	border-bottom: 1px solid #CDD5E0;
	padding: 10px 0 7px 0;
	margin-bottom:  2px;
}
.modular-pricing-table.single .modular-pricing-cell div,
.modular-pricing-table.classic .modular-pricing-cell div {
	min-height:20px;
	display:inline-block;
}
.modular-pricing-table.single .modular-pricing-cell p,
.modular-pricing-table.classic .modular-pricing-cell p {
	margin:0;
}
.modular-pricing-table.single .modular-pricing-cell .label p,
.modular-pricing-table.classic .modular-pricing-cell .label p {
	height: 20px;
	padding:0 10px 0 20px;
}
.modular-pricing-table.single .modular-pricing-cell .description p,
.modular-pricing-table.classic .modular-pricing-cell .description p {
	padding-right:15px;
}

/* Differences between pricing pages */

.modular-pricing-table.classic .modular-pricing-headline {

}
.modular-pricing-table.classic .col-header {
	height:20px;
	margin-bottom:10px;
	margin-top:30px;
}

.modular-pricing-table.single .modular-pricing-cell .data {
	text-align:center;
}
.modular-pricing-table.classic .modular-pricing-cell .description {
	height:20px;
}
.modular-pricing-table.classic .modular-pricing-cell div:not(.blueQuestion) .question-mark {
	cursor:pointer;
	position:absolute;
	top:0;
	right:-15px;

	color:#ffffff;
	background-color:#38AEFF;
	border-radius:20px;
	font-weight:700;
	line-height:10px;
	opacity:0.5;
	padding:4px 5px;

}
.modular-pricing-table.classic .modular-pricing-cell div:not(.blueQuestion) .question-mark:hover {
	border:1px solid white;
	padding:3px 4px;
	text-decoration:none;
	opacity:1;
}

.modular-pricing-table.classic .modular-pricing-cell .blueQuestion .question-mark {
	cursor:pointer;
	color:#ffffff;
	background-color:#38AEFF;
	border-radius:20px;
	font-weight:700;
	font-size:16px;
	opacity:0.5;
	padding: 0 6.5px;
}
.modular-pricing-table.classic .modular-pricing-cell .blueQuestion .question-mark:hover {
	text-decoration:none;
	opacity:1;
	border:1px solid white;
	padding: 0 6.5px;
	margin: -1px 0 0 -1px;
}
.modular-pricing-table.classic .modular-pricing-cell .description-slide {
	display:none; /* for jQuery .toggle(); */

	background:#ffffff;

	margin-top:5px;
	padding:7px 0;
	margin-bottom:-7px;
	border-top: 1px solid #CDD5E0;
}
.modular-pricing-table.classic .modular-pricing-cell .description-slide p {
	padding:0 20px;
}

.modular-pricing-cell .green-check {
	border-right:thin solid #eeeeee;
}

.tipsyme {
	cursor:default;
}
.tipsyme b {
	font-weight:900;
}

/*----------------------------------------------------------
	- [META] 			Sign In / Sign Up / Reset
-----------------------------------------------------------*/
#content-right {
	padding-top:20px;
}

#content-right p {
	margin-left:0;
}
#content-right h5,
.page-type-single .sign-up-box input,
.page-type-single .sign-up-box h3 {
	margin-bottom:20px;
}

/*
.page-type-single .sign-up-box h3,
.page-type-single .sign-up-box input {
	margin-left:0;
	margin-right:0;
}
*/

.page-type-single .sign-up-box input {
	clear:right;
}

div.sign-up-box form div.form-foot input[type="checkbox"] {
	height:10px;
	margin:0 10px 0 0;
}

.signup-pricing-link {
	display: block;

	background: #ecf6ff;
	border-radius: 2px;
	color: #005288;
	font-size: 16px;
	padding: 10px 0;
	margin: 10px 0;
	text-align: center;
}
.signup-pricing-link:hover {
	text-decoration: none;
	background: #fafaff;
}





/*----------------------------------------------------------
	- [TERM] 			Terms of Service
						and Privacy Policies
-----------------------------------------------------------*/
ul {
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:20px;
}
ol {
	list-style-type:decimal;
	margin-left:20px;
}
ol li {
	margin-bottom:20px;
}
ol>li>ol {
	list-style-type:lower-alpha;
	margin-left:50px;
}
ol>li>ol>li>ol {
	list-style-type:lower-roman;
	margin-left:70px;
}

/*----------------------------------------------------------
	- [CUST]			CUSTOMIZATION Gallery
-----------------------------------------------------------*/

#gallery-container {
	margin:0 auto;
	padding:10px 80px 0 80px;
	width:800px;
}
.gv_galleryWrap {
	background:none;
}


/*----------------------------------------------------------
	[LANG] Language - specific
-----------------------------------------------------------*/
body.pt .pricing-feature a,
body.es .pricing-feature a {
	font-size:14px;
}
body.pt .oversized,
body.es .oversized {
	font-size:50px;
}
body.es .front-page-call-out h3 {
	font-size:30px;
}
body.pt .front-page-call-out h3 {
	font-size:26px;
}
body.es .front-page-call-out .subscript {
	left:-12px;
}
body.pt .front-page-call-out .subscript {
	left:-14px;
}
body.es div.sign-up-box form input[type="submit"] {
	font-size:16px;
}
body.pt div.sign-up-box form input[type="submit"] {
	font-size:14px;
}
body.pt div.sign-up-box small,
body.es div.sign-up-box small {
	font-size:10px;
}
body.pt #livechat > p,
body.es #livechat > p {
	font-size:11px;
}


/* post-wrap heights */
.category-servicos-profissionais .post-wrap,
.category-servicios-profesionales .post-wrap,
.category-professional-services .post-wrap {
	height:440px;
}
.category-recursos-do-chat .post-wrap,
.category-live-chat-caracteristicas .post-wrap,
.category-live-chat-funktionen .post-wrap,
.category-live-chat-features .post-wrap {
	height:360px;
}
.category-live-chat-integraciones .post-wrap,
.category-live-chat-integrations .post-wrap {
	height:200px;
}
.category-integracoes-do-chat .post-wrap {
	height:220px;
}
.category-live-chat-integrationen .post-wrap {
	height:260px;
}


/*----------------------------------------------------------
	- [PRIC] 			Integrations page
-----------------------------------------------------------*/

.category-integracoes-do-chat .read-more,
.category-live-chat-integraciones .read-more,
.category-live-chat-integrations .read-more,
.category-live-chat-testimonios .read-more,
.category-live-chat-reviews .read-more {
	display:none;
}
.category-integracoes-do-chat .post-wrap .title,
.category-live-chat-integraciones .post-wrap .title,
.category-live-chat-integrations .post-wrap .title {
	display:none;
}

.category-live-chat-integraciones .page-type-grid .post-wrap .post-thumb a,
.category-live-chat-integrations .page-type-grid .post-wrap .post-thumb a  {
	position:absolute;
	top:0;
	left:0;

	padding:20px 16px 156px 20px;
	border:2px solid transparent;
}
.category-integracoes-do-chat .page-type-grid .post-wrap .post-thumb a {
	position:absolute;
	top:0;
	left:0;

	padding:20px 16px 176px 20px;
	border:2px solid transparent;
}

.category-integracoes-do-chat .page-type-grid .post-wrap .post-thumb a:hover,
.category-live-chat-integraciones .page-type-grid .post-wrap .post-thumb a:hover,
.category-live-chat-integrations .page-type-grid .post-wrap .post-thumb a:hover {
	border:2px solid #38aeff;
}


.container_12 .integration-online-offline,
.container_12 .integration-online-offline.grid_6 {
	background-color: #EEEEEE;
	padding:20px;
	width:380px;
	vertical-align:middle;
	margin-bottom:20px;
}

.integration-with-snapengage span.oversize {
	position:relative;
	top:-20px;
}




/*----------------------------------------------------------
	- [TEMPFRONT] 			Temp Front Page
-----------------------------------------------------------*/

#front-page-trial-sign-up {
	/*margin-top:20px;*/
}
#front-page-trial-sign-up div.grid_2.textalignright {
	padding-top:8px;
}

#front-page-trial-sign-up label {
	font-size:20px;
	height:30px;
	display:block;
}
#front-page-trial-sign-up input[type="text"],
#front-page-trial-sign-up input[type="password"] {
	border: 3px solid #38AEFF;
	background-color: #ECF6FF;
	font-size:18px;
	line-height:20px;
	height:24px;
	margin-bottom:10px;
	padding: 5px 0 5px 10px;
	   background-clip: padding-box;
    border-radius: 6px;
}

#front-page-trial-sign-up input {
	width:270px;
}

.home .read-more-container.disabled {
	display: none;
}

/* home-2 HOME-2 */

.whosUsingUs.home-2 .toggle {
	float: left;
	margin: 0 0 5px 20px;
}
.feature-box-headline div,
.feature-box-headline h4 {
	vertical-align: middle;
	display: inline-block;
}

.feature-box-headline h4 {
	width:auto;
}

.feature-box-headline a,
.feature-box-headline a:hover {
	color: #38AEFF;
	text-decoration: none;
}
.feature-box.home-2 .icon {
	background:url('img/spritesheet-icon-circle.png') no-repeat top left transparent; /* sprite sheet 60x60 */
}
.feature-box.home-2>h4>a {
	padding:0;
	text-decoration:none;
}

.feature-box.integrate.home-2 .feature-box-flair {
	background:url('img/integrate-logocloud4.png') no-repeat center center transparent;
}


#front-page-trial-sign-up input[type="submit"] {
	padding:5px;
	color:white;
	cursor:pointer;
	font-weight:bold;
	height:36px;
	border:none;
	border-radius:6px;

	width:285px;

  background-color: #E68D24;
  /*background-color: #fda100;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fda100), to(#e68c00));
  background-image: -webkit-linear-gradient(top, #fda100, #e68c00);
  background-image:    -moz-linear-gradient(top, #fda100, #e68c00);
  background-image:      -o-linear-gradient(top, #fda100, #e68c00);
  background-image:         linear-gradient(to bottom, #fda100, #e68c00);*/
}
#front-page-trial-sign-up input[type="submit"]:hover {
  background-color: #e68c00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e68c00), to(#fda100));
  background-image: -webkit-linear-gradient(top, #e68c00, #fda100);
  background-image:    -moz-linear-gradient(top, #e68c00, #fda100);
  background-image:      -o-linear-gradient(top, #e68c00, #fda100);
  background-image:         linear-gradient(to bottom, #e68c00, #fda100);
}


/* --------------------- */

/* New "Columns" Pricing */

/* --------------------- */

#plans-container,
.enterprise #plans-container {
	border-color: #E0ECFD;
	border-style: solid;
	border-width: 2px 0 0 0;
	height: 510px;
	margin-left: 20px;
	padding-top: 40px;
	width: 920px;

  -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

}
.pricing-table.columns,
.pricing-table.enterprise {
	background: transparent;
    -webkit-border-radius: 0;
            border-radius: 0;
}
#plans-container {
	background: #EFFAFF;

	background: rgb(236,246,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(236,246,255,1) 0%, rgba(224,236,253,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,246,255,1)), color-stop(100%,rgba(224,236,253,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(236,246,255,1) 0%,rgba(224,236,253,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(236,246,255,1) 0%,rgba(224,236,253,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(236,246,255,1) 0%,rgba(224,236,253,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(236,246,255,1) 0%,rgba(224,236,253,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf6ff', endColorstr='#e0ecfd',GradientType=0 ); /* IE6-9 */
}

.enterprise #plans-container {
  padding-bottom: 30px 0 20px 0;
  border-color: #E0ECFD;

  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5fbfd)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #ffffff, #f5fbfd); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #f5fbfd); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #ffffff, #f5fbfd); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #ffffff, #f5fbfd); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.pricing-tab {
	font-size: 22px;
	line-height: 20px;
	padding: 16px 0;
	text-align: center;
	margin-bottom:-2px;
	margin-top:-2px;

  -webkit-border-radius: 4px 4px 0 0; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 4px 4px 0 0; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

}
.pricing-tab.active-tab,
.enterprise .pricing-tab.muted-tab {
	position: relative;

	border-style: solid;
	border-width: 2px 2px 0;
	margin-top: 0px;
}

.pricing-tab.active-tab {
	z-index: 20;
}
.columns .pricing-tab.active-tab {
  border-color: #E0ECFD;

  background-color: #ECF6FF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f9ff), to(#ECF6FF)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #f3f9ff, #ECF6FF); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #f3f9ff, #ECF6FF); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #f3f9ff, #ECF6FF); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #f3f9ff, #ECF6FF); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.columns .pricing-tab.enterprise-tab {
  border: none;
  margin-top:2px;

  color: #ffffff;
  background-color: #94d734;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#94d734), to(#6ec31e)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #94d734, #6ec31e); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #94d734, #6ec31e); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #94d734, #6ec31e); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #94d734, #6ec31e); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.columns .pricing-tab.enterprise-tab:hover {
  background-color: #9AE031;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9AE031), to(#77BF26)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #9AE031, #77BF26); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #9AE031, #77BF26); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #9AE031, #77BF26); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #9AE031, #77BF26); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

  -webkit-box-shadow: 0 2px 2px 2px #CDD5E0; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0 2px 2px 2px #CDD5E0; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.enterprise .pricing-tab.active-tab {
  border-color: #E0ECFD;
  background-color: #ffffff;
}
.enterprise .pricing-tab.muted-tab {
  border-color: #E6F1FE;

  background-color: #E6F1FE;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dae6f3), to(#E6F1FE)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #dae6f3, #E6F1FE); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #dae6f3, #E6F1FE); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #dae6f3, #E6F1FE); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #dae6f3, #E6F1FE); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
a.muted-tab {
	color: #2A4251;
}


a.enterprise-tab:hover,
a.muted-tab:hover {
	text-decoration: none;
}

.column-shadow {
  -webkit-box-shadow: 0 2px 4px 2px #CDD5E0; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
     -moz-box-shadow: 0 2px 4px 2px #CDD5E0; /* Old FF */
          box-shadow: 0 2px 4px 2px #CDD5E0; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.plan-column-mid.column-shadow {
  -webkit-box-shadow: 0 1px 4px 2px #CDD5E0; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
     -moz-box-shadow: 0 1px 4px 2px #CDD5E0; /* Old FF */
          box-shadow: 0 1px 4px 2px #CDD5E0; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.plans-columns.blue-bg {
	height: 470px;
	padding:0 20px;
	margin-left: 50px;

  background-color: #ecf5fe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ecf5fe), to(#e2f1fd)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #ecf5fe, #e2f1fd); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #ecf5fe, #e2f1fd); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #ecf5fe, #e2f1fd); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #ecf5fe, #e2f1fd); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.plan-column {
	text-align: center;
	line-height: 20px;
}

.plan-column-left {

}
.plan-column-mid {
	height: 485px;
	overflow: hidden;
	top: -5px;

  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4fafd)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #ffffff, #f4fafd); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #f4fafd); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #ffffff, #f4fafd); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #ffffff, #f4fafd); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.plan-column-right {

}

.tooltip,
.tooltip:hover {
	color: #2A4251;
	text-decoration: none;
	border-bottom: 1px dotted #2A4251;
}


.most-popular-tag {
    position: absolute;

    color: #FFFFFF;
    height: 125px;
    right: -62px;
    top: -62px;
    width: 125px;

  -webkit-transform: rotate(45deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(45deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(45deg);  /* IE 9 */
       -o-transform: rotate(45deg);  /* Opera 10.50-12.00 */
          transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

	background: rgb(254,192,85); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(254,192,85,1) 0%, rgba(255,100,16,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,192,85,1)), color-stop(100%,rgba(255,100,16,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(254,192,85,1) 0%,rgba(255,100,16,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(254,192,85,1) 0%,rgba(255,100,16,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(254,192,85,1) 0%,rgba(255,100,16,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(254,192,85,1) 0%,rgba(255,100,16,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec055', endColorstr='#ff6410',GradientType=1 ); /* IE6-9 */
}

.most-popular-tag span {
    position: absolute;

    bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 14px;
    right: 22px;
    width: 80px;
}

.plan-name {
	font-size: 26px;
	line-height: 40px;
	margin: 20px 0 0 0;
}
.plan-column-mid .plan-name {
	margin: 25px 0 0 0;
}
.plan-price {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
}

#content hr.shadow-underline, /* shame */
hr.shadow-underline {
	background: url("img/shadow-underline.png") no-repeat top center transparent;
	height: 15px;
	margin: 10px auto -5px;
	width: 220px;
}

.plan-feature {
	margin-bottom: 0;
}
.plan-feature a,
.plan-feature a:hover {
	color: #2A4251;
	cursor: help;
	text-decoration: none;
}
.plan-feature.part-one {
	font-size: 18px;
	height: 20px;
	margin-top: 10px;
}
.plan-feature.part-one.agents-num {
	font-size: 24px;
	height:25px;
	margin-top:15px;
}
.plan-feature.part-two  {
	font-size: 12px;
	font-weight: 400;
}
.plan-feature.single-part {
	font-size: 15px;
	height: 15px;
	margin-top: 10px;
}

.call-out {
	margin-bottom: 20px;
}
.call-out,
.more-features {
	margin-bottom: 20px;
	text-align: center;
}
.columns .call-out a {
	padding: 10px 0;
	text-align: center;

	-webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
            border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.columns .more-features a {
	font-size: 16px;
	text-align: center;
}


/* New pricing enterprise page */

/* sprite sheet 60x60
   first row is 60x60 images,
   second row is 40x40 images  */
.circle-icon {
	background:url('img/spritesheet-circle-icon-multisize3.png') no-repeat top left transparent; /* sprite sheet 60x60 */
	display: inline-block;
}
.circle-icon.forty {
	background-position: 0 -60px;
	height: 40px;
	width: 40px;
}
.circle-icon.forty.puzzle {
	background-position: 0 -60px;
}
.circle-icon.forty.team {
	background-position: -60px -60px;
}
.circle-icon.forty.pencil {
	background-position: -120px -60px;
}
.circle-icon.forty.bargraph {
	background-position: -180px -60px;
}
.circle-icon.forty.tieperson {
	background-position: -240px -60px;
}
.circle-icon.forty.phone {
	background-position: -300px -60px;
}

.enterprise #plans-container {
	height: auto;
	margin-bottom: 40px;
}

.enterprise-header {
	color: #38AEFF;
	text-align: center;
}
/*h4.enterprise-header {
	font-size: 42px;
	font-weight: 600;
	line-height: 40px;
	margin-top:20px;
	white-space: nowrap;
}*/
h6.enterprise-header {
	font-size: 26px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 30px;
	white-space: nowrap;
}

.enterprise-feature-module {
  padding: 0 10px 10px 10px;
  margin-bottom: 20px;
  height: 180px;

  background: transparent;
  /*        box-shadow: 0 2px 2px 1px #CDD5E0; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.enterprise-feature-module.alpha {
	margin-left: 50px;
}

.enterprise-feature-module .module-header {
	border-top: 2px solid #38AEFF;
	margin: 0px auto 10px auto;
	padding-top: 8px;
	height: 40px;
	width: 380px;
}
.enterprise-feature-module .module-header span:not(.circle-icon) {
	white-space: nowrap;
	position: relative;
	top: -13px;
	font-size: 20px;
	font-weight: 600;
	text-shadow: 0 0 5px #e8e8e8;
	color: #38AEFF;
}


.enterprise-feature-module.enterprise-call-out {
	background: transparent;
	border-color: transparent;
	padding: 0;
	margin-left: 20px;
}
.enterprise-feature-module .enterprise-call-out {
	padding: 0;
}
.enterprise-feature-module .enterprise-call-out {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;

	border: 1px solid #36A2EB;
	margin: -2px 0 20px -2px;

	color: white;
	text-align: center;
	margin-bottom: 20px;
	vertical-align: middle;
	width: 100%;
	height: 160px;

	background-color: #48b4fb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#48b4fb), to(#36A2EB)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #48b4fb, #36A2EB); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #48b4fb, #36A2EB); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #48b4fb, #36A2EB); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #48b4fb, #36A2EB); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

  -webkit-box-shadow: 0 0 5px 4px #C3CBD6; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
     -moz-box-shadow: 0 0 5px 4px #C3CBD6; /* Old FF */
          box-shadow: 0 0 5px 4px #C3CBD6; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

  -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
.enterprise-feature-module .enterprise-call-out:hover {
  background-color: #7ec9fd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7ec9fd), to(#38a2e9)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #7ec9fd, #38a2e9); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #7ec9fd, #38a2e9); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #7ec9fd, #38a2e9); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #7ec9fd, #38a2e9); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

}

.enterprise-call-out:hover {
	text-decoration: none;
}
.enterprise-call-out span {
	position: relative;
	top: 40px;

	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
}
.enterprise-call-out span:last-child {
	position: relative;
	font-size: 30px;
}

.enterprise-feature-module p {
	margin-left: 25px;
	font-size: 16px;
	width: 350px;
}


.whosUsingUs h2 {
	margin: 0 auto 20px auto;
/*	color: #38AEFF;*/
}


.uber-uns h2,
.about-us h2 {
	margin-bottom: 20px;
}
.uber-uns blockquote,
.about-us blockquote {
  background: none repeat scroll 0 0 #ECF6FF;
  height: 70px;
  margin-top: -30px;
  padding: 18px 5px 22px;
}
.uber-uns blockquote p,
.about-us blockquote p {
	margin-bottom: 0;
	margin-top: 15px;
	text-indent: 0;
	font-size: 20px;
	font-weight: 600;
}
.uber-uns h3,
.uber-uns h4,
.uber-uns h5,
.uber-uns h6,
.about-us h3,
.about-us h4,
.about-us h5,
.about-us h6 {
	margin: 0 0 10px 10px;
}
.uber-uns p,
.about-us p {
	text-indent: 20px;
}
.uber-uns .office-location,
.about-us .office-location {
	height: 240px;
}

/*.about-us .office-location h6 {
	margin-left: -10px;
}*/
.uber-uns .team-photo-container,
.about-us .team-photo-container {
	display: block;
	height: 300px;
	width: 940px;
}

.uber-uns .team-photo-container .team-photo.silly,
.about-us .team-photo-container .team-photo.silly {
	display: none;
}
.uber-uns .team-photo-container:hover .team-photo.silly,
.about-us .team-photo-container:hover .team-photo.silly {
	display: block;
}
.uber-uns .team-photo-container:hover .team-photo.serious,
.about-us .team-photo-container:hover .team-photo.serious {
	display: none;
}