html,body {
	font-family:  Arial, Lato, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	color: #393D4f;
	margin: 0;
	padding: 0;
	height: 100%
}

.wrapper {
	display: -ms-flexbox;
	display: flex;
	min-height: 100%;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

a:active,a:focus {
	text-decoration: none
}

ul {
	list-style-type: none
}

ul,li {
	margin: 0;
	padding: 0
}

ul.horizontal li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid #E6E7E9
}

img {
	max-width: 100%;
	max-height: 100%
}

.background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2473cc
}

.background.jobs {
	background: url("/images/jobs-bg.png") no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 308px
}

.amcharts-chart-div a {
	display: none !important
}

.hero {
	padding-top: 150px;
	padding-bottom: 50px;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	position: relative
}

.hero h1 {
	line-height: 1em
}

.hero.index {
	height: 700px;
	padding-top: 0;
	color: #393D4f;
	text-shadow: none;
	background: url("/images/bg-laptop-guy.png") no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat
}

.hero.index .btn {
	margin-top: 20px;
	text-align: left
}

.hero.features {
	padding-top: 200px;
	padding-bottom: 0
}

.hero.features .product-video {
	margin-top: 100px
}

.hero.features .product-video a {
	display: block;
	outline: none
}

.hero .particles-js-canvas-el {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.white-box {
	background-color: white;
	position: relative;
	display: block;
	border-radius: 3px;
	margin: 0 auto;
	width: 80%
}

.white-box.full {
	width: 100%
}

.white {
	background-color: white;
	position: relative;
	padding: 40px;
	border-radius: 3px
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
	clear: none
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
	display: block
}

button,input,select,textarea {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

button:focus,input:focus,select:focus,textarea:focus {
	outline: none
}

.form-group {
	margin-bottom: 20px
}

label {
	font-size: 14px;
	font-weight: 400;
	color: #81838C
}

input:not([type=checkbox]):not([type=radio]) {
	-webkit-appearance: none
}

.form-control {
	width: 100%;
	display: block;
	border: 1px solid #d8dadd;
	border-radius: 3px;
	color: #393D4f;
	box-shadow: none;
	height: 43px
}

.form-control:active,.form-control:focus,.form-control:hover,.form-control:visited {
	box-shadow: none;
	border: 1px solid #cbcdd1
}

.form-control:active,.form-control:focus {
	border: 1px solid #A9AAB0
}

.form-control.small {
	line-height: 31px;
	font-size: 12px;
	color: #81838C;
	height: 33px
}

.form-control.small:focus,.form-control.small:active {
	border-color: #E6E7E9
}

.form-control.cursor-pointer {
	cursor: pointer
}

.form-control.disabled {
	cursor: not-allowed;
	color: #A9AAB0;
	background-color: #F5F6F7
}

.form-control.disabled:active {
	border-color: #E6E7E9
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
	margin-left: 0
}

.full-height {
	height: 100%
}

.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {
	position: relative;
	min-height: 1px
}

.col-xs-5ths {
	width: 20%;
	float: left
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left
	}
}

::-moz-selection {
	background: #3080DA;
	color: #ffffff
}

::selection {
	background: #3080DA;
	color: #ffffff
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	transition: font-size 0.1s
}

h1 {
	font-size: 2.4em;
	line-height: 2.4em
}

h2 {
	font-size: 2em;
	line-height: 1.5em
}

h3 {
	font-size: 1.6em;
	line-height: 1.6em
}

h4 {
	font-size: 1.4em;
	line-height: 1.4em
}

p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4em;
	transition: font-size 0.1s
}

p.small {
	font-size: 0.8em
}

p.large {
	font-size: 1.2em
}

p.x-large {
	font-size: 1.4em
}

.width-50 {
	width: 50%;
	margin-left: auto;
	margin-right: auto
}

.width-75 {
	width: 75%;
	margin-left: auto;
	margin-right: auto
}

.light {
	font-weight: 300
}

.normal {
	font-weight: 400
}

.bold {
	font-weight: 600
}

.text-align-left {
	text-align: left
}

.text-align-center {
	text-align: center
}

.text-align-right {
	text-align: right
}

.text-style-italic {
	font-style: italic
}

.text-secondary-color {
	color: #81838C
}

button {
	margin: 0;
	padding: 0
}

