@charset "UTF-8";
/*
Template Name: fibre
Theme URL: http://www.egotype.com/fibre/
Description: Landing Page
Author: Egotype
Author URL: http://www.egotype.com
Version: 1.0
Tags: Landing Page, HTML5, CSS3, Bootstrap, Jquery, Marketing Landing page,
App Landing page, WebApp Landing page
*/
/* ___________________________________________

                   CONTENT
   ___________________________________________ */
/*   01. General Styles                        */
/*   02. Typography                            */
/*   03. Backgrounds                           */
/*   04. Buttons, Links                        */
/*   05. Forms                                 */
/*   06. Panel                                 */
/*   07. Carousel, Loader                      */
/*   08. Spacing & Alignment                   */
/*   09. Navigation Header                     */
/*   10. Hero Section                          */
/*   11. Function Section                      */
/*   12. Features Section                      */
/*   13. Download Section                      */
/*   14. Pricing Section                       */
/*   15. Video Section                         */
/*   16. Testimonials Section                  */
/*   17. Newsletter Section                    */
/*   18. Facts Section                         */
/* _____________________________________

   01. General Styles
   _____________________________________ */
body {
	padding: 0;
	margin: 0;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.light-version {
	color: #444;
}

.dark-version {
	color: #bfbfbf;
}

/* ----------------------------------
   Bootstrap Fix: IE10
   in Windows 8 & Windows Phone 8
   ---------------------------------- */
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/* _____________________________________

   02. Typography
   _____________________________________ */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin-top: 0;
	margin-bottom: 15px;
}

h1, .h1 {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.4;
}

h2, .h2 {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
}

h3, .h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
}

h4, .h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

