@import url("reset.css");

/* 


BLUE 
blue : #2585fe
green: #29bb52
red: #b91617
orange: #ffd632
orange2: #c2a326
purple: #7767ff
dark blue: #245797
yellow: #ffd632

*/

.clr {clear:both;}
body {color:#5a5a5a; font-family:"open sans",Helvetica,Arial,sans-serif; font-size:14px;}
strong {font-weight:bold;}
.margin {margin:0 auto; width:1000px;}
.hide {display:none;}
.show {display:block;}
.left {float:left;}
.right {float:right;}
#pos {position:fixed; background:#fff; color:#000;}
.fixed {position:fixed; top:0;}
.green {color:green;}
.red {color:red !important;}
#preloader {background:url(../images/preloader.gif) no-repeat center center; background-size:100px 100px; height:100%; width:100%;}
#customer_preloader {background:url(../images/customer-preloader.gif) no-repeat center center; background-size:100px 100px; height:100px; width:100px;}
#preloader_rows {background:url(../images/preloader-rows.gif) no-repeat center center; background-size:120px 15px; height:30px; width:100%;}
#img_preloader {display:none;}
.btn_preloader {background:url(../images/button-preloader.gif) no-repeat right 10px center; background-size:20px 20px;}
#fade_in {background:url(../images/white-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:20;}
#fade_dark {background:url(../images/dark-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:20;}
.text_limit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.blue {color:#2585fe;}
.green {color:#29bb52;}
.red {color:#b91617;}
.orange {color:#ffd632;}
.orange2 {color:#c2a326;}
.purple {color:#7767ff;}
.dark_blue {color:#245797;}
.yellow {color:#ffd632;}


/* drop down */
.drop_down_cont {cursor:pointer; float:left; padding:10px 3%; width:27%;}
.drop_down_default {background:url(../images/drop-down-arrow.png) no-repeat 150px center; background-size:13px 8px; border:1px solid #2585fe; border-radius:3px; color:#2585fe; line-height:25px; height:25px; padding:0 10px; width:150px;}
.drop_down {background:#fff; border-bottom:1px solid #2585fe; border-left:1px solid #2585fe; border-right:1px solid #2585fe; border-top:none; border-radius:0px 0px 3px 3px; display:none; padding:5px 0; position:absolute; width:170px;}
.drop_down li {padding:5px 10px;}
.drop_down li:hover {background:#f3f5f7;}
.drop_down_show {border-bottom:none !important; border-radius:3px 3px 0px 0px !important;}

/* animated buttons */
.anim_btn {position:relative; overflow:hidden; outline:none;}
.anim_btn:after {content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; background-image:radial-gradient(circle, #FFFFFF 10%, transparent 10.01%); background-repeat:no-repeat; background-position:50%; -ms-transform:scale(10, 10); -webkit-transform:scale(10, 10); -o-transform:scale(10, 10); -moz-transform:scale(10, 10); transform:scale(10, 10); -webkit-transition:transform .5s, opacity 1s; -moz-transition:transform .5s, opacity 1s; -o-transition:transform .5s, opacity 1s; transition:transform .5s, opacity 1s;}
.anim_btn:active:after {opacity:0.3; -ms-transform:scale(0, 0); -webkit-transform:scale(0, 0); -o-transform:scale(0, 0); -moz-transform:scale(0, 0); transform:scale(0, 0); -webkit-transition:0s; -moz-transition:0s; -o-transition:0s; transition:0s;}

/* #cont margins */


/*************
	HOME HEADER
*************/

#header {background-image: linear-gradient(#3f546d, #284d79); padding:10px 50px;}
#header_logo_cont {float:left; height:21px; padding-top:7px; position:relative; width:100px;}
#header_white_logo {position:absolute; z-index:3; margin-left:-50px;}
#header_blue_logo {position:absolute; z-index:4; margin-left:50px;}

#header_pricing {color:#2585fe; display:block; font-weight:bold;}
#header_create {color:#fff; display:block;}
#header_login {background-color:#2585fe; background-image:linear-gradient(to bottom, #1f72db, #2585fe); border:none; box-shadow:0px 0px 3px #2c3b4d inset; color:#fff; cursor:pointer; display:inline-block; font-size:14px; padding:10px 40px;}
#header_login:focus {box-shadow:0px 0px 10px #2c3b4d inset;}
#header_login_cont {float:right;}
#header_login_cont li {cursor:pointer; float:left; margin-right:40px;}
.header_nav {margin-top:10px;}

/* hover effect */
.header_hover {height:2px; width:100%;}
.header_hover_left_cont {float:left; height:2px; text-align:right; width:50%;}
.header_hover_right_cont {float:left; height:2px; text-align:left; width:50%;}
#header_pricing_cont .header_hover_line {background:#2585fe; display:inline-block; height:2px; width:0%;}
#header_create_cont .header_hover_line {background:#fff; display:inline-block; height:2px; width:0%;}

.header_hover_left {display:inline-block; float:left; height:2px; display:inline-block; width:0%;}
.header_hover_right {display:inline-block; float:right; height:2px; display:inline-block; width:0%;}

/* home header */
#home_header_logo_blue {background:url(../images/notiphy-logo-blue.png) no-repeat red; display:none; height:21px; left:0px; position:absolute; top:0px; width:100px; z-index:20;}


/*************
	HOME LANDING PAGE
*************/

/* 	ANIMATED PLAIN
#test {padding-top:250px;}

#test1cont {position:relative; left:50%; margin-left:-600px;  perspective: 400px; height:400px; width:400px; }
#test2cont {position:relative; left:50%; margin-left:-600px; perspective: 400px; top:-250px; height:400px; width:400px;}

#test1 {background:red; padding:200px;  position:absolute; transform-style: preserve-3d; transform: rotateX(300deg);}
#test2 {background:blue; padding:200px; position:absolute; transform-style: preserve-3d; transform: rotateX(-300deg);}

#div1 {
  position: relative;
  height: 150px;
  width: 150px;
  margin: 260px;
  border: 1px solid blue;
  perspective: 150px;
}

#div2, #div4 {
  padding: 75px;
  position: absolute;
  border: 1px solid black;
  background-color: red;
  background: rgba(100,100,100,0.5); 
  transform-style: preserve-3d;
  transform: rotateX(180deg);
}

#testspacer {height:2000px;}
*/



#home {font-family:proxima-nova,sans-serif;}

/* intro */
#home_intro_bg {backgrounds:url(../home/images/home-intro1.png) no-repeat center top; background-size:2000px 984px; height:1000px;}


.home_bubble {
  background: radial-gradient(100% 115% at 25% 25%, #fff, transparent 33%),
    radial-gradient(15% 15% at 75% 75%, #bfdafb, transparent),
    radial-gradient(100% 100% at 50% 25%, transparent, #96c4ff 98%);
  border: 1px solid #bfdafb;
  border-radius: 100%;
  position:absolute;
}
#home_bubble1 {height:800px; left:-300px; top:-200px; width:800px;}
#home_bubble2 {height:500px; right:300px; top:100px; width:500px;}
#home_bubble3 {height:250px; left:700px; top:500px; width:250px;}
#home_bubble4 {height:350px; right:500px; top:-50px; width:350px;}
#home_bubble5 {height:650px; right:-100; top:400px; width:650px;}

/* ARROW */
#home_arrow {animation:bounce 2s infinite; background-image:url(../home/images/home-scroll-arrow.png); background-size:contain; bottom:40px; background-repeat:no-repeat; background-position:center bottom; height:50px; left:50%; margin-left:-50px; text-align:center; position:fixed; width:100px; z-index:5;}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-5px);}
}
#home_arrow span {font-size:12px; }



#home_intro {margin:0 auto; padding:60px 0; width:1000px;}
#home_intro h1 {color:#000; font-size:40px; font-weight:bold; padding-bottom:30px; text-align:center;}
#home_intro h2 {color:#fff; font-size:24px; font-weight:100; padding-top:20px; text-align:center;}
#home_intro h2 span {background:#2585fe; border-radius:20px; box-shadow:0px 2px 2px #16345a; display:inline-block; padding:10px 50px;}
#home_intro_text {color:#fff; font-size:20px; padding:40px 0 20px 0; text-align:center;}
#home_intro_text2 {background:url(../home/images/home-intro-star.png) no-repeat 260px 22px; background-size:15px 15px; color:#000; font-size:20px; padding-top:20px; text-align:center;}
#home_intro_text3 {color:#245797; font-size:20px; text-align:center;}

/* SPREADSHEET */

#home_spreadsheet {height:540px; left:50%; margin-left:-500px; top:220px; position:absolute; width:1000px; z-index:2;}
#home_spreadsheet_bg {background:url(../home/images/home-spreadsheet.png) no-repeat center top; background-size:100%; border-radius:5px; box-shadow:0px 0px 1px #6e6e6e; height:70%; margin:0 auto; overflow:hidden; position:relative; width:70%;}
#home_spreadsheet_edit {background:url(../home/images/home-spreadsheet-edit.png) no-repeat center center; background-size:200px 264px; box-shadow:0px 0px 5px #ddd; display:none; height:264px; left:200px; position:absolute; top:100px; width:200px;}
#home_spreadsheet_filter {background:url(../home/images/home-spreadsheet-filter.png) no-repeat center center; background-size:262px 520px; height:520px; right:-262px; position:absolute; top:0px; width:262px; z-index:5;}
#home_spreadsheet_report {background:url(../home/images/home-spreadsheet-report.png) no-repeat center center; background-size:262px 520px; height:520px; right:-262px; position:absolute; top:0px; width:262px; z-index:5;}
#home_spreadsheet_column {background:url(../home/images/home-spreadsheet-column.png) no-repeat center center; background-size:93px 452px; bottom:0px; height:452px; right:0px; opacity:0; position:absolute; width:93px; z-index:5;}
#home_spreadsheet_fade {background:#000; height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; z-index:3;}


#home_spreadsheet_text {height:100px; position:relative;}
.home_spreadsheet_text {color:#000; font-size:24px; position:absolute; opacity:0; text-align:center; top:30px; width:1000px;}


/* SECTIONS */

.home_more_link {color:#c2a326; font-size:18px; font-weight:bold; text-decoration:underline;}
.home_section {margin:0 auto; width:1000px;}
.home_section_text {float:left; width:50%;}
.home_section h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:20px; text-align:center;}
.home_section h3 {font-size:20px; padding:20px 0 60px 0; text-align:center;}
.home_section li {font-size:18px; line-height:20px; padding:5px 10px; margin-bottom:20px; width:400px;}
.home_list_current {background:#f6faff; border:1px solid #d7e9ff; border-radius:20px;}

.home_section_image {float:left; width:50%;}

/* VALUE */

#home_value {color:#5d5d5d; font-family:"open sans",Helvetica,Arial,sans-serif; left:50%; margin-left:-500px; position:absolute; text-align:center; width:1000px; z-index:2;}
#home_value h3 {font-size:30px; font-weight:100; padding-bottom:50px;}
#home_value p {color:#000; font-size:18px; font-weight:bold; line-height:36px; opacity:0; position:relative;}


/* NOTIFICATION S */

#home_notifications {left:50%; margin-left:-500px; position:absolute; width:1000px; z-index:2;}

#home_notifications_end {color:#000; font-size:20px; font-weight:bold; padding-top:20px; text-align:center;}
#home_notifications_more {padding-top:20px; text-align:center;}

#home_notification_messages {overflow:hidden; position:relative; height:400px; width:500px;}
.home_notification_messages {left:100px; opacity:0; position:absolute; top:400px;}


/* EMAILS */

#home_emails {left:50%; margin-left:-500px; position:absolute; width:1000px; z-index:2;}

/* process images */
#home_email_process {padding-left:150px;}
.home_email_process {position:relative;}
#home_email_process_recipients .home_email_grey {background:url(../home/images/home-recipients.png) no-repeat center top; background-size:59px 40px; height:60px; width:100px;}
#home_email_process_recipients .home_email_color {background:url(../home/images/home-recipients-color.png) no-repeat center top; background-size:59px 40px; height:60px; opacity:0; position:absolute; top:0; width:100px;}

#home_email_process_message .home_email_grey {background:url(../home/images/home-message.png) no-repeat center 20px; background-size:60px 40px; height:80px; width:100px;}
#home_email_process_message .home_email_color {background:url(../home/images/home-message-color.png) no-repeat center 20px; background-size:60px 40px; height:80px; position:absolute; top:0; width:100px;}

#home_email_process_send .home_email_grey {background:url(../home/images/home-send.png) no-repeat center 20px; background-size:62px 40px; height:60px; width:100px;}
#home_email_process_send .home_email_color {background:url(../home/images/home-send-color.png) no-repeat center 20px; background-size:62px 40px; height:60px; position:absolute; top:0; width:100px;}

.home_email_line {background:#ddd; height:90px; margin-left:47px; width:6px;}
#home_email_line1 .home_email_line_color {background:#2585fe; height:0px; width:6px;}
#home_email_line2 .home_email_line_color {background:#7767ff; height:0px; width:6px;}

/* text */
#home_email_text {height:400px; position:relative;}
.home_email_text {left:0; opacity:0; position:absolute; top:0;}

#home_email_text_recipients h3 {color:#2585fe;}
#home_email_recipients_image {background:url(../home/images/home-email-segment.png) no-repeat center top; background-size:150px 150px; height:150px; margin:0 auto; width:150px;}

#home_email_text_message h3 {color:#7767ff;}
#home_email_text_send h3 {color:#29bb52;}

/* spacer */
#email_spacer {height:1300px;}

/* CUSTOMER */


#home_customer {left:50%; margin-left:-500px; position:absolute; width:1000px; z-index:2;}
#home_customer_image {position:relative;}
#home_customer_timeline {margin:0 auto; width:400px;}
#home_customer_timeline_tools {background:url(../home/images/home-timeline.png) no-repeat left top; background-size:250px 32px; border:1px solid #d9d9d9; height:32px; width:400px;}
#home_customer_timeline_text {border:1px solid #d9d9d9; border-top:none; height:100px; line-height:20px; padding:20px; width:360px;}
#home_customer_timeline_btn_cont {padding-top:40px; text-align:center; position:relative;}
#home_customer_timeline_btn {background:#2585fe; border:none; border-radius:5px; color:#fff; cursor:pointer; display:inline-block; font-size:18px; line-height:30px; padding:5px 15px; width:160px;}
#home_customer_timeline_btn_arrow {background:#000; border-radius:10px; color:#fff; display:none; left:160px; padding:5px 0; position:absolute; top:100px; width:80px;}
#home_customer_timeline_btn_arrow:after {bottom:100%; left:50%; border: solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
#home_customer_timeline_btn_arrow:after {border-color:rgba(0, 0, 0, 0); border-bottom-color:#000000; border-width:5px; margin-left:-5px;}

#home_customer_reminder {background:url(../home/images/home-reminder.png) no-repeat center top; background-size:60%; display:none; height:300px; left:50px; position:absolute; top:20px; width:400px;}
/* #home_customer_image {background:url(../home/images/home-customer.png) no-repeat center top; background-size:400px 309px; height:500px;} */

#customer_spacer {height:1100px;}

/* REPORTS */

#home_reports {left:50%; margin-left:-500px; position:absolute; width:1000px; z-index:2;}
.home_reports_image {position:absolute;}

#home_reports_graph {background:url(../home/images/home-reports-graph.png) no-repeat center top; background-size:400px 230px; height:400px; opacity:0; width:500px;}
#home_reports_month {background:url(../home/images/home-reports-month.png) no-repeat center top; background-size:400px 225px; height:400px; opacity:0; width:500px;}
#home_reports_sales {background:url(../home/images/home-reports-sales.png) no-repeat center top; background-size:400px 252px; height:400px; opacity:0; width:500px;}



/* #home_reports_image {background:url(../home/images/home-reports.png) no-repeat center top; background-size:400px 263px; height:500px;} */


/* spacer */
#reports_spacer {height:1300px;}






/* NAV */
#home_nav {bottom:50px; margin-top:-80px; position:fixed; top:50%;}
#home_nav li {height:25px; padding:5px 10px; position:relative;}
.home_nav_label {display:none; font-size:12px; line-height:25px; padding-left:10px;}
.home_nav_line {border-left:2px solid; cursor:pointer; height:25px; width:25px; position:absolute;}
.home_nav_line_current {border-color:#000;}
.home_nav_line_not_current {border-color:#d2d2d2;}


/*************
	SPREADSHEET
*************/

/* intro */
#spreadsheet_intro {margin:0 auto; padding:60px 0; width:1000px;}
#spreadsheet_intro h1 {color:#000; font-size:40px; padding-bottom:30px; text-align:center;}
#spreadsheet_intro h2 {color:#000; font-size:24px; font-weight:100; padding-bottom:30px; text-align:center;}
#spreadsheet_intro_bg {background:url(../home/images/home-spreadsheet.png) no-repeat center top; background-size:800px 460px; height:500px;}

/* add update */
#spreadsheet_update {margin:0 auto; padding:60px 0; width:1000px;}
#spreadsheet_update h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:40px; text-align:center;}
#spreadsheet_update_desc {color:#000; font-size:20px; line-height:26px; padding-bottom:40px; text-align:center;}

/* features */
#spreadsheet_features {margin:0 auto; padding:60px 0; width:1000px;}
#spreadsheet_features h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:20px; text-align:center;}
#spreadsheet_features_text {color:#7767ff; font-size:20px; font-weight:100; padding-bottom:60px; text-align:center;}

.spreadsheet_features {padding:60px 0;}
.spreadsheet_features_text {float:left; width:50%;}
.spreadsheet_features_text h3 {color:#000; font-size:24px; font-weight:bold; padding-bottom:40px; text-align:center;}
.spreadsheet_features_text li {font-size:16px; line-height:20px; padding:10px 20px;}
.spreadsheet_features_text li a {color:#2585fe; text-decoration:underline;}
.spreadsheet_features_image {background-repeat:no-repeat; background-position:center center; background-size:400px 219px; float:left; height:220px; margin:0 auto; width:50%;}
#spreadsheet_features_columns {background-image:url(../home/images/spreadsheet-columns.png);}
#spreadsheet_features_filter {background-image:url(../home/images/spreadsheet-filter.png);}
#spreadsheet_features_reports {background-image:url(../home/images/spreadsheet-reports.png);}
#spreadsheet_features_actions {background-image:url(../home/images/spreadsheet-actions.png);}



/*************
	NOTIFICATIONS
*************/

/* intro */
#notifications {}
#notifications_intro {margin:0 auto; padding:60px 0; width:1000px;}
#notifications_intro h1 {color:#000; font-size:40px; padding-bottom:30px; text-align:center;}
#notifications_intro h2 {color:#000; font-size:24px; font-weight:100; padding-bottom:30px; text-align:center;}
#notifications_intro_bg {background:url(../home/images/notifications-screen.png) no-repeat center top; background-size:800px 300px; height:300px;}

/* alerts */
#notifications_alerts {margin:0 auto; padding:60px 0; width:1000px;}
#notifications_alerts h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:40px; text-align:center;}
#notifications_alerts_desc {color:#000; font-size:20px; padding-bottom:40px; text-align:center;}

.notifications_type {padding:100px 0;}

.notification_type_text {float:left; width:50%;}
.notification_type_text h3 {font-size:18px; font-weight:bold; padding:10px 0;}
.notification_type_text p {line-height:20px;}

.notification_type_alert {float:left; width:50%;}
.notifications_type_message {border-radius:5px; box-shadow:0px 3px 5px #a5a5a5; margin:0 auto; overflow:hidden; width:300px;}
.notifications_type_message h4 {background:#29bb52; color:#fff; font-weight:bold; padding:10px; text-align:center;}
.notifications_type_desc {line-height:24px; padding:10px;}
.notifications_type_more {color:#2585fe; padding:10px; text-align:center; text-decoration:underline;}




/*************
	PROSPECTS
*************/

/* intro */
#prospect_intro {margin:0 auto; padding:60px 0; width:1000px;}
#prospect_intro h1 {color:#000; font-size:40px; padding-bottom:30px; text-align:center;}
#prospect_intro h2 {color:#000; font-size:24px; font-weight:100; padding-bottom:30px; text-align:center;}
#prospect_interactive {color:#2585fe; text-align:center; text-decoration:underline;}

/* add update */
#prospect_features {margin:0 auto; padding:60px 0; width:1000px;}
#prospect_features h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:40px; text-align:center;}

/* features */
#prospect_features {margin:0 auto; padding:60px 0; width:1000px;}
#prospect_features h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:20px; text-align:center;}
#prospect_features_text {color:#7767ff; font-size:20px; font-weight:100; padding-bottom:60px; text-align:center;}

.prospect_features {padding:60px 0;}
.prospect_features_text {float:left; width:50%;}
.prospect_features_text h3 {color:#000; font-size:24px; font-weight:bold; padding-bottom:40px; text-align:center;}
.prospect_features_text li {font-size:16px; line-height:20px; padding:10px 20px;}
.prospect_features_text li a {color:#2585fe; text-decoration:underline;}
.prospect_features_image {background-repeat:no-repeat; background-position:center center; float:left; margin:0 auto; width:50%;}
#prospect_features_toolbar {background-image:url(../home/images/prospect-toolbar.png); background-size:400px 34px; height:220px;}
#prospect_features_progress {background-image:url(../home/images/prospect-progress.png); background-size:400px 300px; height:300px;}
#prospect_features_info {background-image:url(../home/images/prospect-info.png); background-size:400px 380px; height:400px;}




/*************
	REPORTS
*************/

#reports_intro {margin:0 auto; padding:60px 0; width:1000px;}
#reports_intro h1 {color:#000; font-size:40px; padding-bottom:30px; text-align:center;}
#reports_intro h2 {color:#000; font-size:24px; font-weight:100; padding-bottom:30px; text-align:center;}
#reports_intro_bg {background:url(../home/images/reports-screen.png) no-repeat center top; background-size:800px 348px; height:348px;}

/* dashboard */
#reports_dashboard {margin:0 auto; padding:60px 0; width:1000px;}
#reports_dashboard h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:40px; text-align:center;}
#reports_dashboard_image {background:url(../home/images/reports-compare.png) no-repeat center top; background-size:800px 142px; height:142px;}
#reports_dashboard {line-height:20px; margin:0 auto; padding-top:50px; width:800px;}

/* data */
#reports_data {margin:0 auto; padding:60px 0; width:1000px;}
#reports_data h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:80px; text-align:center;}

.reports_data {padding:60px 0;}
.reports_data_text {float:left; width:50%;}
.reports_data_text h3 {color:#000; font-size:24px; font-weight:bold; padding-bottom:40px; text-align:center;}
.reports_data_text li {font-size:16px; line-height:20px; padding:10px 20px}
.reports_data_image {background-repeat:no-repeat; background-position:center center; background-size:400px 300px; float:left; height:300px; margin:0 auto; width:50%;}
#reports_data_sales {background-image:url(../home/images/reports-sales.png);}
#reports_data_products {background-image:url(../home/images/reports-products.png);}
#reports_data_source {background-image:url(../home/images/reports-source.png);}


/*************
	EMAIL
*************/

#emails_intro {margin:0 auto; padding:60px 0; width:1000px;}
#emails_intro h1 {color:#000; font-size:40px; padding-bottom:30px; text-align:center;}
#emails_intro h2 {color:#000; font-size:24px; font-weight:100; padding-bottom:30px; text-align:center;}

/* features */
#emails_features {margin:0 auto; padding:60px 0; width:1000px;}
#emails_features h2 {color:#000; font-size:34px; font-weight:bold; padding-bottom:20px; text-align:center;}
#emails_features_text {color:#7767ff; font-size:20px; font-weight:100; padding-bottom:60px; text-align:center;}

.emails_features {padding:60px 0;}
.emails_features_text {float:left; width:50%;}
.emails_features_text h3 {color:#000; font-size:24px; font-weight:bold; padding-bottom:40px; text-align:center;}
.emails_features_text li {font-size:16px; line-height:20px; padding:10px 20px;}
.emails_features_text li a {color:#2585fe; text-decoration:underline;}
.emails_features_image {background-repeat:no-repeat; background-position:center center; float:left; margin:0 auto; width:50%;}
#emails_features_segment {background-image:url(../home/images/emails-segment.png); background-size:400px 217px; height:220px;}
#emails_features_who {background-image:url(../home/images/emails-who.png); background-size:400px 217px; height:220px;}
#emails_features_custom {background-image:url(../home/images/emails-custom.png); background-size:400px 202px; height:220px;}



/*************
	HOME PROSPECT PAGE
*************/

#home_fade {background:url(../images/dark-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:20;}

.instructions_pop {background:#000; border-radius:5px; box-shadow:0px 0px 5px #000; color:#fff; opacity:0.8; padding:20px 20px 10px 20px; position:absolute; z-index:200;}
.instructions_pop h3 {border-bottom:1px solid #fff; font-size:16px; font-weight:bold; padding-bottom:10px; }
.instructions_pop p {line-height:20px; padding:10px 0; }
.instructions_pop_next_cont {height:20px; text-align:right;}
.instructions_pop_next {background: url(../images/instructions-next.png) no-repeat right 5px #fff;; border:1px solid #000; border-radius:3px; color:#000; cursor:pointer; display:none; font-size:14px; padding:5px 10px;}
.instructions_pop li {padding-bottom:10px;}

.instructions_cont {position:relative;}
#instructions_edit {left:300px; top:200px; width:250px;}
#instructions_edit {left:300px; top:200px; width:250px;}

#instructions_stages {display:none; left:300px; top:50px; width:350px;}

#instructions_update {display:none; left:300px; top:150px; width:350px;}

#instructions_timeline {display:none; left:300px; top:-150px; width:350px;}

#instructions_forecasts {display:none; right:-150px; top:50px; width:350px;}

#instructions_won_lost {display:none; left:-150px; top:70px; width:350px;}

#instructions_summary {display:none; left:-150px; top:70px; width:350px;}


/*************
	HOME PRICE PAGE
*************/

#prices_cont {background:url(../home/images/triangle-bg.png) #fbfbfd no-repeat center top; background-size:1500px 559px; padding:20px 0 100px 0; height:100%;}
#prices {margin:0 auto; padding:50px 0; width:1000px;}
#prices_cont h1 {color:#fff; font-family:proxima-nova,sans-serif; font-size:30px; font-weight:bold; padding-bottom:20px; text-align:center;}
#prices_intro_text {color:#d2e6ff; font-size:18px; line-height:26px; padding-bottom:20px; text-align:center;}
#prices_intro_text2 {color:#fff; font-size:14px; font-weight:100; line-height:20px; margin:0 auto; padding-bottom:80px; width:600px;}


/* crm container */
#prices_cont h3 {border-bottom:1px solid #ebedf3; font-size:24px; font-family:proxima-nova,sans-serif; font-weight:bold; padding:30px 20px 20px 20px;}
.price_point {background:url(../home/images/price-tick.png) no-repeat left 13px; background-size:10px 8px; padding-left:15px;}

#price_calulate_cont {background:#fff; border:1px solid #ebedf3; border-radius:5px; float:left; margin:0 49px; width:400px;}
#prices_crm {padding:20px;}
#prices_prospects {padding:20px;}
.prices_label {padding-bottom:10px;}
.prices_label label {color:#393939; display:inline-block; font-size:14px; font-weight:bold; padding-bottom:5px;}
.prices_field input {border:1px solid #c2c2c2; border-radius:3px; color:#000; font-size:14px; padding:10px 20px; width:320px;}
.prices_field input:focus {box-shadow:0px 0px 5px #9aa1a9;}
/* button */
#price_calculate_cont {padding:10px 20px 40px 20px;}
#price_calculate {background-color:#29bb52; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; width:360px;}
/* price area */
#price_rate_cont {border-top:1px solid #ebedf3; height:90px; padding:20px;}
#price_rate {font-size:20px; font-weight:bold;}
#price_rate_per_user {color:#9299a1; font-size:14px; padding-top:10px;}
#price_rate_per_customer {color:#9299a1; font-size:14px; padding-top:10px;}
.price_promo {color:#aeaeae; font-size:12px; padding-top:20px;}

/* email container */
#prices_mail_cont {background:#fff; border:1px solid #ebedf3; border-radius:5px; float:left; margin:0 49px; width:400px;}
#prices_mail_form {padding:20px;}
#prices_mail_spacer {height:108px;}
/* button */
#price_email_calculate_cont {padding:10px 20px 40px 20px;}
#price_email_calculate {background-color:#29bb52; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; width:360px;}
/* price area */
#price_rate_email_cont {border-top:1px solid #ebedf3; height:90px; padding:20px;}
#price_email_rate {font-size:20px; font-weight:bold;}
#price_email_rate_per_email {color:#9299a1; font-size:14px; padding-top:10px;}


/*************
	CREATE ACCOUNT
*************/

#create_cont {background:url(../home/images/triangle-bg.png) #fbfbfd no-repeat center top; background-size:1500px 559px;; padding:120px 40px; height:100%;}
#create {background:#fff; border:1px solid #ebedf3; border-radius:5px; margin: 0 auto; width:400px;}
#create h1 {border-bottom:1px solid #ebedf3; font-size:24px; font-family:proxima-nova,sans-serif; font-weight:bold; padding:30px 20px 20px 20px;}

#create_intro_text {color:#2585fe; font-size:18px; line-height:26px; padding:20px;}
#create_intro_text2 {color:#a1a1a1; font-size:12px; line-height:18px; padding:0 20px 20px 20px;}

.create_field_cont {padding:20px;}
.create_label {padding-bottom:10px;}
.create_label label {color:#393939; display:inline-block; font-size:14px; font-weight:bold; padding-bottom:5px;}
.create_field {position:relative;}
.create_field input {border:1px solid #c2c2c2; border-radius:3px; color:#000; font-size:14px; padding:10px 40px 10px 20px; width:300px;}
.create_field input:focus {box-shadow:0px 0px 5px #9aa1a9;}
#create_errors {color:#ffd632; font-size:12px; line-height:16px; padding-left:20px;}
#create_errors li {padding-bottom:6px;}
#create_field_pwd {font-size:12px; color:#ffd632; padding-top:5px; line-height:16px;}

#create_show_pwd {background:url(../home/images/show-password.png) 0px -12px; background-size:20px 26px; cursor:pointer; display:inline-block; height:13px; right:5px; position:absolute; top:12px; width:20px;}


#create_btn {background-color:#29bb52; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; width:360px;}
#create_btn_cont {padding:10px 20px 40px 20px;}

/*************
	LOGIN
*************/

#login_cont {background:url(../home/images/triangle-bg.png) #fbfbfd no-repeat center top; background-size:1500px 559px;; padding:120px 40px; height:100%;}
#login {background:#fff; border:1px solid #ebedf3; border-radius:5px; margin: 0 auto; width:400px;}
#login_cont h1 {border-bottom:1px solid #ebedf3; font-size:24px; font-family:proxima-nova,sans-serif; font-weight:bold; padding:30px 20px 20px 20px;}
#login_text {color:#a1a1a1; font-size:12px; line-height:20px; padding:20px;}
#login_text a {color:#29bb52; text-decoration:underline;}

#login_form {margin:0 auto; width:400px;}
#login_username {padding:20px;}
#login_password {padding:20px;}
.login_label {padding-bottom:10px;}
.login_label label {color:#393939; display:inline-block; font-size:14px; font-weight:bold; padding-bottom:5px;}
.login_field {position:relative;}
.login_field input {border:1px solid #c2c2c2; border-radius:3px; color:#000; font-size:14px; padding:10px 20px; width:320px;}
.login_field input:focus {box-shadow:0px 0px 5px #9aa1a9;}
#login_error {color:#ffd632; font-size:12px; padding-left:20px;}

#login_show_pwd {background:url(../home/images/show-password.png) 0px -12px; background-size:20px 26px; cursor:pointer; display:inline-block; height:13px; right:5px; position:absolute; top:12px; width:20px;}

#login_btn {background-color:#2585fe; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; width:360px;}
#login_btn_cont {padding:10px 20px 20px 20px;}
#login_forgotten_cont {padding:10px 0 20px 0; text-align:center;}
#login_forgotten {font-size:12px;}
#login_forgotten:hover {text-decoration:underline;}


/*************
	FORGOTTEN PASSWORD
*************/

#forgotten_cont {background:url(../home/images/triangle-bg.png) #fbfbfd no-repeat center top; background-size:1500px 559px;; padding:120px 40px; height:100%;}
#forgotten {background:#fff; border:1px solid #ebedf3; border-radius:5px; margin: 0 auto; width:400px;}
#forgotten_cont h1 {border-bottom:1px solid #ebedf3; font-size:24px; font-family:proxima-nova,sans-serif; font-weight:bold; padding:30px 20px 20px 20px;}
#forgotten_text {color:#a1a1a1; font-size:12px; line-height:20px; padding:20px;}

#forgotten_form {margin:0 auto; width:400px;}
#forgotten_email {padding:20px;}
.forgotten_label {padding-bottom:10px;}
.forgotten_label label {color:#393939; display:inline-block; font-size:14px; font-weight:bold; padding-bottom:5px;}
.forgotten_field input {border:1px solid #c2c2c2; border-radius:3px; color:#000; font-size:14px; padding:10px 20px; width:320px;}
.forgotten_field input:focus {box-shadow:0px 0px 5px #9aa1a9;}
#forgotten_error {color:#ffd632; font-size:12px; padding-left:20px;}

#forgotten_btn {background-color:#2585fe; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; width:360px;}
#forgotten_btn_cont {padding:10px 20px 40px 20px;}

/*************
	RESET PASSWORD
*************/

#reset_cont {background:url(../home/images/triangle-bg.png) #fbfbfd no-repeat center top; background-size:1500px 559px; min-height:350px; padding:120px 40px;}
#reset {background:#fff; border:1px solid #ebedf3; border-radius:5px; margin: 0 auto; width:400px;}
#reset_cont h1 {border-bottom:1px solid #ebedf3; font-size:24px; font-family:proxima-nova,sans-serif; font-weight:bold; padding:30px 20px 20px 20px;}
#reset_text {color:#a1a1a1; font-size:12px; line-height:20px; padding:20px;}
#reset_text a {color:#29bb52; text-decoration:underline;}

#reset_form {margin:0 auto; width:400px;}
#reset_username {padding:20px;}
#reset_password {padding:20px;}
.reset_label {padding-bottom:10px;}
.reset_label label {color:#393939; display:inline-block; font-size:14px; font-weight:bold; padding-bottom:5px;}
.reset_field input {border:1px solid #c2c2c2; border-radius:3px; color:#000; font-size:14px; padding:10px 40px 10px 20px; width:300px;}
.reset_field input:focus {box-shadow:0px 0px 5px #9aa1a9;}
#reset_error {color:#ffd632; font-size:12px; line-height:18px; padding-left:20px;}
.reset_field {position:relative;}
#reset_show_pwd {background:url(../home/images/show-password.png) 0px -12px; background-size:20px 26px; cursor:pointer; display:inline-block; height:13px; right:5px; position:absolute; top:12px; width:20px;}


#reset_btn {background-color:#2585fe; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; width:360px;}
#reset_btn_cont {padding:10px 20px 40px 20px;}


/*************
	HOME FOOTER
*************/

#footer {margin:0 auto; width:1000px;}
#footer_nav {text-align:center;}
#footer_subnav {text-align:center;}
#footer_copy {display:inline-block; font-size:14px; padding:20px;}
.footer_nav {color:#000; display:inline-block; font-size:14px; font-weight:100; font-family:"open sans",Helvetica,Arial,sans-serif; padding:20px;}
#footer_nav li a:hover {text-decoration:underline;}

#footer_nav h3 {color:#9fa7b1; font-size:18px; padding-bottom:22px;}



/******************
    Retina
******************/

@media 
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {


}