button:focus {
	outline: 0
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,button,html input[type=button],input[type=reset],input[type=submit] {
	outline: none
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	background-color: #6ba84c;
	border: 1px solid #609744
}

.btn {
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	padding: 14px 40px;
	outline: none
}

.btn:hover,.btn:focus,.btn:active {
	text-decoration: none
}

.btn-primary {
	color: #fff;
	background-color: #78b45a;
	border: 1px solid #609744;
	transition: background-color 0.2s ease;
	font-size: 14px;
	text-align: center
}

.btn-primary:focus,.btn-primary:active,.btn-primary:hover {
	background-color: #6ba84c;
	border: 1px solid #609744;
	color: white;
	box-shadow: none
}

.btn-primary.disabled {
	cursor: not-allowed
}

.btn-default {
	color: #78b45a;
	background-color: white;
	border: 1px solid #78b45a;
	font-weight: 600;
	transition: background-color 0.2s, border 0.2s, color 0.2s
}

.btn-default:focus,.btn-default:active,.btn-default:hover {
	color: white;
	border: 1px solid #609744;
	background-color: #78b45a;
	box-shadow: none
}

a.btn:hover {
	text-decoration: none
}

.navbar {
	height: 112px;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	transition: background-color 0.5s, height 0.3s;
	border-radius: 0;
	position: fixed;
	background: #fff;
}

.navbar .logo {
	position: relative;
	z-index: 11;
	transition: opacity 0.5s;
	margin-top: -30px
}

.navbar .logo a {
	position: absolute;

}

.navbar .logo a img {
	width: 189px;
	min-width: 189px;
}

.navbar .logo.regular {
	opacity: 1
}

.navbar .logo.scrolled {
	opacity: 0
}

.navbar .logo.regular.logo-white {
	opacity: 1
}

.navbar .dropdown-toggle .fa.fa-white {
	color: white
}

.navbar .main-nav,.navbar .btn-signup {
	display: inline-block
}

.navbar.index ul li a {
	opacity: 1;
	color: #393D4f;
	text-shadow: none;
}

.navbar .btn-signup {
	padding: 10px 20px;
	color: #78b45a;
	background-color: transparent;
	transition: background-color 0.7s color 0.7s;
	border: 1px solid #609744
}

.navbar .btn-signup:hover {
	color: white;
	background-color: #78b45a
}

.navbar .btn-signup.white {
	color: white;
	border-color: white
}

.navbar .btn-signup.white:hover {
	color: white;
	background-color: #3080DA
}

.navbar.scrolled {
	background-color: rgba(255,255,255,0.98);
	border-bottom: 1px solid #E6E7E9;
	height: 60px
}

.navbar.scrolled .logo.regular {
	opacity: 0
}

.navbar.scrolled .logo.scrolled {
	opacity: 1;
	margin-top: 10px;
}

.navbar.scrolled ul.horizontal li a {
	color: #393D4f;
	text-shadow: none;
	opacity: 1
}

.navbar.scrolled .dropdown-toggle .fa.fa-white {
	color: #3080DA
}

.navbar.scrolled .btn-signup {
	padding: 10px 20px;
	color: white;
	transition: background-color 0.7s color 0.7s;
	background-color: #78b45a;
	border: 1px solid #609744
}

.navbar.scrolled .btn-signup:hover {
	background-color: #6ba84c;
	border: 1px solid #609744
}

.navbar ul.horizontal li.active a {
	text-decoration: underline
}

.navbar ul.horizontal li a {
	transition: padding 0.5s;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	padding: 8px 20px;
	display: block;
	border: 1px solid #fff;
	border-radius: 5px;
	text-decoration: none;
}

.navbar ul.horizontal li.open a, .navbar ul.horizontal li a:hover {
	opacity: 1;
	border: 1px solid #666;
	border-radius: 5px;
}

.navbar.index ul.horizontal li a {
	color: #393D4f;
	text-shadow: none
}

.navbar ul.responsive-navbar-menu {
	border: 1px solid #E6E7E9;
	min-width: 200px
}

.navbar ul.responsive-navbar-menu li {
	width: 100%;
	padding-right: 0;
    border-bottom: 1px solid #f1f1f1;
}
.navbar ul.responsive-navbar-menu li:last-child() {
	border-bottom: none;
}
.navbar ul.responsive-navbar-menu li a {
	font-weight: 400;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 12px;
	padding-bottom: 12px;
	border:none;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	color: #000;
	text-shadow: none;
}

.navbar .main-nav .dropdown-menu-right li a:hover,
.navbar ul.responsive-navbar-menu li a:hover {
	border:none;
	border-radius: 0;
	 border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #2caddd;
	color: #fff;
}

.navbar ul li.divider {
	margin: 3px 0
}

footer {
	padding-top: 0px;
	background-color: rgba(0,38,61,0.8);
	position: relative;
	color: white;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.7) */
}

footer.jobs-detail {
	background-color: #00263d
}

footer.index {
	background-color: #fff;
	color: #333;
}

footer.index .footer-bottom-bar {
	background-color: #fff
}

footer a {
	/* color: #ccc; */
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.7) */
}

footer a:hover {
	/* color: white;  */
	text-decoration: none
}

footer ul li a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1.15em;
	font-weight: 300
}

footer .logo-footer img {
	width: 60px;
	opacity: 0.8
}