h5, .h5 {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

h6, .h6 {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}

p, .lead {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0;
}

strong,
b {
	font-weight: 600;
}

.h1 .small, .h1 small,
.h2 .small, .h2 small,
.h3 .small, .h3 small,
.h4 .small, .h4 small,
.h5 .small, .h5 small,
.h6 .small, .h6 small,
h1 .small, h1 small,
h2 .small, h2 small,
h3 .small, h3 small,
h4 .small, h4 small,
h5 .small, h5 small,
h6 .small, h6 small {
	font-size: 50%;
	color: inherit;
}

/* ----------------------------------
   Font Colors
   ---------------------------------- */
.text-color {
	color: #3aafd6;
}

.text-dark {
	color: #444;
}

.text-silver {
	color: #bfbfbf;
}

.text-white {
	color: #fff;
}

/* ----------------------------------
   Icons
   ---------------------------------- */
.icon-sm .icon {
	font-size: 32px;
}

.icon-md .icon {
	font-size: 50px;
}

.icon-lg .icon {
	font-size: 80px;
}

.icon-color {
	color: #3aafd6;
}

/* ----------------------------------
   Tooltip
   ---------------------------------- */
.tooltip {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tooltip-inner {
	display: block;
	text-align: left;
	white-space: pre-line;
}

/* _____________________________________

   03. Backgrounds
   _____________________________________ */
.bg-color {
	background-color: #3aafd6;
}

.bg-color-light {
	background-color: #e2f3f9;
}

.bg-color-dark {
	background-color: #379bbc;
}

.bg-white {
	background-color: #fff;
}

.bg-light {
	background-color: #f7f7f7;
}

.bg-lightgrey {
	background-color: #f4f4f4;
}

.bg-silver {
	background-color: #bfbfbf;
}

.bg-grey {
	background-color: #4f4f4f;
}

.bg-dg {
	background-color: #494949;
}

.bg-dark {
	background-color: #444444;
}

.bg-black {
	background-color: #000;
}

/* _____________________________________

   04. Buttons, Links
   _____________________________________ */
a:hover {
	text-decoration: none;
}

a,
.link-color,
a.link-color,
i.link-color {
	color: #323c50;
	text-decoration: none;
	outline: 0;
}

a:hover,
.link-color,
a.link-color:hover,
a.link-color:active,
a.link-color:focus,
i.link-color:hover,
i.link-color:active,
i.link-color:focus {
	color: #96af32;
	text-decoration: none;
}

a.link-white,
i.link-white,
a.link-white:link {
	color: #fff;
}

i.link-white:hover,
a.link-white:hover {
	color: #d9d9d9;
}

a.link-silver,
a.link-silver:link {
	color: #bfbfbf;
}

a.link-silver:hover {
	color: #a8a8a8;
}

a.link-dark,
a.link-dark:link {
	color: #444;
}

a.link-dark:hover {
	color: #222;
}

.btn,
a.btn {
	display: inline-block;
	margin: 5px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border-radius: 0px;
	border: none;
	transition: background 0.3s ease-in-out;
}

.btn:first-child {
	margin-left: 0;
}

.btn:last-child {
	margin-right: 0;
}

.text-center .btn:first-child {
	margin-left: 5px;
}

.text-center .btn:last-child {
	margin-right: 5px;
}

.btn:active,
a.btn:active {
	box-shadow: none;
}

.btn-xs,
a.btn-xs {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	border: none;
	border-radius: 0px;
}

.btn-sm,
a.btn-sm {
	padding: 4px 20px;
	font-size: 14px;
	border: none;
	border-radius: 15px;
}

.btn-lg,
a.btn-lg {
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 21px;
}

.btn i {
	margin-right: 10px;
}

.btn[type=submit] i {
	margin: 0;
}

/* ----------------------------------
   Buttons Circle
   ---------------------------------- */
.btn-circle {
	display: inline-block;
	height: 34px;
	width: 34px;
	margin: 0;
	text-align: center;
	line-height: 32px;
	transition: background 0.3s ease-in-out;
	border-radius: 50%;
	border: none;
}

.btn-circle-xs {
	width: 18px;
	height: 18px;
	font-size: 10px;
}

.btn-circle-xs i {
	line-height: 18px;
}

.btn-circle-sm {
	height: 30px;
	width: 30px;
	font-size: 14px;
}

.btn-circle-sm i {
	line-height: 30px;
}

.btn-circle-lg {
	height: 40px;
	width: 40px;
	font-size: 16px;
}

.btn-circle-lg i {
	line-height: 36px;
}

/* ----------------------------------
   Social Buttons
   ---------------------------------- */
ul.social {
	display: inline-block;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.social > li {
	float: left;
	margin: 5px;
}

.social > li > a {
	margin: 0;
}

.social > li:first-child {
	margin-left: 0;
}

.social > li:last-child {
	margin-right: 0;
}

.text-center .social > li:first-child {
	margin-left: 5px;
}

.text-center .social > li:last-child {
	margin-right: 5px;
}

/* ----------------------------------
   Top Button
   ---------------------------------- */
.btn-top {
	position: fixed;
	bottom: 80px;
	right: 0;
	z-index: 500;
	display: none;
	margin-right: 20px;
	font-size: 24px;
	line-height: 40px;
	cursor: pointer;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.btn-top:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ----------------------------------
   Buttons Color
   ---------------------------------- */
.btn-color,
.inverse a.btn-color {
	color: #fff;
	background-color: #3aafd6;
}

.btn-color:hover,
.btn-color:active,
.btn-color:focus {
	color: #fff;
	background-color: #379bbc;
}

.btn-border-color,
a.btn-border-color {
	color: #3aafd6 !important;
	background-color: transparent;
	border: 1px solid #3aafd6;
}

.btn-border-color:hover,
.btn-border-color:active,
.btn-border-color:focus {
	color: #379bbc !important;
	border: 1px solid #379bbc;
}

.input-group .btn-border-color:hover,
.input-group .btn-border-color:active,
.input-group .btn-border-color:focus {
	border: 1px solid #6b7b8a;
}

/* ----------------------------------
   Buttons White
   ---------------------------------- */
.btn-white,
.inverse a.btn-white {
	color: #444 !important;
	background-color: #fff;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	background-color: #d9d9d9;
}

.btn-border-white,
a.btn-border-white {
	color: #fff !important;
	background-color: transparent;
	border: 1px solid #fff;
}

.btn-border-white:hover,
.btn-border-white:active,
.btn-border-white:focus {
	color: #d9d9d9 !important;
	border: 1px solid #d9d9d9;
}

.input-group .btn-border-white:hover,
.input-group .btn-border-white:active,
.input-group .btn-border-white:focus {
	border: 1px solid #fff;
}

/* ----------------------------------
   Buttons Silver
   ---------------------------------- */
.btn-silver,
.inverse a.btn-silver {
	color: #fff !important;
	background-color: #bfbfbf;
}

.btn-silver:hover,
.btn-silver:active,
.btn-silver:focus {
	background-color: #a8a8a8;
}

.btn-border-silver,
a.btn-border-silver {
	color: #bfbfbf;
	background-color: transparent;
	border: 1px solid #bfbfbf;
}

.btn-border-silver:hover,
.btn-border-silver:active,
.btn-border-silver:focus {
	color: #a8a8a8;
	border: 1px solid #a8a8a8;
}

.input-group .btn-border-silver:hover,
.input-group .btn-border-silver:active,
.input-group .btn-border-silver:focus {
	border: 1px solid #bfbfbf;
}

/* ----------------------------------
   Buttons Grey
   ---------------------------------- */
.btn-grey,
.inverse a.btn-grey {
	color: #fff !important;
	background-color: #4f4f4f;
}

.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
	background-color: #434343;
}

.btn-border-grey,
a.btn-border-grey {
	color: #4f4f4f !important;
	background-color: transparent;
	border: 1px solid #4f4f4f;
}

.btn-border-grey:hover,
.btn-border-grey:active,
.btn-border-grey:focus {
	color: #4f4f4f !important;
	border: 1px solid #434343;
}

.input-group .btn-border-grey:hover,
.input-group .btn-border-grey:active,
.input-group .btn-border-grey:focus {
	border: 1px solid #474747;
}

/* _____________________________________

   05. Forms
   _____________________________________ */
.form-control {
	padding-left: 16px;
	padding-right: 16px;
	font-size: 14px;
	box-shadow: none;
	appearance: none;
	outline: 0;
}

textarea.form-control {
	border-radius: 5px;
	resize: none;
}

.input-group .form-control:first-child {
	border-right: none;
}

.input-group-btn:last-child > .btn {
	border-left: none;
}

.input-group .input-group-btn:last-child > .btn {
	margin-left: -1px !important;
}

.input-group .btn {
	height: 34px;
	padding: 0 20px;
	margin: 0 !important;
	color: #3aafd6 !important;
}

.form-control:focus,
.form-control:focus + .input-group-btn .btn {
	border-color: #3aafd6;
	box-shadow: none;
	outline: none;
}

.error .form-control,
.error .btn {
	border-color: #3aafd6 !important;
}

/* ----------------------------------
   Form White
   ---------------------------------- */
.form-control-white {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
}

.form-control.form-control-silver::-moz-placeholder {
	color: #fff;
}

.form-control.form-control-silver:-ms-input-placeholder {
	color: #fff;
}

.form-control.form-control-silver::-webkit-input-placeholder {
	color: #fff;
}

/* ----------------------------------
   Form Silver
   ---------------------------------- */
.form-control-silver {
	color: #bfbfbf;
	background-color: transparent;
	border: 1px solid #bfbfbf;
}

.form-control.form-control-silver::-moz-placeholder {
	color: #bfbfbf;
}

.form-control.form-control-silver:-ms-input-placeholder {
	color: #bfbfbf;
}

.form-control.form-control-silver::-webkit-input-placeholder {
	color: #bfbfbf;
}

/* ----------------------------------
   Validation Message
   ---------------------------------- */
#message-newsletter,
#message-contact {
	display: none;
}

.message {
	color: #3aafd6;
	margin: 0 auto;
	width: 200px;
}

.message-icon {
	display: block;
	height: 30px;
	width: 30px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #3aafd6;
	border-radius: 50%;
}

.message-icon i {
	line-height: 30px;
}

.message span {
	display: inline-block;
}

.message-text {
	margin: 10px 5px;
	font-weight: 600;
}

/* _____________________________________

   06. Panel
   _____________________________________ */
.panel {
	border: none;
	border-radius: 5px;
}

.panel-color {
	border-color: #3aafd6;
}

.panel-group .panel {
	margin-bottom: 7px;
	border-radius: 5px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border: none;
}

.panel-heading {
	padding: 5px 15px;
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
}

.panel.active > .panel-heading {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #fff;
}

.panel-color > .panel-heading {
	color: #fff;
	background-color: #3aafd6;
}

.panel-color.active > .panel-heading {
	color: #3aafd6;
}

.panel-body {
	padding-top: 3px;
}

.panel-title {
	font-weight: 400;
	line-height: 30px;
}

.panel-title .icon {
	float: right;
	font-size: 30px;
	line-height: 10px;
	width: 25px;
	height: 30px;
}

/* _____________________________________

   07. Slider, Carousel, Loader
   _____________________________________ */
/* ----------------------------------
   Revolution Slider
   ---------------------------------- */
.hero-slider {
	height: 900px;
}

.rs-dot .tp-bullet {
	height: 4px;
	width: 4px;
	background-color: #bfbfbf;
	border-radius: 2px;
}

.light-version .rs-dot .tp-bullet.selected {
	background-color: #999;
}

.dark-version .rs-dot .tp-bullet.selected,
.dark-version .rs-dot .tp-bullet:hover {
	background-color: #3aafd6;
}

.tp-bannertimer {
	background-color: #3aafd6;
	height: 2px;
	top: 100%;
	margin-top: -2px;
}

/* ----------------------------------
   Owl Slider
   ---------------------------------- */
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 20px;
}

.owl-theme .owl-dots {
	text-align: center;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
}

.owl-theme .owl-dots .owl-dot span {
	display: block;
	height: 4px;
	width: 4px;
	margin: 4px 3px;
	background-color: #bfbfbf;
	border-radius: 2px;
	transition: opacity 200ms ease;
}

.light-version .owl-theme .owl-dots .owl-dot.active span,
.light-version .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #999;
}

