/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/**
 * Import
 */
@import url('fonts/open-sans-fontfacekit/stylesheet.css'); 

/**
 * Global Styles 
 */
html, body { height: 100%; }
body { padding-top: 0px; font-family: Open Sans, Helvetica, Arial,sans-serif; text-align: center; }
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 10px auto;}
.textleft {text-align: left; }
.textright {text-align: right; }
.textcenter {text-align: center; }
.textjustify {text-align: justify; }
.clear {clear: both;}
.red {color: #bf0009;}
.yellow {color:#ffffaa;}
.white {color: #ffffff;}
.green {color: #77af0f; }
.blue {color: #1d76bb; }
.gray {color: #aaaaaa;}
.spacer {padding-bottom: 30px; display: block; }
.separator {clear: both; padding-bottom: 20px; border-bottom:1px dashed #e6e6e6; margin-bottom: 20px;}
.alternate {background-color: #f1f1f1;}
.hide {display: none;}
.block {display: block;}

.semibold {font-family: Open Sans Semibold, Helvetica Semibold, Arial, sans-serif; }

.wrapper {position: relative; }

/** Form List */
ul.formlist {list-style: none; margin: 0; padding: 0; }
ul.formlist label {float: left; width: 120px; margin-right: 10px; text-align: left; padding: 5px 0; }
ul.formlist li {text-align: left; margin: 0 0 20px 0; clear: both; position: relative; }
ul.formlist li input[type=text], ul.formlist li input[type=email] {width: calc( 100% - 130px ); background: transparent; border: 1px solid #bcbdbf; padding: 5px; }
ul.formlist li select {width: calc( 60% - 130px ); background: transparent; border: 1px solid #bcbdbf; padding: 5px; }
ul.formlist li.submit {margin-top: 50px; }
ul.formlist li .status {width: 120px; position: absolute; right: -130px; top: 5px; display: none; }
ul.formlist li.has-error .status {color: #ed1c24; display: block; }
ul.formlist li.has-error input, ul.formlist li.has-error textarea, ul.formlist li.has-error select {border: 1px solid #ed1c24; }


/**
 * Header
 */
.header {display: block; width: 100%; height: 598px; position: relative; text-align: center; overflow: hidden; }
.header-home { background: #0f1724; }
.page-default .header-inner { background: #fff no-repeat top center; background-size: cover; }}

.header-home-bg { display: block; width: 100%; height: 100%; position: absolute; top: 0; }
.header-home-bg img {display: block; width: auto; height: 100%; }

.scrolling .header {padding-top: 100px; }

/**
 * Logo
 */
.navbar-brand {margin-top: 30px; transition-duration: .3s; }

/**
 * Navbar
 */
.navbar {margin-bottom: 0; height: 100px; border-bottom: 0; border: 0;}
.navbar .active a {background: #113f61; border-top: 4px solid #8ac141; padding-top: 50px; color: #fff; }
.navbar li a {color: #fff; font-size: 15px; padding: 50px 13px 15px 13px; border-top: 4px solid transparent; font-family: "Montserrat", Open Sans Light, Helvetica, Arial,sans-serif; transition-duration: .3s; font-weight: 400; }
.navbar li a:hover {background: #113f61; border-top: 4px solid #8ac141; padding-top: 50px; color: #fff; }
.navbar-nav {margin-left: 0px; }
.navbar-nav li {margin-left: 1px; transition: .3s linear; }
.navbar .container {max-width: 1190px !important; margin: 0 auto; padding: 0; }
.navbar li.menu-login a {color: #8cc540 !important; }
.navbar-nav.navbar-right:last-child {margin-right: 0; }

.navbar-header {height: 100px; z-index: 10000; position: relative; }

.page-default .navbar li a {color: #003b70; }
.page-default .navbar li a:hover {color: #fff; }
.page-default .navbar li.active a {color: #fff; }

.navbar-collapse { padding-left: 0; padding-right: 0; z-index: 1000; position: relative; }
.navbar-collapse.collapsing, .navbar-collapse.in {background: #21557f; }


/** Fixed Top */
.navbar.navbar-fixed-top {background: rgba(33, 85, 127); background: rgba(33, 85, 127, .9); height: 64px; transition-duration: .3s; transition-property: height; }
.navbar.navbar-fixed-top .navbar-header {height: 64px; }
.navbar.navbar-fixed-top .navbar-brand {margin-top: 0px; transition-duration: .3s; }
.navbar.navbar-fixed-top .active a {padding-top: 20px; }
.navbar.navbar-fixed-top li {transition: .3s linear; }
.navbar.navbar-fixed-top li a  {padding-top: 20px; padding-bottom: 20px; color: #fff; }
.navbar.navbar-fixed-top  li a:hover {padding-top: 20px; }

/** Anchor */
.menu-anchor {position: relative; margin-top: -64px; display: block; width: 1px; height: 64px; }
.menu-anchor-feature {position: relative; display: block; width: 1px; height: 1px; top: -80px; }

/** Navbar Toggle */
.navbar-toggle {float: right; position: absolute; right: 10px; top: 30px; border: 1px solid #fff; transition-duration: .3s; }
.navbar-toggle .icon-bar { background: #fff; }

.navbar.navbar-fixed-top .navbar-toggle {top: 5px; }

/**
 * Features Icons
 */
#features-icons {display: inline-block; width: 790px; height: 200px; position: relative; bottom: 0; }
.contractroom-featured-top {position: absolute; bottom: 0; left: 0; }
#features-icons ul {list-style: none; margin: 0; padding: 0; width: 840px; position: absolute; left: -20px; }
#features-icons li {float: left; height: 125px; position: relative; }
#features-icons li .top-feature-text {font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif;  font-weight: 700; font-size: 11px; text-transform: uppercase; text-align: center; color: #04a0dd; width: 100%; position: absolute; top: -5px; left: 0; }
#features-icons li .top-feature-image {display: block; width: 100%; height: 95px; position: absolute; bottom: 0; left: 0; background: transparent no-repeat bottom center; transition: .1s linear }

#features-icons li:nth-child(1) {width: 110px; }
#features-icons li:nth-child(1)  .top-feature-text {left: -20px; }
#features-icons li:nth-child(1)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-tools.png'); }
#features-icons li:nth-child(1):hover  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-tools-hover.png'); }
#features-icons li:nth-child(2) {width: 95px; }
#features-icons li:nth-child(2)  .top-feature-text {left: -15px; }
#features-icons li:nth-child(2)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-message.png'); }
#features-icons li:nth-child(2):hover  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-message-hover.png'); }
#features-icons li:nth-child(3) {width: 107px; }
#features-icons li:nth-child(3)  .top-feature-text {left: -10px; }
#features-icons li:nth-child(3)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-contract.png'); }
#features-icons li:nth-child(3):hover  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-contract-hover.png'); }
#features-icons li:nth-child(4) {width: 102px; }
#features-icons li:nth-child(4)  .top-feature-text {}
#features-icons li:nth-child(4)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-document.png'); }
#features-icons li:nth-child(4):hover .top-feature-image {background-image: url('../z-images/top-icons/top-icon-document-hover.png'); }
#features-icons li:nth-child(5) {width: 102px; }
#features-icons li:nth-child(5)  .top-feature-text {}
#features-icons li:nth-child(5)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-workflow-management.png'); }
#features-icons li:nth-child(5):hover .top-feature-image {background-image: url('../z-images/top-icons/top-icon-workflow-management-hover.png'); }
#features-icons li:nth-child(6) {width: 107px; }
#features-icons li:nth-child(6)  .top-feature-text {left: 5px; }
#features-icons li:nth-child(6)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-checklist.png'); }
#features-icons li:nth-child(6):hover .top-feature-image {background-image: url('../z-images/top-icons/top-icon-checklist-hover.png'); }
#features-icons li:nth-child(7) {width: 90px; }
#features-icons li:nth-child(7)  .top-feature-text {left: 10px; }
#features-icons li:nth-child(7)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-graph.png'); }
#features-icons li:nth-child(7):hover .top-feature-image {background-image: url('../z-images/top-icons/top-icon-graph-hover.png'); }
#features-icons li:nth-child(8) {width: 109px; }
#features-icons li:nth-child(8)  .top-feature-text {left: 15px; }
#features-icons li:nth-child(8)  .top-feature-image {background-image: url('../z-images/top-icons/top-icon-monitor.png'); }
#features-icons li:nth-child(8):hover .top-feature-image {background-image: url('../z-images/top-icons/top-icon-monitor-hover.png'); }


/**
 * Feature Blocks Chart
 */
.feature-chart { display: block; width: 845px; position: relative; margin: 0 auto;  margin-bottom: 80px; }
.feature-chart-features { display: block; width: 100%; height: 120px; position: relative; text-align: left; }
.feature-chart-feature { display: inline-block; width: 68px; height: 120px; position: relative; opacity: 1; margin-right: 13px; margin-left: -30px; opacity: 0; transition-duration: 2s; }
.feature-chart-feature:last-child {margin-right: 0; }
.feature-chart-feature a {color: #424242; text-decoration: none; font-size: 11px; font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif;  font-weight: 700; display: block; }
.feature-chart-feature a:hover {text-decoration: none; }

.feature-chart-feature .chart-icon {display: table-cell; width: 68px; height: 68px; vertical-align: middle; text-align: center; background: #e1e2e2; border-radius: 34px; margin-bottom: 10px; transition-duration: .5s; }
.feature-chart-feature .chart-icon img {zoom: 1; transition-duration: .5s;}
.feature-chart-feature .chart-text {display: block; width: 100px; margin-left: -16px; text-align: center; margin-top: 6px; }
.feature-chart-feature .chart-arrow-up {display: block; width: 12px; height: 10px; background: url('../z-images/feature-blocks-chart/arrow-up.png') no-repeat center center; position: absolute; bottom: 0; left: 50%; margin-left: -6px; opacity: 0; transition-duration: 1s; transition-delay: 5s;  }
.feature-chart-feature .chart-arrow {display: block; width: 16px; height: 24px; position: absolute; right: -16px; top: 25px; background: url('../z-images/feature-blocks-chart/arrow.jpg') no-repeat center center; }



/** Top */
.feature-chart-top {width: 800px; position: relative; margin-bottom: 10px; margin-left: 35px; }
.feature-chart-top a {float: left; width: 277px; text-align: center; margin-bottom: 0px; z-index: 100; position: relative; transition-duration: 1s; opacity: 0; }
.feature-chart-top a span {background: #86c02e; padding: 2px 10px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ie-border-radius: 15px; background: #86c02e; color: #fff; font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700; line-height: 26px;  font-size: 18px; display: inline-block; width: 30px; height: 30px; box-sizing: border-box; display: inline-block; margin-bottom: 10px; }
.feature-chart-top-groups {margin-top: -20px; }
.feature-chart-top a.feature-chart-top-link-1  {width: 254px; }
.feature-chart-top a.feature-chart-top-link-1 span {margin-left: 0px; }
.feature-chart-top a.feature-chart-top-link-2  { width: 338px; transition-delay: 1.3s; }
.feature-chart-top a.feature-chart-top-link-2 span {margin-left: 0px; }
.feature-chart-top a.feature-chart-top-link-3  { width: 172px; transition-delay: 2.8s;}
.feature-chart-top a.feature-chart-top-link-3 span {margin-left: 0px; }

/** Bottom */
.feature-chart-bottom {width: 840px; }
.feature-chart-bottom-block {display: block; float: left; width: 678px; padding: 6px 0; border-radius: 4px; background: #a4ceef; opacity: 0; transition-duration: 1s; transition-delay: 5s; }
.feature-chart-block-title {font-size: 12px; font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif;  font-weight: 700; display: block;}
.feature-chart-bottom-block-arrow {display: block; float: left; width: 0; height: 25px; background: url('../z-images/feature-blocks-chart/arrow-bottom.png') no-repeat center left; margin-top: -6px; transition-duration: 2s; transition-delay: 6s; }


/**
 * Carousel
 */
.carousel {height: 500px; min-width: 960px; }
.carousel .item,
.carousel .active,
.carousel .carousel-inner { height: 100%; }
.carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-fade .carousel-inner  .item { opacity: 0; transition-property: opacity; transition-duration: .2s; }
.carousel-fade .carousel-inner  .left { opacity: 1; }
.carousel-fade .carousel-inner  .active { opacity: 1; }

.carousel-control.left {background: transparent !important; opacity: 1; top: 160px; width: 31px; height: 31px; left: 3%; }
.carousel-control.left .icon-prev{background: url('../z-images/arrow-left.png') no-repeat; width: 31px; height: 31px; }
.carousel-control .icon-prev:before {content: ''; }
.carousel-control.right {background: transparent !important; opacity: 1; top: 160px; width: 31px; height: 31px;  right: 3%; }
.carousel-control.right .icon-next{background: url('../z-images/arrow-right.png') no-repeat; width: 31px; height: 31px; }
.carousel-control .icon-next:before {content: ''; }
.carousel-control .icon-prev, .carousel-control .icon-next {}

.carousel-caption {top: 20px; bottom: auto; height: auto; left: 50%; right: auto; width: 700px; margin-left: -580px; text-align: left; }
.carousel-caption h2 {font-size: 25px; font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 500; margin-bottom: 10px; color: #00c0ff; line-height: 1.3em; }
.carousel-caption p {font-size: 20px; font-family: "Montserrat", Open Sans Light, Helvetica Light, Arial, sans-serif; font-weight: 300; line-height: 1.8em; margin-bottom: 30px; }

/**
 * Carousel Image Background
 */
.carousel-image-bg {display: block; margin-top: -100px; height: calc( 100% + 100px ); padding: 0; position: absolute; width: 100%; max-width: 1366px; margin: 0 auto; box-shadow: #000 0 0 20px; background: url('../z-images/carousel-bg.jpg') repeat-x; left: 50%; }
.carousel-image-bg img { width: auto; position: absolute;  right: 0; }

.carousel-image-labels {width: 480px; height: 100%; display: block; position: absolute; top: 0; right: 2px; }
.carousel-image-label {display: block; width: 112px; height: 110px; position: absolute; transition-duration: 1s; opacity: 0; }
.image-label-title {display: block; width: 100%; font-family: "Montserrat", Open Sans Light, Helvetica Light, Arial, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 500; position: absolute; top: -20px; text-align: center; }
.image-label-img {display: block; width: 100%; height: 100%; }
.image-label-line {display: block; width: 100px; height: 100px; position: absolute; bottom: 0; left: 112px; opacity: 0.4; transition-duration: 1s; }

/** Collaborate */
.image-label-collaborate { bottom: 16px; left: -55px; }
.image-label-collaborate .image-label-title {color: #b3eaff; }
.image-label-collaborate .image-label-line {width: 0; height: 9px; background: url('../z-images/slides/slide-1-collaborate-line.png'); bottom: 45px; left: 105px; transition-delay: 1s; }

.seen .image-label-collaborate {bottom: 36px; left: -55; opacity: 1;}
.seen .image-label-collaborate .image-label-line {width: 108px; height: 9px;}

/** Edit */
.image-label-edit {bottom: 160px; left: -68px; transition-delay: 1s;}
.image-label-edit .image-label-title {color: #b3eaff; }
.image-label-edit .image-label-line {width: 0px; height: 104px; background: url('../z-images/slides/slide-1-edit-line.png') no-repeat; bottom: -75px; left: 105px; transition-delay: 2s; }

.seen .image-label-edit {bottom: 180px; left: -68px; opacity: 1;}
.seen .image-label-edit .image-label-line {width: 125px; height: 104px;}

/** Execute */
.image-label-execute {bottom: 260px; left: 28px; transition-delay: 2s;}
.image-label-execute .image-label-title {color: #b3eaff; }
.image-label-execute .image-label-line {width: 0px; height: 174px; background: url('../z-images/slides/slide-1-execute-line.png') no-repeat; bottom: -171px; left: 75px; transition-delay: 3s; }

.seen .image-label-execute {bottom: 280px; left: 28px; opacity: 1;}
.seen .image-label-execute .image-label-line {width: 61px; height: 174px;}

/** Control */
.image-label-control {bottom: 310px; left: 160px; transition-delay: 3s; }
.image-label-control .image-label-title {color: #b3eaff; }
.image-label-control .image-label-line {width: 35px; height: 0px; background: url('../z-images/slides/slide-1-control-line.png') no-repeat; bottom: auto; top: 110px; left: 13px; transition-delay: 4s; }

.seen .image-label-control {bottom: 318px; left: 160px; opacity: 1;}
.seen .image-label-control .image-label-line {width: 35px; height: 198px;}

/** Optimize */
.image-label-optimize {bottom: 280px; left: 300px; transition-delay: 4s; }
.image-label-optimize .image-label-title {color: #b3eaff; }
.image-label-optimize .image-label-line { width: 0px; height: 144px; background: url('../z-images/slides/slide-1-optimize-line.png') no-repeat top right; bottom: -130px; right: 90px; left: auto; transition-delay: 5s; }

.seen .image-label-optimize {bottom: 300px; left: 300px; opacity: 1; }
.seen .image-label-optimize .image-label-line {width: 105px; height: 144px;}


.top-buttons { width: 300px; }
.top-buttons a.btn {font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif;  font-weight: 700; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ie-border-radius: 0; padding: 10px 18px; display: inline-block; width: 150px; transition-duration: .3s; margin-bottom: 20px; }
.top-buttons a.btn-request-demo {margin-right: 100px; }
.top-buttons a.btn-watch-video {border: 1px solid #00adee; vertical-align: middle; }
.top-buttons a.btn-watch-video span {display: inline-block; width: 11px; height: 12px; background: transparent url('../z-images/arrow-right-white.png' ) no-repeat center center; position: relative; top: 2px; }
.top-buttons a.btn-watch-video:hover {background: #00adee; }

a.btn-request-demo {font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif;  font-weight: 700; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ie-border-radius: 0; padding: 10px 18px; background: #96c83b; border: 1px solid #96c83b; }

/**
 * Page Sections 
 */
.section,
.section-colored { padding: 0px 0 0px 0; }
.section-colored { background-color: #f1f1f2; }
.section-header {width: 100%; text-align: center; background: #21557f; padding: 25px; position: relative; }
.section-header.section-header-gray {background: #b7b9bc; }

.section-header h2 { margin: 0; color: #fff; font-family: Open Sans Light, Helvetica Light, Arial, sans-serif; padding: }
.section-header-arrow {display: block; width: 50px; height: 21px; background: url('../z-images/section-header-arrow.png') no-repeat center center; position: absolute; bottom: -20px; left: 50%; margin-left: -25px; }
.section-header.section-header-gray .section-header-arrow {background-image: url('../z-images/section-header-arrow-gray.png' ); bottom: -21px; }

.section-content { padding: 50px 0; }
.section-content-colored {background: #f1f1f2; }
.section-content-dark {background: #a9a9a9; }
.section-content-count {margin-bottom: 20px; }
.section-content-count span, .features-animated-circle {padding: 2px 10px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ie-border-radius: 15px; background: #86c02e; color: #fff; font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700; line-height: 26px;  font-size: 18px; display: inline-block; width: 30px; height: 30px; box-sizing: border-box; display: inline-block; }
.section-content-name {font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700; font-size: 14px; color: #86c02e; margin-bottom: 30px; padding: 0 10px; display: inline-block; }

.section-content h2 {font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700;  font-size: 24px; color: #404041;}
.section-content-sub {font-family: Open Sans Light, Helvetica Light, Arial, sans-serif; font-size: 20px; color: #6d6e70; margin-bottom: 50px; }

p.section-content-image-fill {margin: 0 auto 40px auto;}
p.section-content-image-fill img {display: inline-block; }

/** Features */
.section-feature-blocks {display: block; width: 90%; min-width: 270px;  max-width: 690px; position: relative; clear: both; margin: 0 auto; text-align: center; }
.features-animated-circle {position: absolute; background: #86c02e; z-index: 99; opacity: 0; left: -9999px; top: -100px; }
.section-feature-blocks .bar {display: inline-block; width: 75%; height: 8px; background: #dfe0e2; position: relative; }
.section-feature-blocks .block-item {display: inline-block; width: 29%; position: relative; top: -23px; }
.section-feature-blocks .block-item-1 {left: -3%; }
.section-feature-blocks .block-item-2 {left: 5%; }
.section-feature-blocks .block-item-3 {width: 39%; right: -6%; }
.section-feature-blocks .section-content-count span {background: #dfe0e2; transition-duration: 1.5s; z-index: 100; position: relative; }
.section-feature-blocks .section-content-count {margin-bottom: 20px; display: block; }
.section-feature-blocks .section-content-name {margin-bottom: 0; padding: 0; color: #dfe0e2;}
.section-feature-blocks .active .section-content-count span {background: transparent; z-index: 100; position: relative; }
.section-feature-blocks .active .section-content-name {margin-bottom: 0; padding: 0; color: #86c02e;}


.feature-info {margin-bottom: 50px; font-family: Open Sans Light, Helvetica Light, Arial, sans-serif; font-size: 13px; }
p.feature-info-image {margin-bottom: 30px; }
p.feature-info-name {font-family: "Montserrat", Open Sans Bold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700; font-size: 15px; }

.section-content-media {vertical-align: middle; padding: 50px 10px; }
.section-content-media img {display: inline-block; margin: 10px;  }

.section-content-video {background: #dadada; }
.section-content-video-item { padding: 10px; }
.section-content-video-item img {display: inline-block; }
.section-content-video-item iframe {width: 100% !important; }


/** Benefits Section */
.benefits .section-content {padding-bottom: 0; }
.benefits .section-content p.feature-info-name {color: #1b75bb; }


/** Pricing Section */
.pricing.section {border-bottom: 1px solid #a8a8a8; }
.section-content-pricing {border-bottom: 1px solid #a8a8a8; }
.pricing .section-content-name {font-size: 17px; }
.section-content-pricing .section-content-name {font-size: 17px; margin-bottom: 50px; }


/* Value */
.pricing-value-graphic {display: block; font-size: 16px; color: #fff; font-family: Open Sans, Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 20px; }
.pricing-value-graphic .pricing-value-item {display: block; width: 100%; height: 37px; background: #ececed; position: relative; margin-bottom: 10px; }
.pricing-value-graphic .pricing-value-indicator {display: block; width: 100%; height: 37px; box-sizing: border-box; position: absolute; top: 0; left: 0; font-size: 16px; color: #fff; padding:  0 ; background: #58c606;  transition-duration: 2s ;}
.pricing-value-note {text-align: right; position: absolute; top: 7px; right: 8px; }
.pricing-value-label {text-align: left; position: absolute; top: 7px; left: 8px; }

.pricing-value-control .pricing-value-indicator {background: #2398d7; width: 0; transition-duration: 2s ;}
.seen .pricing-value-control .pricing-value-indicator {width: 100%; }
.pricing-value-speed .pricing-value-indicator {width: 0%; transition-duration: 2.5s ;}
.seen .pricing-value-speed .pricing-value-indicator {width: 75%; }
.pricing-value-accuracy .pricing-value-indicator {width: 0%; transition-duration: 3s ;}
.seen .pricing-value-accuracy .pricing-value-indicator {width: 50%; }
.pricing-value-accuracy .pricing-value-note {color: #454649; }
.pricing-value-savings .pricing-value-indicator {width: 0%; transition-duration: 4s ;}
.seen .pricing-value-savings .pricing-value-indicator {width: 25%; }
.pricing-value-savings .pricing-value-note {color: #454649; }

.pricing-value p {text-align: left; font-size: 12px; }

/* Info */
.pricing-info {margin-bottom: 30px; }
.pricing-info p { font-size: 18px; line-height: 1.3em; color: #1b75bb; }
.pricing-info p.pricing-info-initial {font-size: 22px; line-height: 1.1em; color: #808184; }
.pricing-info .pricing-info-amount {font-size: 72px; line-height: 1.2em; }
.pricing-info .pricing-info-rate {font-family: Open Sans Light, Helvetica, Arial, sans-serif; }
.pricing-info hr {border: 2px solid #c5c8c8; width: 275px; margin: 20px auto; }

/* Integration */
.section-content-integration-partners img {display: inline-block; vertical-align: middle; margin: 10px 20px; }


/** Contact Number */
.section-content-talktous {padding: 30px 0 30px 0; }
.section-doyouneed { background: #c2d4dd; padding: 5px; margin-bottom: 40px; } 
.section-doyouneed span {color: #fff; background: #8cb3c4; padding: 6px 10px; display: inline-block; margin: 4px 2px; }

.contact-number-name {font-size: 18px; font-family: Open Sans Semibold, Helvetica Bold, Arial Bold, sans-serif; margin-bottom: 0px; }
.contact-number-phone {font-size: 22px; font-family: Open Sans Light, Helvetica Light, Arial, sans-serif; color: #1b75bb; margin-bottom: 5px; }
.contact-number-phone a {color: #1b75bb; }
.contact-number-phone a:hover {color: #1b75bb; text-decoration: none; }

.section-content-talktous .questions-answers {font-size: 13px; line-height: 1.8em; padding-right: 30px; }



/** Questions */
.section-content-questions {}
.section-content-questions .questions-all {text-align: right; padding-right: 20px; font-size: 13px; font-family: Open Sans, Helvetica, Arial, sans-serif; }
.section-content-questions .questions-answers {text-align: left; }
.section-content-questions .questions-answers p {font-size: 14px; line-height: 1.6em; margin-bottom: 1em; color: #e6e7e8; }


/** 
 * Footer
 */
.section-footer {background: #3a567d; padding: 30px 0 25px 0;  position: relative; }
.section-content-footer {margin-bottom: 40px; }
.signup-form {display: inline-block; }
.signup-form input[type=email] {border: 1px solid #2b99d6; background: #fff; display: inline-block; width: 210px; height: 36px; padding: 10px; }
.signup-form input[type=submit] {border-radius: 0; background: transparent; border: 1px solid #2b99d6; height: 35px; box-sizing: border-box; color: #fff; font-family: "Montserrat", Open Sans Semibold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 15px; position: relative; left: -5px; top: -2px;  }

ul.social-links {list-style: none; padding: 0; margin: 0; }
ul.social-links li {display: inline-block; border-right: 1px solid #2b99d6; }
ul.social-links li a {display: block; padding: 8px 15px; vertical-align: middle; color: #2b99d6; }
ul.social-links li.social-newsletter {margin-right: 30px; border-right: 0; }
ul.social-links li.social-contractroom {border-right: 0; }
ul.social-links li.social-contractroom a { font-family: "Montserrat", Open Sans Semibold, Helvetica Bold, Arial Bold, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 12px;  }
ul.social-links li.social-contractroom a:hover {color: #2b99d6; text-decoration: none; }
ul.social-links li.social-contractroom a img {margin-right: 12px; margin-top: -3px; }


.section-footer p {margin-bottom: 0; font-size: 12px; color: #d0d2d3;  }
.section-footer p a {color: #fff; }

.footer-newsletter {text-align: right; }
.footer-newsletter input.has-error {border: 1px solid #ed1c24; }
.footer-social-links {text-align: left; }


p.copyright {padding: 5px 10px; }

/**
 * Sidebar
 */
.sidebar { margin-top: 40px; }
.sidebar ul { border-radius: 5px; padding: 5px; border: 1px solid #cccccc; }


/**
 * Portfolio
 */
.img-home-portfolio,
.img-customer,
.portfolio-item { margin-bottom: 30px; }


/**
 * Tabs
 */
.tab-pane { margin-top: 15px; }


/**
 * Page: 404 
 */
.error-404 { font-size: 8em; }
 
 
/**
 * Page: Inner Page
 */
.page-default .header-home-bg img {opacity: .7; }
.page-content {margin-top: -450px; z-index: 100; position: relative; min-height: 400px; }
.page-content-top {margin-bottom: 50px; }
.page-content-top h1 { font-family: Open Sans Regular, Helvetica, Arial, sans-serif;  font-size: 35px; line-height: 1.3em; margin-bottom: 50px; }
.page-content-top p {font-size: 18px; font-family: Open Sans Light, Helvetica Light, Arial, sans-serif; padding: 0 50px; margin-bottom: 20px; }

.page-content-main {font-size: 12px; padding: 0 30px; margin-bottom: 50px; }

.page-default .navbar-toggle {border: 1px solid #}



/**
 * Page: About
 */
.page-about .feature-info {padding: 0 30px; font-family: Open Sans Light, sans-serif; font-size: 13px; color: #010101; }
.page-about .feature-info-name {font-family: Open Sans Semibold, Helvetica Semibold, Arial, sans-serif; color: #1d76bb; margin-bottom: 0; font-size: 15px; }
.page-about .feature-info-name-sub {font-size: 13px; margin-bottom: 20px; color: #1d76bb; }


/**
 * Page: Request Demo
 */
.page-request-demo .page-content-top {margin-bottom: 0; }
.page-request-demo .page-content-top h1 {margin-bottom: 15px; }
.page-request-demo .page-content {margin-bottom: 100px; }

 
/**
 * Responsive Styles 
 */
@media (max-width: 767px) {
  .navbar-brand {margin-left: 10px; zoom: .86; }
  .navbar.navbar-fixed-top .navbar-brand {margin-top: 5px; }
  
  .navbar li a,
  .navbar.navbar-fixed-top li a  { padding: 10px 0; }
  .navbar li.active a, .navbar li a:hover,
  .navbar.navbar-fixed-top li.active a, .navbar.navbar-fixed-top li a:hover  {padding: 10px 0; }
  .navbar-nav {margin: 0; }
  
  .header {height: 326px; }
  .carousel {zoom: .38; }
  .carousel-image-bg {margin-top: 0; }
  .top-buttons a.btn {width: 180px;}
  
  .feature-chart {zoom: .38; }
  .feature-chart-feature a  {font-size: 7px; }
  
  
  .page-default .navbar li a {color: #fff; }
  .page-default .navbar-toggle {border: 1px solid #003b70; }
  .page-default .navbar-toggle .icon-bar {background: #003b70; }
  
  
  
  .section-feature-blocks {width: 270px}
  
  .section-content-questions .questions-all {text-align: center; margin-bottom: 20px; }
  .section-content-questions .questions-answers {text-align: center; }
  
  .footer-newsletter {text-align: center; margin-bottom: 20px; }
  .footer-social-links {text-align: center; }
  
  ul.formlist label {float: none; width: 100%; }
  ul.formlist li {margin-bottom: 10px; }
  ul.formlist li.submit {margin-top: 30px; }
  ul.formlist li input[type=text], ul.formlist li input[type=email] {width: 100%; }
  ul.formlist li select {width: 100%; }
  ul.formlist li .status {right: 0; text-align: right; }
  
  
  .page-content {margin-top: -350px; }
  .page-content-top p {padding: 0 15px; }
}

@media (min-width: 768px) {
  
  .navbar li a {padding-left: 10px; padding-right: 10px; }
  
  .header {height: 530px; }
  .carousel {zoom: .9; }
  .carousel-image-bg {margin-top: -120px; }
  .feature-chart {zoom: .9; }
  
}

@media (min-width: 992px) {
	.navbar .container {width: 95%; }
	.container { width: 960px; }
	.header {height: 598px; }
	.carousel {zoom: 1; }
	.carousel-image-bg {margin-top: -100px; }
  .feature-chart {zoom: 1; }
	
  .navbar li a {padding-left: 13px; padding-right: 13px; }
}

@media (min-width: 1200px) {
	.container { width: 960px; }
	.navbar .container { width: 1190px; }
}


/**
 * Header Fix
 */
@media (min-width: 320px) and ( max-width: 767px) {
	.carousel-caption {margin-left: -460px; width: 450px; }

}

@media (min-width: 768px) and (max-width: 991px) {
	.carousel-caption {margin-left: -460px; width: 420px; top: 0; }
	
	.navbar .container {width: 95% !important; }
	
	.navbar-nav li.menu-benefits {display: none; }
	.navbar-nav li.menu-pricing {display: none;}
	.navbar-nav li.menu-press {display: none; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav li.menu-benefits {display: none; }
	.carousel-caption {margin-left: -460px; width: 420px; top: 0; }
}