footer .logo-footer img:hover {
	opacity: 1;
	cursor: pointer
}

footer .social-icon {
	opacity: 0.7
}

footer .social-icon:hover {
	opacity: 0.9
}

footer .social-icon img {
	max-width: 20px;
	max-height: 20px
}

footer .footer-bottom-bar {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #001826;
	background-color: rgba(0,24,38,0.7);
	font-size: 0.9em
}
footer p{ color: #888; }
footer .tel400-p{ font-size: 12px; text-align: left; line-height: 2em; }
footer .tel400-p a{ font-size: 16px; color: #333; margin-top: 10px; }
footer .email-title{ font-size: 16px; }
footer .sharesocial li a{ display: block;  }
footer .sharesocial li a i.iconfont{ font-size: 4rem }
footer .sharesocial li a:hover i{ opacity: 0.9; }
footer .footerbox{ border-bottom: 1px #ccc solid; }
footer .icon_bg { display: none; padding-left: 20px;float: right;background-position: -400px -940px;background-image: url(../images/icon.png?t=20170308);background-repeat: no-repeat;font-size: 12px;color: #888;}
i.icon-twitter { background: #fff; color: #33affc; }
i.icon-facebook { background: #fff; color: #38569a; }
i.icon-Google { background: #fff; color: #dc4b3e; }
i.icon-instagram { background: #fff; color: #f22192; }
.content {
	position: relative;
	-ms-flex: 1;
	flex: 1;
	padding-top: 112px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.content {
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
}

.section {
	padding-top: 75px;
	padding-bottom: 75px;
	position: relative
}

.heading-divider {
	margin-top: 35px;
	margin-bottom: 60px;
	width: 150px;
	border-top: 1px solid #81838C;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.heading-divider.equal {
	margin-bottom: 35px
}

.icon {
	text-align: center;
	color: #55a1e3
}

.padding-top-25 {
	padding-top: 25px
}

.padding-bottom-25 {
	padding-bottom: 25px
}

.padding-top-50 {
	padding-top: 50px
}

.padding-bottom-50 {
	padding-bottom: 50px
}

.margin-top-25 {
	margin-top: 25px
}

.margin-top-50 {
	margin-top: 50px
}

.margin-bottom-25 {
	margin-bottom: 25px
}

.margin-bottom-50 {
	margin-bottom: 50px
}

.display-none {
	display: none
}

.customer-icons {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f8f9f9;
	border-top: 1px solid #E6E7E9;
	border-bottom: 1px solid #E6E7E9
}

.customer-icons img {
	width: 100%;
	max-width: 950px
}

.why-bi {
	padding-top: 15px;
	padding-bottom: 75px
}

.why-bi .fa {
	color: #3080DA;
	opacity: 0.8
}

.testimonials {
	height: 5px
}

.testimonials .can {
	max-width: 250px
}

.testimonials .quote-box {
	border-radius: 6px;
	border: 1px solid #77a6df;
	background-color: white;
	padding: 30px;
	position: relative;
	margin-top: 45px;
	margin-bottom: 45px
}

.testimonials .quote-box .quote {
	font-size: 1.45em;
	line-height: 1.45em;
	font-weight: 300
}

.testimonials .quote-box .author {
	margin-top: 30px
}

.testimonials .quote-box .author a {
	color: #393D4f
}

.testimonials .battere {
	background-color: #a0c1e9
}

.why-cluvio .fa {
	color: #3080DA;
	font-size: 1.8em;
	opacity: 0.8
}

.information-quote {
	background-color: #5497E2;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: white
}

.information-quote img {
	max-height: 500px
}

.your-first-dashboard .col-sm,.your-first-dashboard .col-xs {
	padding: 0
}

.your-first-dashboard .number-container {
	position: relative
}

.your-first-dashboard .number-container::before {
	content: '';
	position: absolute;
	top: 1.6em;
	left: 0;
	right: 0;
	height: 0.4em;
	background-color: #5b9be2;
	z-index: -1
}

.your-first-dashboard .number-container .number {
	color: white;
	background-color: #5b9be2;
	display: inline-block;
	width: 3em;
	height: 3em;
	line-height: 3em;
	border-radius: 50%;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 50px
}

.your-first-dashboard .number-container.first::before {
	left: 50%
}

.your-first-dashboard .number-container.last::before {
	right: 50%
}

.team-image {
	background: linear-gradient(#fff, #e7f1ee);
	border-bottom: 1px solid #E6E7E9
}

.team-image img {
	max-width: 60%
}

@supports (-moz-appearance: meterbar) {
	.team-image {
		border: none
	}
}

.what-are-you-waiting-for {
	background-color: white;
	padding-bottom: 200px
}

.what-are-you-waiting-for h2 {
	line-height: 1.4em
}

.what-are-you-waiting-for .not-convinced-yet-container {
	position: relative
}

.what-are-you-waiting-for .not-convinced-yet-container::before {
	content: '';
	position: absolute;
	top: 2em;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #A9AAB0;
	z-index: 1;
	margin-left: 10%;
	margin-right: 10%
}

.what-are-you-waiting-for .not-convinced-yet-container .not-convinced-yet {
	background-color: white;
	padding-left: 35px;
	padding-right: 35px;
	display: inline-block;
	position: relative;
	z-index: 2
}

.what-are-you-waiting-for .not-yet-convinced-buttons .btn-default {
	width: 250px;
	text-align: center;
	border: 2px solid #78b45a
}

.advanced-report-creator {
	background-color: #F5F6F7;
	position: relative;
	overflow: hidden;
	margin-top: -80px;
	border-top: 1px solid #E6E7E9
}

.advanced-report-creator .query-creator-image {
	position: absolute;
	max-width: 180%
}

.r-scripts-new {
	border-top: 1px solid #E6E7E9;
	background-color: white;
	position: relative;
	z-index: 3
}

.interactive-dashboards {
	border-top: 1px solid #E6E7E9;
	background-color: #F5F6F7;
	position: relative
}

.sql-alerts {
	border-top: 1px solid #E6E7E9;
	border-bottom: 1px solid #E6E7E9;
	position: relative;
	background-color: white
}

.security-feature {
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	background-color: #3080DA
}

.security-feature img {
	width: 70%;
	max-width: 100px
}

.security-feature a {
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	text-decoration: underline
}

.sharing {
	border-top: 1px solid #E6E7E9;
	position: relative;
	background-color: white
}

.sharing .btn {
	margin-bottom: 5px
}

.your-data-on-the-wall {
	background-color: #F5F6F7;
	border-top: 1px solid #E6E7E9;
	border-bottom: 1px solid #E6E7E9;
	position: relative
}

.your-data-on-the-wall img {
	width: 80%
}

.embedded-dashboards {
	border-top: 1px solid #E6E7E9;
	background-color: white
}

.embedded-dashboards .embedded-dashboard {
	margin-top: 50px;
	width: 100%;
	height: 549px;
	position: relative;
	overflow: hidden
}

.embedded-dashboards .embedded-dashboard-16x9 {
	padding-bottom: 56.25%
}

.embedded-dashboards .embedded-dashboard-4x3 {
	padding-bottom: 75%
}

.embedded-dashboards .embedded-dashboard iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 99%;
	height: 99%;
	border: 1px solid #E6E7E9;
	border-radius: 3px
}

.embedded-dashboards.single {
	border-top: none
}

.embedded-dashboards.single .embedded-dashboard iframe {
	border: none
}

.security h3 {
	margin-top: 30px
}

.security h3.no-margin {
	margin-top: 0
}

.security hr {
	margin-top: 0
}

.security strong {
	font-weight: 400
}

.security p {
	line-height: 1.6em
}

.security ul {
	padding-left: 10px;
	margin-top: 7px;
	margin-bottom: 7px
}

.security ul li {
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	text-indent: -1.1em;
	padding-left: 1em
}

.security ul li:before {
	content: '\2022';
	font-size: 13px;
	margin-right: 10px
}

.pricing .plans .row .col-sm {
	padding-left: 0;
	padding-right: 0
}

.pricing .plan-box {
	border: 1px solid #E6E7E9;
	border-radius: 3px;
	margin-top: 30px;
	max-width: 360px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 0px 0px 15px rgba(50,50,50,0.05)
}

.pricing .plan-box.free .plan-name {
	background-color: #02b8e6
}

.pricing .plan-box.starter .plan-name {
	background-color: #12a5b9
}

.pricing .plan-box.pro .plan-name {
	background-color: #435ba0
}

.pricing .plan-box.business .plan-name {
	background-color: #174679
}

.pricing .plan-box .box-content {
	padding: 30px 20px;
	position: relative;
	min-height: 490px
}

.pricing .plan-box .box-content hr {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px
}

.pricing .plan-box .box-content .plan-name {
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 130px;
	padding-top: 20px;
	color: white;
	font-size: 1.6em;
	z-index: 1
}

.pricing .plan-box .box-content .plan-icon img {
	position: relative;
	z-index: 2;
	max-height: 22px;
	margin-top: 40px
}

.pricing .plan-box .box-content .team-size {
	position: relative;
	z-index: 2;
	color: white;
	font-size: 0.9em;
	margin-top: 5px
}

.pricing .plan-box .box-content .plan-description {
	font-size: 16px;
	margin-top: 50px;
	height: 80px;
	font-weight: 300
}

.pricing .plan-box .box-content .price .euro-sign,.pricing .plan-box .box-content .price .amount,.pricing .plan-box .box-content .price .per-month {
	display: inline-block
}

.pricing .plan-box .box-content .price .euro-sign {
	vertical-align: top;
	padding-top: 9px;
	padding-right: 3px
}

.pricing .plan-box .box-content .price .amount h1 {
	font-size: 27px;
	line-height: 27px
}

.pricing .plan-box .box-content .price .amount.small h1 {
	font-size: 22px;
	line-height: 1.45
}

.pricing .plan-box .box-content .price .pricing-subtext {
	font-weight: 300;
	font-size: 14px
}

.pricing .plan-box .box-content .included-metrics {
	font-size: 16px
}

.pricing .plan-box .box-content .included-metrics li,.pricing .plan-box .box-content .included-features li {
	padding-top: 9px;
	padding-bottom: 9px
}

.pricing .plan-box .box-content .included-metrics li.with-tooltip,.pricing .plan-box .box-content .included-features li.with-tooltip {
	cursor: pointer
}

.pricing .plan-box .box-content .included-features {
	padding-left: 30px;
	font-weight: 400
}

.pricing .plan-box .box-content .included-features .all-features-of {
	font-weight: 400;
	font-size: 12px
}

.pricing .plan-box .box-content .signup-section {
	vertical-align: bottom;
	position: absolute;
	bottom: 20px;
	left: 40px;
	right: 40px
}

.pricing .plan-box.free {
	border: 1px solid #02b8e6
}

.pricing .plan-box.starter {
	border: 1px solid #12a5b9
}

.pricing .plan-box.pro {
	border: 1px solid #435ba0
}

.pricing .plan-box.business {
	border: 1px solid #174679
}

.pricing a#show-compare-plan-section {
	margin-top: 120px
}

.section.jobs {
	background-color: white
}

.section.jobs p {
	line-height: 26px;
	margin-left: 0;
	width: 80%
}

.section.jobs p .stronger {
	font-weight: 400
}

.section.jobs ul li {
	list-style: none;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	width: 80%;
	text-indent: -0.9em;
	padding-left: 1em
}

.section.jobs ul li:before {
	content: "·";
	font-size: 20px;
	line-height: 20px;
	margin-right: 5px
}

.section.jobs a.pdf-icon {
	opacity: 0.5;
	float: right
}

.section.jobs a.pdf-icon:hover {
	opacity: 0.8
}

.section.jobs a.pdf-icon img {
	width: 20px
}

.section.jobs .btn.btn-apply {
	padding: 10px 20px
}

.paperplane-image {
	margin-left: 40%;
	width: 18%;
	margin-top: 50px;
	margin-bottom: 50px
}

.signup-customer-icon-bar {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #E6E7E9
}

.signup-customer-icon-bar img {
	height: auto;
	width: 100%;
	opacity: 0.6
}

.signup-customer-icon-bar .friendsurance,.signup-customer-icon-bar .midrive {
	max-width: 120px
}
.carousel-caption{ padding-top: 5px; }
.carousel-caption p{ font-size: 1.6em; margin-bottom: 0px; }
.carousel-caption h1{ padding: 2px 0; font-size: 2em; line-height: 2em; }
.carousel-indicators li{  background-color:#333; border: 1px solid #333;  }
.carousel-indicators .active{ border: 1px solid #fff; }
.carousel-inner .item:nth-child(2) .carousel-caption, .carousel-inner .item:nth-child(3) .carousel-caption, .carousel-inner .item:nth-child(4) .carousel-caption{ top: 0px; color: #333;    text-shadow: 0 1px 2px rgba(255,255,255,.6);  }
.carousel-inner .item:nth-child(4) .carousel-caption{ color: #FFF; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.carousel-inner .item:nth-child(1) .carousel-caption p a { color: #FFF; }
.carousel-caption p a{ text-shadow:none; color: #2caddd;}
.carousel-caption p a:hover{ text-decoration: none; }
.categoryType{ padding: 0.6em; }
.categoryType .row div:nth-child(1) .categoryItem { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/category-bg-1.png') center center no-repeat; background-size: 100%; }
.categoryType .row div:nth-child(2) .categoryItem { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/category-bg-2.png') center center no-repeat; background-size: 100%; }
.categoryType .row div:nth-child(3) .categoryItem { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/category-bg-3.png') center center no-repeat; background-size: 100%; }
.categoryType .row div:nth-child(4) .categoryItem { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/category-bg-4.png') center center no-repeat; background-size: 100%; }
.categoryType .categoryItem{ font-size: 1.6em; margin-bottom: 0.8em; color: #044096; padding: 1.5em 0; border-radius: 5px; display: block; text-align: center;  }
.categoryType .categoryItem:hover{ text-decoration: none; }
.categoryType .categoryItem i{ font-size: 2em; }
.categoryType .categoryItem p{ font-size: 1em; }
footer .copyline{ display: none; }

/* innder content */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #2caddd;
    border-color: #2caddd;
}
.innercontent{ background: #f2f2f2;  }
.innercontent .panel-body{ line-height: 2em; font-size: 1.2em;  padding: 15px 50px; }
.innercontent .panel-body h1{ padding: 10px 0; margin-top:0.8em; color: #727171; line-height: 1.4em; font-size: 2em; margin-bottom: 0.5em; border-bottom: 1px solid #999; }
.innercontent .list-group-item{  padding: 20px 15px; }
.innercontent .list-group-item:nth-child(1) { font-weight: bold; }

.innercontent .innerbanner{ height: 98px; widows: 100%; background: #2caddd; }
.innercontent .innerbanner .imgdiv{ line-height: 143px; }
.innercontent .innerbanner .imgdiv img{ }
.innercontent .position{ padding: 5px 0; }
.innercontent .position .breadcrumb{ margin-bottom: 0px; padding-left: 0; }
.innercontent .contacttitle{ background: #FFF; padding-bottom: 0px; }
.innercontent .contacttitle h1{ line-height: 2em; padding-bottom: 5px; }
.innercontent .contactform{ padding: 1em 0; }
.innercontent .contactform .selitem-type{ text-decoration: none; width: 90%;  margin: 0 auto; background: #bdc3c4; display: block; text-align: center; border:1px #c9c9c9 solid; border-radius: 5px; }
.innercontent .contactform .selitem-type i{ color: #fff; margin-top: 30%; height: 20%; display: block; font-size: 2.5rem; }
.innercontent .contactform .selitem-type p{ color: #fff; height: 20%; display: block; margin-top: 10%; }
.innercontent .contactform .selitem-type.active{ background: #2caddd; border:1px #fff solid; }
.innercontent .contactform .selitem-type.active i{ color: #fff; }
.innercontent .contactform .selitem-type.active p{ color: #fff;}
.innercontent .inputfiled{ margin: 20px auto; }
.innercontent .agreectl{ line-height: 1.6em; padding: 20px; }
.innercontent .agreectl input[type=checkbox] { font-size: 20px; width: 20px; height: 20px; vertical-align: bottom; margin-right: 5px; }
.innercontent .panel-process{}
.innercontent .panel-product .row,
.innercontent .panel-process .row{ margin-bottom: 10px; }
.innercontent .panel-product h1,
.innercontent .panel-process h1{ font-size: 28px; line-height: 28px; }
.innercontent .panel-product h1 img,
.innercontent .panel-process h1 img{ vertical-align: top; }
.innercontent .panel-product p,
.innercontent .panel-process p{ line-height: 1.5em; /* font-size: 1.1em; */ }
.innercontent .panel-process .content-item{ display: block; }
.innercontent .panel-product .content-item.active,
.innercontent .panel-process .content-item.active{ display: block; }
.innercontent .panel-product,
.innercontent .panel-process .col-sm-6{ padding-bottom: 15px; }
.innercontent .panel-product .content-item{ display: none; }
.innercontent .inner-banner{ margin-bottom: 20px; }


.innercontent .mobile-position{ margin: 0;  }
.innercontent .mobile-position .row{ margin: 0; }
.innercontent .mobile-position .row .col-xs-4,
.innercontent .mobile-position .row .col-xs-8{ margin: 0; padding-left: 0; }
.innercontent .mobile-position .row .col-xs-4 .currentname{ text-align: center; color:#2caddd;  }
.innercontent .mobile-banner { position: relative; background: #f2f2f2;  }
.innercontent .mobile-banner .bannerbuttonlist{position: absolute;left: 10.53%;top: 0;width: 78.125%;margin: 0 auto;display: block; height: 100%;}
.innercontent .mobile-banner .bannerbuttonlist .banneritem{ position: relative; width: 100%; height: 80%; margin-top: 20%; }
.innercontent .mobile-banner .bannerbuttonlist .banneritem a { display: block; }
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(1) {width: 30%;position:absolute;left: 0;top: 19%;}
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(2) { width: 44%; position:absolute; left: 26.8%; top: 0;  }
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(3) { width: 30%; position:absolute; right: 0; top: 16%; }
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(4) {width: 30%;position:absolute;right: 0;top: 40%;}
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(5) {width: 48%;position:absolute;left: 26.5%;top: 60%;/* display: none; */}
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(6) {width: 30%;position:absolute;left: 2%;top: 48%;/* display: none; */}
.innercontent .mobile-banner .bannerbuttonlist .banneritem a:nth-child(7) {width: 45%;position:absolute;left: 27%;top: 29%;}
.innercontent .product-banner-list {}
.innercontent .product-banner-list .banner-item.active{ display: block; }
.innercontent .product-banner-list div.banner-item{ display: none; }
.innercontent .mobile-banner-list a{ display: block; position: relative; margin-bottom: 10px; color: #2caddd;}
.innercontent .mobile-banner-list a p{ width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }
.innercontent .product-mobile-pics{ background: #fff; }
.innercontent .product-mobile-pics .product-mobile-pics-item .row{ margin-bottom: 10px; }
.innercontent .product-mobile-pics .product-mobile-pics-item{ display: none; }
.innercontent .product-mobile-pics .product-mobile-pics-item.current{ display: block; }

.innercontent .process-nav.affix { top: 70px; }
#carousel-banner-MEDICAI-generic .carousel-indicators,
#carousel-banner-ElECTRONICS-generic .carousel-indicators,
#carousel-banner-CONSUMER-generic .carousel-indicators,
#carousel-banner-AUTOMATION-generic .carousel-indicators,
#carousel-banner-process-generic .carousel-indicators{ bottom: 0; }
#carousel-banner-MEDICAI-generic .carousel-indicators,
#carousel-banner-ElECTRONICS-generic .carousel-indicators,
#carousel-banner-CONSUMER-generic .carousel-indicators,
#carousel-banner-AUTOMATION-generic .carousel-indicators{ display: none; }
.pc-product-postion .breadcrumb{  background: #fff;  }
.carousel-control.right,
.carousel-control.left{ background-image: none; }
.breadcrumb a{color: #777;}
.breadcrumb>.active { color: #2fabbb; }
.breadcrumb li a{color: #777;}
.breadcrumb li.active { color: #2fabbb; }
footer .tel400-title{ color: #434040; font-size: 22px; padding: 0; height: 30px; line-height: 30px; text-align: left;     position: relative;  padding-left: 35px; }
footer .tel400-title i{ font-size: 30px; color: #434040; width: 30px; height: 30px; vertical-align: text-bottom; position: absolute; left: 0;}
footer .email-title{ font-size: 16px;  }
@media only screen and (max-width: 48em) {
	.navbar {
		height: 55px;
		background-color: #d7d7da;
	    background: url(../images/logo.png) center center no-repeat #d7d7da;
		background-size: 100px;
	}
	.content {
		padding-top: 45px;
	}
	.navbar .logo{
		margin-top: -15px;
		display: none;
	}
	.navbar .main-nav,.navbar .btn-signup {
		display: none
	}
	.navbar.scrolled {
		background-color: #d7d7da;
		/* border-bottom: 1px solid #E6E7E9; */
		height: 55px;
 	}
 	footer{ padding-top: 10px; }
 	.contact-btn{ width: 100%; border-radius: 35px; padding: 10px 40px; }
	.navbar .col-xs-2{ position: initial; }
	.dropdown-toggle{ color: #4d4946; font-size: 1.3em; }
	.navbar .logo a img{ width: 120px;  min-width: 120px;}
	.carousel-caption{ padding-bottom: 0; left: 10%; right: 10%; }
	.carousel-caption p{ line-height: 1.4em; font-size: 1.4em; margin-bottom: 2px; }
	.carousel-caption h1{ font-size: 1.8em; line-height: 1.8em; padding: 2px 0; }
	.categoryType .categoryItem{ margin-bottom: 0.2em; padding: 0.5em; }
	.carousel-inner>.item{ min-height: 400px;  }
	.carousel-inner>.item>img{ display: none; min-height: 400px; }
	.carousel-inner>.item:nth-child(1) { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/mobile-index-banner-1.png') top center no-repeat; background-size: 100%; }
	.carousel-inner>.item:nth-child(2) { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/mobile-index-banner-2.png') top center no-repeat; background-size: 100%; }
	.carousel-inner>.item:nth-child(3) { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/mobile-index-banner-3.png') top center no-repeat; background-size: 100%; }
	.carousel-inner>.item:nth-child(4) { background: url('http://osyr48e6w.bkt.clouddn.com/public/images/mobile-index-banner-4.png') top center no-repeat; background-size: 100%; }
	.carousel-inner .item .text-align-left, .carousel-inner .item .text-align-right{ text-align: center; }
	.carousel-caption { margin-bottom: 30px; }
	i.icon-twitter { background: #f5f5f5; color: #33affc; }
	i.icon-facebook { background: #f5f5f5; color: #38569a; }
	i.icon-Google { background: #f5f5f5; color: #dc4b3e; }
	i.icon-instagram { background: #f5f5f5; color: #d82f81; }
	footer.index,footer.index .footer-bottom-bar{ background: #f5f5f5; }
	footer .footerbox{ border-bottom: 1px #ddd solid; }
	footer .icon_bg{ }
	footer .text-align-left{ line-height: 1.8em; text-align: center; }
	footer .sharesocial li a i.iconfont{ font-size: 3em; }
	footer .copyline{ display: none; }
	.innercontent .panel-process .col-sm-6{ padding-bottom: 10px; }
	.innercontent .panel-body{ line-height: 2em; font-size: 1.2em;  padding: 15px 10px; }
	.innercontent .innerbanner{ height: 45px;}
	.innercontent .mobile-position{ background: #f2f2f2; }
	.innercontent .position{ float: right;   }
	.innercontent .position .breadcrumb li a{  color: #777;  }
	.innercontent .position .breadcrumb .active{ color: #2caddd; }
	.innercontent .currentname{ display: block; padding: 13px 0; border-bottom: 2px #2caddd solid; }
	.innercontent .panel-product,
	.innercontent .panel-process { border-radius: 0; border:none; }
	.innercontent .mobile-container{ margin: 0; padding: 0; }
	.innercontent .inner-banner{ margin-bottom: 0; }
	.innercontent-contact .position{ display: none; }
	.innercontent .breadcrumb{ background: #f2f2f2; margin-bottom: 0;  }
	.innercontent .panel-process .content-item{  }
	.innercontent-process .breadcrumb{ /* background: #fff; */  }
	.innercontent-product{ background: #fff; }
	.innercontent .contactform .selitem-type i{ font-size: 1.5em; }
	.innercontent .contactform .selitem-type p{ font-size: 0.6em; margin-top: 12px; }
	.hero.index {
		padding-top: 150px;
		padding-bottom: 420px;
		height: auto;
		background: url("/images/bg-laptop-guy-tall.png") no-repeat center bottom;
		background-size: cover;
		background-repeat: no-repeat
	}

	.xs-padding-top-25 {
		padding-top: 25px
	}

	.xs-padding-top-50 {
		padding-top: 50px
	}

	.xs-margin-top-25 {
		margin-top: 25px
	}

	.xs-margin-top-50 {
		margin-top: 50px
	}

	.xs-padding-bottom-25 {
		padding-bottom: 25px
	}

	.xs-padding-bottom-50 {
		padding-bottom: 50px
	}

	.xs-margin-bottom-25 {
		margin-bottom: 25px
	}

	.xs-margin-bottom-50 {
		margin-bottom: 50px
	}

	.xs-text-align-center {
		text-align: center
	}

	.section {
		padding-top: 25px;
		padding-bottom: 25px
	}

	.your-first-dashboard .number-container .number {
		margin-bottom: 20px;
		margin-top: 40px
	}

	.your-first-dashboard .number-container::before {
		background-color: white
	}

	.security-feature img {
		max-width: 50px
	}

	.signup-customer-icon-bar img {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
	.navbar .main-nav,.navbar .btn-signup {
		display: none
	}

	.navbar .dropdown-toggle {
		vertical-align: middle
	}

	.navbar .dropdown-toggle .fa.fa-white {
		color: white
	}

	.responsive-dropdown {
		display: inline-block;
		padding-right: 10px
	}

	.advanced-report-creator .query-creator-image {
		position: relative;
		max-width: 100%
	}

	.sm-text-align-center {
		text-align: center
	}

	.sm-width-75 {
		width: 75%;
		margin-left: auto;
		margin-right: auto
	}

	.sm-padding-top-0 {
		padding-top: 0
	}

	.sm-padding-top-25 {
		padding-top: 25px
	}

	.sm-padding-top-50 {
		padding-top: 50px
	}

	.sm-padding-bottom-25 {
		padding-bottom: 25px
	}

	.sm-padding-bottom-50 {
		padding-bottom: 50px
	}

	.information-quote img {
		max-height: 500px
	}
}

@media only screen and (min-width: 64em) and (max-width: 75em) {
	.navbar .main-nav {
		display: inline-block
	}

	.navbar .responsive-dropdown {
		display: none
	}

	.md-padding-top-25 {
		padding-top: 25px
	}

	.md-padding-top-50 {
		padding-top: 50px
	}

	.md-padding-bottom-25 {
		padding-bottom: 25px
	}

	.md-padding-bottom-50 {
		padding-bottom: 50px
	}

	.information-quote.dorena h4 {
		font-size: 1.2em
	}

	.information-quote.dorena p.large {
		font-size: 1.0em
	}

	.md-padding-top-0 {
		padding-top: 0
	}

	.md-padding-bottom-0 {
		padding-bottom: 0
	}
}

@media only screen and (min-width: 75em) {
	.navbar .responsive-dropdown {
		display: none
	}
}

.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -40px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-menu-left {
  left: 50%;
  margin-left: -40px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-right {
  right: 50%;
  margin-right: -40px;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-menu-left,
  .carousel-control .glyphicon-menu-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -10px;
    font-size: 20px;
   /*  background: #525252; */
    border-radius: 50%;
  }
  .carousel-control .glyphicon-menu-left,
  .carousel-control .icon-prev {
    margin-left: -40px;
  }
  .carousel-control .glyphicon-menu-right,
  .carousel-control .icon-next {
    margin-right: -40px;
  }
}