.dark-version .owl-theme .owl-dots .owl-dot.active span,
.dark-version .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #3aafd6;
}

/* ----------------------------------
   Swiper Slider
   ---------------------------------- */
.swiper-container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.swiper-slide {
	width: 263px;
	height: 467px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 4px 3px;
}

.swiper-pagination-bullet {
	opacity: 1;
	height: 4px;
	width: 4px;
	background-color: #bfbfbf;
}

.light-version .swiper-pagination-bullet-active {
	background-color: #999;
}

.dark-version .swiper-pagination-bullet-active {
	background-color: #3aafd6;
}

/* ----------------------------------
   Loader
   ---------------------------------- */
.loader {
	position: fixed;
	z-index: 1200;
	display: table;
	height: 100%;
	width: 100%;
}

.loader-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.ball-pulse-color > div {
	background-color: #3aafd6;
}

/* _____________________________________

   08. Spacing, Alignment, Helperclasses
   _____________________________________ */
.vert-middle-sm,
.vert-middle-md,
.vert-middle-lg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hor-middle {
	margin: 0 auto;
}

.p-5 {
	padding: 5px;
}

.p-10 {
	padding: 10px;
}

.p-15 {
	padding: 15px;
}

.p-t-b-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.p-t-b-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-t-b-20 {
	padding: 20px 0;
}

.p-t-b-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.p-t-b-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.p-t-b-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-t-b-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-25 {
	padding-top: 25px;
}

.p-l-30 {
	padding-left: 30px;
}

.p-l-60 {
	padding-left: 60px;
}

.p-l-100 {
	padding-left: 100px;
}

.no-padding-md {
	padding: 0;
}

.logo-wrapper {
	margin-left: 4px;
	vertical-align: text-bottom;
}

.block-line .block {
	display: inline-block;
	padding: 0 6px;
	margin-bottom: 0;
	vertical-align: middle;
}

.block-line .block:first-child {
	padding-left: 0;
}

.block-line .block:last-child {
	padding-right: 0;
}

.separator {
	margin: 0 5px;
}

.ov-hidden {
	overflow: hidden;
}

.pos-relative {
	position: relative;
}

.pos-absolute {
	position: absolute;
}

.section-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.opacity-90 {
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.loaded img {
	filter: alpha(opacity=0);
	opacity: 0;
}

.img-top-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 63%;
}

.img-top-top {
	position: absolute;
	top: 200px;
	right: 0;
	width: 100%;
}

/* _____________________________________

   11. Function Section
   _____________________________________ */
.function-device-shadow {
	background: url("../images/function-1-device-shadow.png") no-repeat center;
	background-size: cover;
}

.image-abs-300 {
	height: 300px;
}

.image-abs-300 img {
	position: absolute;
	top: 15%;
	width: 130%;
}

/* _____________________________________

   12. Features Section
   _____________________________________ */
.features-left {
	text-align: right;
}

.features-right {
	text-align: left;
}

.image-watch {
	height: 300px;
}

.image-watch img {
	position: absolute;
	top: 15%;
	width: 130%;
}

/* _____________________________________

   13. Download Section
   _____________________________________ */
.download-device-shadow {
	background: url("../images/download-device-shadow.png") no-repeat center;
	background-size: cover;
}

/* _____________________________________

   14. Pricing Section
   _____________________________________ */
.price-marker {
	display: table;
	height: 100px;
	width: 100px;
	margin: 25px auto;
	color: #fff;
	background-color: #3aafd6;
	border-radius: 50%;
}

.price-plan {
	padding: 30px 0 20px 0;
	border: 1px solid;
	border-radius: 5px;
}

.dark-version.price-plan {
	border-color: #666;
	box-shadow: 1px 1px 1px 0 #5f5f5f;
}

.light-version.price-plan {
	border-color: #eee;
	box-shadow: 1px 1px 1px 0 #f4f4f4;
}

.price {
	display: table-cell;
	margin: 0;
	font-size: 32px;
	line-height: 0.6;
	vertical-align: middle;
}

.price-cent {
	font-size: 50%;
	vertical-align: super;
}

.price-period {
	font-size: 14px;
	white-space: nowrap;
}

.price-details {
	padding-left: 0;
	list-style-type: none;
}

.price-details li {
	margin-bottom: 20px;
}

/* _____________________________________

   15. Video Section
   _____________________________________ */
.video-wrapper {
	margin-bottom: 20px;
}

.video-wrapper > .eVideo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: none;
}

.skeleton .eVideo {
	display: none;
}

/* _____________________________________

   16. Testimonials Section
   _____________________________________ */
.speech-bubble {
	position: relative;
	padding: 15px 20px;
	border-radius: 5px;
}

.speech-bubble p {
	margin-bottom: 2px;
}

.speech-bubble-arrow {
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid;
}

.speech-bubble-color {
	color: #fff;
	background-color: #3aafd6;
}

.speech-bubble-light {
	color: #444;
	background-color: #ebf7fb;
}

.speech-bubble-arrow-light {
	border-top-color: #ebf7fb;
}

.speech-bubble-arrow-color {
	border-top-color: #3aafd6;
}

.testimonial-details h4 {
	margin-bottom: 0;
}

.testimonial-details p {
	margin-bottom: 10px;
}

.testimonial-img {
	width: 125px;
	height: 125px;
	margin-bottom: 20px;
}

.testimonial-details ul.social {
	display: inline-table;
}

.testimonial-slider.owl-carousel .owl-item img {
	display: inline;
	width: auto;
}

/* _____________________________________

   17. Newsletter Section
   _____________________________________ */
.newsletter-image {
	background: url("../images/newsletter-image-bg.jpg") center no-repeat;
	background-size: cover;
}

/* _____________________________________

   18. Facts Section
   _____________________________________ */
.chart-value {
	font-size: 36px;
	line-height: 3.3;
}

.chart-unit {
	margin-left: 3px;
	font-size: 24px;
}

.circles-valueStroke {
	stroke: #3aafd6;
}

.light-version .circles-maxValueStroke {
	stroke: #eee;
}

.dark-version .circles-maxValueStroke {
	stroke: #555;
}

@media only screen and (max-width: 1199px) {
	/* ----------------------------------
	   Spacing & Alignment
	   ---------------------------------- */
	.vert-middle-lg {
		display: block;
		height: auto;
	}

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

	.text-center-lg .social > li:first-child {
		margin-left: 5px !important;
	}

	.text-center-lg .social > li:last-child {
		margin-right: 5px !important;
	}

	.text-center-lg .btn:first-child {
		margin-left: 5px !important;
	}

	.text-center-lg .btn:last-child {
		margin-right: 5px !important;
	}
}
@media only screen and (max-width: 991px) {
	/* ----------------------------------
	   Spacing & Alignment
	   ---------------------------------- */
	.vert-middle-md {
		display: block;
		height: auto;
	}

	.block-line {
		text-align: center;
	}

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

	.text-center-md .social > li:first-child {
		margin-left: 5px !important;
	}

	.text-center-md .social > li:last-child {
		margin-right: 5px !important;
	}

	.text-center-md .btn:first-child {
		margin-left: 5px !important;
	}

	.text-center-md .btn:last-child {
		margin-right: 5px !important;
	}

	/* ----------------------------------
	   Features Section
	   ---------------------------------- */
	.hero-p-v1,
	.hero-p-v2,
	.hero-p-v3 {
		padding-top: 145px;
	}

	.hero-p-v2 {
		padding-bottom: 30px;
	}

	/* ----------------------------------
	   Features Section
	   ---------------------------------- */
	.features-left,
	.features-right {
		text-align: justify;
	}

	/* ----------------------------------
	   Header Section
	   ---------------------------------- */
	.header .cut-wrapper {
		height: auto;
	}

	.header {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
}
@media only screen and (max-width: 767px) {
	/* ----------------------------------
	   Spacing & Alignment
	   ---------------------------------- */
	.vert-middle-sm {
		display: block;
		height: auto;
	}

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

	.text-center-sm .social > li:first-child {
		margin-left: 5px !important;
	}

	.text-center-sm .social > li:last-child {
		margin-right: 5px !important;
	}

	.text-center-sm .btn:first-child {
		margin-left: 5px !important;
	}

	.text-center-sm .btn:last-child {
		margin-right: 5px !important;
	}

	/* ----------------------------------
	   Function 2 Section
	   ---------------------------------- */
	.image-watch img {
		top: 0;
	}

	/* ----------------------------------
	   Features Section
	   ---------------------------------- */
	.features-left,
	.features-right {
		text-align: center;
	}
}
@media (min-width: 522px) and (max-width: 767px) {
	/* ----------------------------------
	 Spacing & Alignment
	 ---------------------------------- */
	.col-xs-6-break {
		float: left;
		width: 50%;
	}

	.col-xs-offset-3-break {
		margin-left: 25%;
	}

	.wrapper-h-xs-lg {
		padding-right: 80px;
		padding-left: 80px;
	}

	.wrapper-h-xs-md {
		padding-right: 60px;
		padding-left: 60px;
	}

	.wrapper-h-xs-sm {
		padding-right: 40px;
		padding-left: 40px;
	}

	.wrapper-h-xs-xs {
		padding-right: 20px;
		padding-left: 20px;
	}
}
body {
	padding-top: 80px;
}

@media (min-width: 768px) {
	body {
		padding-top: 90px;
	}
}
.text-primary {
	color: #96af32;
}

.btn-primary {
	background-color: #96af32;
}

.has-success .form-control {
	border-color: #96af32;
}

.navbar-default {
	background-color: #fff;
	border-bottom: 1px solid #c8c8c8;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0;
}
.navbar-default a.navbar-brand {
	padding: 10px 15px;
}
.navbar-default a.navbar-brand img {
	height: 100%;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #96af32;
}

@media (min-width: 768px) {
	.navbar-nav > li {
		padding: 10px 0;
	}

	.navbar-nav > li > a {
		padding: 10px;
	}
}
#scrolltop {
	display: none;
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 20px;
	right: 10px;
}
#scrolltop .scroll {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	margin: 0 0 0 0;
	cursor: pointer;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}
#scrolltop .scroll:hover {
	color: black;
}
#scrolltop .scroll:hover .fa {
	padding-top: -10px;
}
#scrolltop .scroll .fa {
	margin-top: -5px;
	margin-left: 1px;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

section {
	padding-top: 50px;
	padding-bottom: 50px;
}

section:last-of-type {
	padding-bottom: 50px;
}

section.header {
	position: relative;
	overflow: hidden;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding-top: 200px;
	padding-bottom: 100px;
	background-color: #323c50;
	color: #FFF;
}
section.header.bg-darken:before {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
section.header h1 {
	font-weight: 700;
}
section.header p {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 10px;
}

section.more {
	padding-top: 20px;
	padding-bottom: 20px;
}
section.more .container {
	display: table;
	margin-top: -50px;
	padding-top: 50px;
	/*set left/right padding according to needs*/
	box-sizing: border-box;
}
section.more .row {
	/* Small devices (tablets, 768px and up) */
	/* Medium devices (desktops, 992px and up) */
	/* Large devices (large desktops, 1200px and up) */
}
@media (min-width: 970px) {
	section.more .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
section.more .row .highlight .more-panel {
	background-color: #FFF;
	color: #000;
}
section.more .row .highlight .more-panel a.btn {
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #96af32;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 27px;
	font-weight: 400;
}
section.more .row div.more-panel {
	height: 100%;
	padding: 20px 20px 70px 20px;
	color: #FFF;
	text-align: center;
}
section.more .row div.more-panel .btn-container {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
}
section.more .row div.more-panel .btn-container a.btn {
	color: white;
	background-color: #96af32;
	border: 1px solid #FFFFFF;
	margin: 20px 0;
}

section.bg-lightgrey h1, section.bg-lightgrey h2, section.bg-lightgrey h3 {
	color: #000;
}

section.bg-white {
	color: #000;
	background-color: #FFFFFF;
}
section.bg-white h1, section.bg-white h2, section.bg-white h3 {
	color: #000;
}

section.bg-blue {
	color: #FFF;
	background-color: #323c50;
	background-size: cover;
}
section.bg-blue.title {
	padding-bottom: 20px;
	padding-top: 20px;
	color: #FFF;
}
section.bg-blue.title h1, section.bg-blue.title h2, section.bg-blue.title h3 {
	margin: 0;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-25 {
	padding-bottom: 25px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.fg-green {
	color: #96af32 !important;
}

.fg-white {
	color: #FFFFFF;
}

.bg-green {
	background-color: #96af32;
}
.bg-green.title {
	padding-bottom: 20px;
	padding-top: 20px;
	color: #FFF;
}
.bg-green.title h1, .bg-green.title h2, .bg-green.title h3 {
	margin: 0;
}

.grecaptcha-badge {
	visibility: hidden;
}

footer {
	color: #777;
	border-top: 1px solid #c8c8c8;
	padding-top: 40px;
}
footer.footer {
	margin-bottom: 40px;
}
footer .footer-copyright {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}
footer .footer-copyright p {
	margin: 10px;
}
footer ul {
	list-style-type: none;
	padding-left: 0;
	line-height: 1.7;
}
footer h5 {
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}
footer a:hover, footer a:focus {
	color: #333;
}
@media screen and (max-width: 400px) {
	footer {
		text-align: center;
	}
	footer .col-xs-6 {
		width: 100%;
	}
}

.site-error section.header {
	background-image: url(/img/error/bg-header.jpg);
}

.site-about section.header {
	background-image: url(/img/about/bg-header.jpg);
}
.site-about section.team .team-img {
	border: 1px solid #c8c8c8;
	width: 50%;
}

.site-contact .pizza-topic a {
	color: #96af32;
}
.site-contact section.header {
	background-image: url(/img/contact/bg-header.jpg);
}
.site-contact .img-contact {
	border: 1px solid #c8c8c8;
}

.site-newsletter section.header {
	background-image: url(/img/newsletter/bg-header.jpg);
}
.site-newsletter .img-contact {
	border: 1px solid #c8c8c8;
}

.site-index .pizza-style a {
	color: #96af32;
}
.site-index #try-it span.stats {
	color: #323c50;
	font-size: xx-large;
}
.site-index #section-advantages p {
	text-align: justify;
}
.site-index #section-advantages .equal-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.site-index #section-advantages .equal-row .col-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #FFF;
}
.site-index #section-function {
	padding-bottom: 50px;
	padding-top: 0;
	color: #000;
}
.site-index #section-function a {
	color: #96af32;
}
.site-index #section-function .row {
	background-color: #ffffff;
	margin: 0;
}
@media (min-width: 768px) {
	.site-index #section-function .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
.site-index #section-function .row div {
	padding: 30px;
}
.site-index #section-function .row div.col-image {
	padding: 0;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	min-height: 350px;
}
@media (min-width: 768px) {
	.site-index #section-function .row div.col-image {
		background-position: 50%;
	}
}
.site-index section.header {
	background-image: url(/img/index/bg-header.jpg);
	/* Style the video: 100% width and height to cover the entire window */
}
.site-index section.header #index-video {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}
.site-index section.header ul.pros {
	list-style-type: none;
	text-align: left;
	padding-left: 10px;
}
.site-index section.header ul.pros li {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 30px;
}
.site-index section.header ul.pros li i {
	margin-right: 10px;
}
.site-index section.header ul.pros li:before {
	content: "�?�";
	/* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -30px;
	/* same as padding-left set on li */
	width: 30px;
	/* same as padding-left set on li */
}
.site-index section.header .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #96af32;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
.site-index section.newsletter .btn {
	margin-top: 15px;
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #323c50;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}

#radio-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	z-index: 9998;
}
#radio-popup .popup-content {
	z-index: 1100;
	position: fixed;
	padding: 25px;
	left: 50%;
	top: 50%;
	background: #FFF;
	transform: translate(-50%, -50%);
	width: 80vw;
	max-width: 400px;
	z-index: 9999;
}
#radio-popup .popup-content p {
	margin: 10px 0;
}
@media only screen and (max-height: 620px) {
	#radio-popup .popup-content p {
		font-size: 10px;
	}
}
#radio-popup .popup-content h1 {
	font-size: 18px;
	color: #96af32;
	padding: 5px 0px 0px 80px;
	position: relative;
	height: 55px;
}
@media only screen and (max-height: 620px), (max-width: 375px) {
	#radio-popup .popup-content h1 {
		font-size: 14px;
	}
}
#radio-popup .popup-content h1 img {
	height: 60px;
	width: 60px;
	position: absolute;
	left: 0;
	top: 0;
}
#radio-popup .popup-content .popup-footer {
	padding-top: 15px;
	margin: 0;
}
#radio-popup.show-modal {
	opacity: 1;
	visibility: visible;
}

.site-privacy section.header {
	background-image: url(/img/privacy/bg-header.jpg);
}
.site-privacy section.content h1 {
	font-size: 22px;
	margin: 10px 0 5px 0;
}
.site-privacy section.content h2 {
	font-size: 20px;
	margin: 10px 0 5px 0;
}
.site-privacy section.content h3 {
	font-size: 18px;
	margin: 10px 0 5px 0;
}
.site-privacy section.content p {
	font-size: 14px;
	margin: 5px 0 5px 0;
}

.site-info section.header {
	background-image: url(/img/info/bg-header.jpg);
}

.site-imprint section.header {
	background-image: url(/img/imprint/bg-header.jpg);
}

.site-privacy section.header {
	background-image: url(/img/privacy/bg-header.jpg);
}

.site-technology section.header {
	background-image: url(/img/technology/bg-header.jpg);
}

.site-survey section.header {
	background-image: url(/img/survey/bg-header.jpg);
}

.site-comparison-group .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #96af32;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
.site-comparison-group #section-squares {
	padding-bottom: 50px;
	padding-top: 50px;
	color: #000;
}
.site-comparison-group #section-squares .container {
	text-align: justify;
}
.site-comparison-group #section-squares .row {
	background-color: #ffffff;
	margin: 0;
}
@media (min-width: 768px) {
	.site-comparison-group #section-squares .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
.site-comparison-group #section-squares .row p {
	margin-bottom: 15px;
}
.site-comparison-group #section-squares .row div {
	padding: 30px;
}
.site-comparison-group #section-squares .row div.col-image {
	position: relative;
	background-color: #f4f4f4;
	padding: 0;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	min-height: 350px;
}
@media (min-width: 768px) {
	.site-comparison-group #section-squares .row div.col-image {
		background-position: 50%;
	}
}
.site-comparison-group #section-squares .row div.col-image.bg-blue {
	background-color: #323c50;
}
.site-comparison-group #section-squares .row div.col-image.bg-green {
	background-color: #96af32;
}
.site-comparison-group #section-squares .row div.col-image h3 {
	color: #FFF;
	font-size: xx-large;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.site-comparison-group section.intro .row {
	padding: 0 35px;
}
.site-comparison-group section.header {
	background-image: url(/img/index/bg-header.jpg);
}
.site-comparison-group section.header .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #96af32;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
.site-comparison-group section#register-form .row {
	padding: 0 25px;
}

.site-reference section.header {
	background-image: url(/img/reference/bg-header.jpg);
}
.site-reference .reference-item-panel {
	margin-bottom: 25px;
	margin-bottom: 25px;
	border: 1px solid #FFF;
	background-color: #f4f4f4;
}
.site-reference .reference-item-panel:hover {
	background-color: #96af32;
}
.site-reference .reference-item-panel:hover * {
	color: #FFF;
}
.site-reference .reference-item-panel .reference-item-logo-container {
	background-color: #FFF;
	margin: 10px;
	padding: 10px;
}
.site-reference .reference-item-panel .reference-item-logo-container .reference-item-logo-img {
	margin: auto;
	display: block;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}
.site-reference .reference-item-panel .reference-item-text-container h3 {
	margin: 5px;
	font-size: 14px;
}
.site-reference .reference-item-panel .reference-item-link {
	color: inherit;
}
.site-reference .how-to-start-box {
	padding: 15px;
	background-color: #fff;
	margin-bottom: 15px;
}
.site-reference .how-to-start-box span.number {
	background: #323c50;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	line-height: 1.6em;
	margin-right: 5px;
	text-align: center;
	width: 1.6em;
}
.site-reference .press-feedback h2 {
	margin: 30px 0 60px;
}
.site-reference .press-feedback .press-item {
	border: 2px solid #f4f4f4;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 15px;
}
.site-reference .press-feedback .press-item h3 {
	font-size: 20px;
	margin: 0;
}
.site-reference .press-feedback .press-item .img-responsive {
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 32px;
}
.site-reference .testimonial {
	/* only for demo not required */
}
.site-reference .testimonial h2 {
	color: #000;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	position: relative;
	margin: 30px 0 60px;
}
.site-reference .testimonial .row.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.site-reference .testimonial .row.display-flex > [class*=col-] {
	flex-grow: 1;
}
.site-reference .testimonial .testimonial-wrapper {
	height: 100%;
	padding-bottom: 110px;
	position: relative;
}
.site-reference .testimonial .testimonial-wrapper .quote {
	color: #000000;
	position: relative;
	padding: 15px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	height: 100%;
}
.site-reference .testimonial .testimonial-wrapper .quote::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 40px;
	transform: rotateZ(-46deg);
}
.site-reference .testimonial .testimonial-wrapper .media {
	position: absolute;
	margin: 10px;
	bottom: 0;
	height: 80px;
}
.site-reference .testimonial .testimonial-wrapper .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
}
.site-reference .testimonial .testimonial-wrapper .media .name {
	text-transform: uppercase;
	color: #96af32;
}
.site-reference .testimonial .testimonial-wrapper .media .details {
	padding: 2px 0 0 0;
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}

.site-conference-signup section.header {
	background-image: url(/img/press/presskit-bg.jpg);
	background-position: right top;
	padding-top: 70px;
	padding-bottom: 70px;
}
.site-conference-signup .table {
	border: 1px solid #dddddd;
}
.site-conference-signup .table tr {
	background-color: #fff;
}
.site-conference-signup .table tr.timeline {
	background-image: linear-gradient(#fafafa 20%, #FFFFFF);
}
.site-conference-signup .table tr.green {
	background-color: #96af32;
	color: #fff;
}
.site-conference-signup .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 400;
}
.site-conference-signup .btn-blue {
	background-color: #44546a;
}
.site-conference-signup .btn-blue:hover {
	background-color: #607d8b;
}

.site-conference-docs section.header {
	background-image: url(/img/press/presskit-bg.jpg);
	background-position: right top;
	padding-top: 70px;
	padding-bottom: 70px;
}
.site-conference-docs .equal-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.site-conference-docs .equal-row .col-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #FFF;
}
.site-conference-docs .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 400;
}
.site-conference-docs section {
	position: relative;
}
.site-conference-docs .anker-offset {
	position: absolute;
	top: -90px;
}
.site-conference-docs .btn-blue {
	background-color: #44546a;
}
.site-conference-docs .btn-blue:hover {
	background-color: #607d8b;
}
.site-conference-docs a {
	color: #96af32;
}
.site-conference-docs .special-event-row [class*=col-] {
	margin-bottom: 15px;
}
.site-conference-docs .special-event-row .special-event-col {
	position: relative;
	height: 100%;
	background-color: #fff;
	border: 1px solid #44546a;
	padding: 65px 15px 85px 15px;
}
.site-conference-docs .special-event-row .special-event-col h2 {
	background-color: #44546a;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	color: #fff;
}
.site-conference-docs .special-event-row .special-event-col .register-link {
	position: absolute;
	border-top: 1px solid #44546a;
	bottom: 10px;
	padding-top: 10px;
	right: 10px;
	left: 10px;
}

/*
css for city pages
*/
/*
    Created on : 08.04.2019, 20:29:46
    Author     : Lutz
*/

@media (max-width: 400px) {
	.city-countdown h1 {
		font-size: 28px;
	}
	.city-countdown h2 {
		font-size: 22px;
	}
}
@media (max-width: 767px) {
	.city-countdown .text-xs-left {
		text-align: left;
	}
	.city-countdown .col-xs-margin {

	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.city-countdown .text-sm-left {
		text-align: left;
	}
	.city-countdown .col-sm-margin {
		margin-top: 35px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.city-countdown .col-md-margin {
		margin-top: 35px;
	}
}
.city-countdown .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #96af32;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
.city-countdown .btn.facebook {
	background-color: #4267b2;
}
.city-countdown a {
	color: #96af32;
}
.city-countdown section.header {
	background: url("./../img/header_background.jpg") no-repeat center center fixed;
	background-size: cover;
}
.city-countdown section.header .map-responsive {
	left: 0;
	top: -10%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	height: 120%;
	width: 110%;
}
.city-countdown section.header .map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
@media (max-width: 400px) {
	.city-countdown section.header {
		padding-top: 100px;
	}
	.city-countdown section.header .col-card-image {
		margin-left: 5%;
		width: 90%;
	}
}
.city-countdown section.intro p {
	font-size: 16px;
}
.city-countdown section.info .press-feedback {
	padding-left: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background-color: #f4f4f4;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 25px;
	cursor: pointer;
}
.city-countdown section.info .press-feedback h2 {
	margin-bottom: 5px;
	font-size: 19px;
	word-break: break-word;
}
.city-countdown section.info .press-feedback a {
	color: initial;
}
.city-countdown section.info .press-feedback:last-of-type {
	margin-bottom: 0px;
}
.city-countdown section.info .press-feedback:hover {
	background-color: #ddd;
}
.city-countdown section.advantages .row .content {
	border: 2px solid #c8c8c8;
	border-radius: 5px;
	padding: 15px;
	background-color: #FFF;
}
.city-countdown #applicant-form .form-control {
	border-radius: 5px;
}
.city-countdown #countdown {
	text-align: center;
	margin: 10px 0px 10px;
	min-height: 104px;
}
.city-countdown #countdown > div {
	width: 100px;
	height: 100px;
	margin: 0px 1%;
	display: inline-block;
	font-size: 32px;
	line-height: 52px;
	position: relative;
	font-weight: 700;
	color: #96af32;
	border: 2px solid #96af32;
	border-radius: 5px;
	margin-bottom: 10px;
}
.city-countdown #countdown > div > span {
	font-size: 18px;
	display: block;
}

.press-index section.header {
	background-image: url(/img/press/bg-header.jpg);
}
.press-index .btn {
	margin: 0;
}
.press-index .presskit-container {
	background: url(/img/press/presskit-bg.jpg);
	background-position: top right;
	background-size: cover;
	padding: 0 15px;
}
.press-index .press-item {
	padding: 10px;
	background-color: #FFF;
	margin-bottom: 15px;
}
.press-index .press-item .press-item-title {
	font-size: 16pt;
	font-weight: bold;
	margin: 0;
}
.press-index .press-item .press-item-published {
	font-size: 8pt;
	opacity: 0.5;
	margin-bottom: 5px;
}
.press-index .press-item .press-item-footer {
	margin-top: 15px;
}
.fb-lottery-tob h2 {
	font-size: 22px;
}
.fb-lottery-tob h3 {
	font-size: 18px;
}
.fb-lottery-tob section.intro .row {
	padding: 0 35px;
}
.fb-lottery-tob section.header {
	background-image: url(/img/index/bg-header.jpg);
}
.fb-lottery-tob section.header .btn {
	cursor: pointer;
	outline: none;
	outline-offset: -2px;
	color: white;
	background-color: #96af32;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}

.site-card .box {
	padding: 15px;
}
.site-card .box.box-primary {
	background-color: #f4f4f4;
}
.site-card #screen-success tbody {
	background-color: #fff;
}
.site-card #screen-success td.balance-value {
	font-weight: bold;
	font-size: 150%;
	line-height: inherit;
}
.site-card #transaction-list {
	border: 1px solid #f4f4f4;
}
.site-card #transaction-list .transaction-list-item .time {
	font-weight: bold;
}
.site-card #transaction-list .transaction-list-item .value {
	float: right;
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: bold;
	font-size: 150%;
}
.site-card #transaction-list .transaction-list-item {
	position: relative;
	padding: 5px 10px;
	border-top: 1px solid #f4f4f4;
	background-color: #f9f9f9;
}
.site-card #transaction-list .transaction-list-item:first-child {
	border-top: none;
}
.site-card #transaction-list .transaction-list-item:nth-of-type(odd) {
	background-color: #fff;
}

.site-choose section.header {
	background-image: url(/img/about/bg-header.jpg);
}
.site-choose ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}
.site-choose ul.checklist {
	list-style-type: none;
}
.site-choose ul.checklist .fa-li {
	color: #96af32;
	font-size: 1.5em;
}

/*# sourceMappingURL=app.min.css.map */