/* Template: Lyra SaaS App Landing Page Template
   Author: Inovatik
   Version: 1.0.0
   Created: February 2017
   Description: Master CSS file
*/


/**********************************
	TABLE OF CONTENTS

01. Preloader
02. General Styles
03. Navigation
04. Header
05. Customers
06. Features
07. Description
08. Pricing
09. Video
10. Testimonials
11. Contact
12. Footer
13. Header Privacy
14. Privacy Content
15. Header Terms
16. Terms Content
17. Media Queries
**********************************/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

/***** 01. Preloader *****/
.main-wrapper {
	overflow: hidden; /* used to keep the scroll bar on the pre-loader screen */
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ed1b24; /* change if the mask should have another color then white */
	z-index: 9999; /* makes sure it stays on top */
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(../images/preloader-gears.svg); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}


/***** 02. General Styles *****/
body {
	font: 300 16px/1.6em "DM Sans", sans-serif;
	color: #43474f;
}

h2 {
	font: 400 40px/1.2em "DM Sans", sans-serif;
	text-align: center;
}

h3 {
	font: 400 34px/1.2em "DM Sans", sans-serif;
}

h4 {
	font: 600 20px/1.3em "DM Sans", sans-serif;
}

p, a {
	font: 300 16px/1.6em "DM Sans", sans-serif;
}

a {
	font: 400 16px/1.6em "DM Sans", sans-serif;
	color: #ed1b24;
}

a:hover {
	color: #f14a51;
	text-decoration: none;
}

p.sub-heading {
	font: 300 20px/1.5em "DM Sans", sans-serif;
	text-align: center;
}

.ti-thumb-up {
	margin-right: 11px;
	color: #ed1b24;
	font-size: 14px;
	font-weight: normal;
}

.button {
	border: 2px solid #ed1b24;
	color: #ed1b24;
	border-radius: 25px;
	padding: 14px 45px 13px 45px;
	font: 600 14px/1em "DM Sans", sans-serif;
	display: inline-block;
	margin-top: 15px;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button:hover {
	text-decoration: none;
	background-color: #ed1b24;
	color: #fff;
}

.read-more {
	color: #ed1b24;
	text-decoration: none;
	font: 400 18px/1.5em "DM Sans", sans-serif;
	margin-top: 20px;
}

.read-more:hover {
	text-decoration: none;
	color: #f14a51;
}

/* Forms success and error message formatting */
#rmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 400 22px/1.5em "DM Sans", sans-serif;
	color: #fff;
}

#rmsgSubmit.h3.text-center.text-danger {
	font: 400 18px/1.5em "DM Sans", sans-serif;
	color: #ff3030;
}

#cmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 400 22px/1.5em "DM Sans", sans-serif;
	color: #43474f;
}

#cmsgSubmit.h3.text-center.text-danger {
	font: 400 22px/1.5em "DM Sans", sans-serif;
	color: #ff3030;
}


/***** 03. Navigation *****/
/* Image logo */
a.navbar-brand.img-logo.scrolling {
	padding: 0px;
	margin-left: 0px;
}

/* Image logo in mobile mode */
.navbar-brand.img-logo.scrolling img {
	margin-left: 15px;
	margin-top: 10px;
	/* width: 103px;
	height: 36px; */
}

/* Text logo in mobile mode */
a.navbar-brand.scrolling {
	text-decoration: none;
	font: 300 34px/0.45em "DM Sans", sans-serif;
	color: #fff;
	margin-left: 5px;
}

/* Navbar */
.navbar-custom {
  background-color: transparent;
  border-color: transparent;
}

.navbar-custom a {
	font: 600 13px/1em "DM Sans", sans-serif; /* menu links font properties */
}

.navbar-custom .navbar-brand {
	color: #fff;
}

.navbar-collapse .navbar-nav {
	margin-left: 5px; /* margin left indent for menu links in mobile menu */
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
	color: #fff;
	opacity: 1;
}

.navbar-custom .navbar-collapse {
	border-color: rgba(255, 255, 255, 0.02);
}

/* Navbar Call Now Area */
.navbar-custom .nav li.navbar-call-us {
	display: none;
}

/* Mobile Menu Button */
button.navbar-toggle span.ti-menu {
	font-size: 24px;
}

button.navbar-toggle {
	padding: 6px 10px 4px 10px;
}

/* Hover color of the menu toggle button */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #038de4;
	color: #fff;
	border-color: #038de4;
}

/* Color of the menu toggle button */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle.collapsed {
	background-color: #ed1b24;
	border-color: #ed1b24;
	color: #fff;
	font: 400 15px/1.2em "DM Sans", sans-serif;
}

.navbar-custom .nav li a.scrolling {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	padding-top: 7px;
	padding-bottom: 7px;
}

.navbar-custom .nav li a:hover {
	color: #fff;
	outline: none;
	opacity: 1;
}

.navbar-custom .navbar-nav > .active > a.scrolling {
	border-radius: 0;
	color: #fff;
	background-color: transparent;
	opacity: 1;
}

.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: transparent;
}


/***** 04. Header *****/
header {
	position: relative;
	min-height: auto;
	width: 100%;
	/* height: 100vh; */
	background-color: #fff;
	/* use the linear gradient to apply a dark overlay on top of your header background image */
	/* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://s3-us-west-2.amazonaws.com/cdn.eaglesoftware.com.au/landingpage/images/section-1-bg.jpg") center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
	background-attachment: fixed;
}

header .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%;
}

header .header-content {
	position: relative;
	width: 100%;
	padding: 40px 0 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 73vh;
}

header .header-content h1 {
	margin-top: 0px;
	font: 600 40px/1.3em "DM Sans", sans-serif;
	padding: 0 20px;
}

header .header-content h2 {
	font: 300 18px/1.5em "DM Sans", sans-serif;
	margin-top: 30px;
	text-align: left;
	padding: 0 20px;
}

/* This -snippet is for giving a big enough width to the rotating text in order to avoid jumping layout */
header .header-content h1 #js-rotating {
	min-width: 200px;
	display: inline-block;
}

header .header-content h1 #js-rotating .animated {
	background-color: #ed1b24;
}

header .header-content form {
	margin: 0 auto;
	margin-top: 0;
}

header .header-content input,
header .header-content select,
header .header-content textarea {
	margin-top: 10px;
	font: 300 15px/1.5em "DM Sans", sans-serif;
	border-radius: 1px;
	width: 100%;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

header .header-content input,
header .header-content select {
	height: 44px;
}

header .header-content select.form-control {
	padding-left: 11px;
	color: #888;
	border-radius: 1px;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(https://cdn.eaglesoftware.com.au/landingpagecontentpack/buyerpreferences/images/select-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 97% center;
	cursor: pointer;
}

header .header-content select.form-control option.select-option {
	color: #000;
}

header .header-content form button {
	background-color: #ed1b24;
	color: #fff;
	font: 600 15px/1.6em "DM Sans", sans-serif;
	border: 2px solid #ed1b24;
	border-radius: 3px;
	padding: 11px 30px 10px 30px;
	display: block;
	width: 100%;
	margin-top: 20px;
}

header .header-content form button:hover {
	background-color: #000;
	color: #fff;
	border-color: #000;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

header .header-ipad {
	margin: 0px auto 0px auto;
	max-width: 666px;
}


/***** 05. Customers *****/
#customers {
	background-color: #ffffff;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

#customers img {
	margin: 20px 17px 20px 17px;
}

/* Declared half the size of the actual logo dimensions for sharpness on retina */
.logo-customers-1 {
	width: 272px;
	height: 30px;
}

.logo-customers-2 {
	width: 166px;
	height: 30px;
}

.logo-customers-3 {
	width: 128px;
	height: 28px;
}

.logo-customers-4 {
	width: 147px;
	height: 29px;
}

.logo-customers-5 {
	width: 143px;
	height: 32px;
}

.logo-customers-6 {
	width: 151px;
	height: 27px;
}


/***** 06. Features *****/
#features {
	/* padding-top: 60px; */
	padding-bottom: 80px;
	background: #fff;
}

@media only screen and (max-width: 767px) {
	#features {
		padding: 0 0 80px 40px;
	}
}

#features h1 {
	padding: 0;
	color: #ed1b24;
	margin-top: 0;
}

#features p.sub-heading {
	margin-top: 20px;
}

#features .nav-pills {
	margin-top: 40px;
}

#features .nav-pills li a {
	border: 1px solid #acabab;
	border-radius: 1px;
	color: #acabab;
	padding: 13px 40px 12px 40px;
	font: 600 16px/1.1em "DM Sans", sans-serif;
	margin-top: 10px;
	margin-left: 2px;
	margin-right: 2px;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#features .nav-pills li.active a,
#features .nav-pills li a:hover {
	border: 1px solid #ed1b24;
	color: #fff;
	background-color: #ed1b24;
}

#features .tab-content {
	margin-top: 20px;
}

/* Tab_a */
#features .tab-content .features-icons {
    font-size: 45px;
    height: 110px;
    width: 110px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    display: inline-block;
	background-color: #ed1b24;
	padding: 30px 25px;
	border-radius: 100px;
	border: 2px solid #ed1b24;
	text-align: center;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#features .tab-content .features-icons:hover {
    color: #ed1b24;
	border: 2px solid #ed1b24;
	background-color: #fff;
}

/* Tab_b */
#features .tab-content #tab_b img {
    margin-top: 60px;
}

#features .tab-content #tab_b h3 {
	margin-top: 80px;
	margin-bottom: 20px;
}

#features .tab-content #tab_b p {
	font: 300 18px/1.5em "DM Sans", sans-serif;
}

/* Tab_c */
#features .tab-content #tab_c img {
    margin-top: 60px;
}

#features .tab-content #tab_c h3 {
	margin-top: 60px;
	margin-bottom: 20px;
}

#features .tab-content #tab_c p {
	font: 300 18px/1.5em "DM Sans", sans-serif;
}


/***** 07. Description *****/
#description {
	/* background-color: #f2f3f5; */
	overflow-x: hidden; /* hides the horizontal scroll-bar generated by the large images */
}

/* First Pane */
#description .img-wrapper-right {
	background: #f2f3f5 url("https://s3-us-west-2.amazonaws.com/cdn.eaglesoftware.com.au/landingpage/images/home_1.jpg") center no-repeat;
	height: 300px;
	background-size: cover;
}

#description .description-first-pane {
	margin-top: 60px;
}

#description .description-first-pane h3 {
	margin-bottom: 20px;
}

#description .description-first-pane ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 20px;
}

#description .description-first-pane ul li {
	margin-top: 10px;
}

/* Magnific PopUp FAQ PopUp */
#small-dialog {
	background: #fff;
	padding: 20px 20px 30px 20px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

#small-dialog h3 {
	text-align: center;
	margin-bottom: 35px;
	margin-top: 20px;
}

#small-dialog p.faq-question {
	font: 400 18px/1.4em "DM Sans", sans-serif;
}

#small-dialog .faq-row {
	margin-top: 20px;
}

#small-dialog .bullet-number {
	width: 39px;
	height: 39px;
	background-color: #ed1b24;
	color: #fff;
	text-align: center;
	font: 600 20px/1.9em "DM Sans", sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 6px;
}

#small-dialog .faq-text {
	display: inline-block;
	max-width: 80%;
	vertical-align: top;
}

/* Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Second Pane */
#description .img-wrapper-left {
	background: #f2f3f5 url("https://s3-us-west-2.amazonaws.com/cdn.eaglesoftware.com.au/landingpage/images/home_2.jpg") center no-repeat;
	background-size: cover;
	margin-top: 100px;
	height: 300px;
}

#description .description-second-pane {
	margin-top: 60px;
	margin-bottom: 100px;
}

#description .description-second-pane h3 {
	margin-bottom: 20px;
}

#description .description-second-pane ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 20px;
}

#description .description-second-pane ul li {
	margin-top: 10px;
}

#description .description-second-pane .progress {
	height: 33px;
	border-radius: 1px;
	margin-top: 20px;
}

#description .description-second-pane .progress-bar {
	text-align: left;
	font: 400 14px/22px "DM Sans", sans-serif;
	background-color: #ed1b24;
	color: #fff;
	padding-left: 20px;
	padding-top: 5px;
}


/***** 08. Pricing *****/
#pricing {
	padding-top: 70px;
	padding-bottom: 100px;
	text-align: center;
}

#pricing p.sub-heading {
	margin-top: 20px;
}

#pricing .pricing-pane {
	border: 2px solid #ed1b24;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 40px;
	margin: 50px auto 0px auto;
	border-radius: 1px;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#pricing .pricing-pane p {
	font: 300 18px/1.5em "DM Sans", sans-serif;
	margin-top: 12px;
}

#pricing .pricing-pane .price{
	font: 300 66px/1.1em "DM Sans", sans-serif;
	color: #ed1b24;
}

#pricing .pricing-pane hr {
	border: 1px solid #ed1b24;
	width: 70%;
	margin-top: 15px;
	margin-bottom: 25px;
}

#pricing .pricing-pane h4 {
	margin-top: 30px;
}

/* Best Value Label */
 .pricing-pane .label {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.pricing-pane .label .best-value {
    position: relative;
    left: -8px;
    top: 14px;
    width: 158px;
    padding: 10px 28px 10px 0px;
    color: #fff;
	background-color: #ed1b24;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
}

/* Pricing Pane Hover */
#pricing .pricing-pane:hover {
	border: 2px solid #ed1b24;
	background-color: #ed1b24;
}

#pricing .pricing-pane:hover p {
	color: #fff;
}

#pricing .pricing-pane:hover .price{
	color: #fff;
}

#pricing .pricing-pane:hover hr {
	border: 1px solid #fff;
}

#pricing .pricing-pane:hover h4 {
	color: #fff;
}

#pricing .pricing-pane:hover .ti-thumb-up {
	color: #fff;
}

#pricing .pricing-pane:hover .button {
	border: 2px solid #fff;
	color: #fff;
}

#pricing .pricing-pane:hover .button:hover {
	border: 2px solid #ed1b24;
	color: #ed1b24;
	background-color: #fff;
}

.pricing-pane:hover .label .best-value {
    background-color: #fff;
	color: #ed1b24;
}


/***** 09. Video *****/
#video {
	/* use the linear gradient to apply a dark overlay on top of your header background image */
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://s3-us-west-2.amazonaws.com/cdn.eaglesoftware.com.au/landingpage/images/video-bg.jpg") center no-repeat;
	background-size: cover;
	padding-top: 70px;
	padding-bottom: 100px;
	text-align: center;
}

#video h2, #video p.sub-heading {
	color: #fff;
}

#video p.sub-heading {
	margin-top: 20px;
	margin-bottom: 60px;
}


/***** 10. Testimonials *****/
#testimonials {
	padding-top: 70px;
	padding-bottom: 100px;
	background-color: #f2f3f5;
}

#testimonials p.sub-heading {
	margin-top: 20px;
	margin-bottom: 60px;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide p {
	max-width: 70%;
	margin: 0 auto;
	font: 300 16px/1.6em "DM Sans", sans-serif;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide h4 {
	margin: 20px auto 0 auto;
	max-width: 70%;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide img.customer-head {
	margin-bottom: 20px;
	border-radius: 50%;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide img.testimonials-logo {
	margin-top: 25px;
}

#testimonials .swiper-container .swiper-button-prev {
	left: 0px;
}

#testimonials .swiper-container .swiper-button-next {
	right: 0px;
}


/***** 11. Contact *****/
#contact {
	padding-top: 70px;
	padding-bottom: 100px;
}

#contact p.sub-heading {
	margin-top: 20px;
	margin-bottom: 60px;
}

#contact .img-responsive {
	margin-bottom: 50px;
}

#contact #ContactForm, .contact-form-footer {
	margin: 20px auto 0px auto;
}

/* No margin for the third contact form input: email */
#contact #ContactForm div:nth-of-type(3), .contact-form-footer div:nth-of-type(3) {
	margin-right: 0px !important;
}

#contact #ContactForm input,
#contact #ContactForm textarea,
.contact-form-footer input,
.contact-form-footer textarea {
	font: 300 16px/1.5em "DM Sans", sans-serif;
	height: 44px;
	border-radius: 1px;
	margin-top: 20px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#contact #ContactForm textarea, .contact-form-footer textarea {
	height: 150px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#contact #ContactForm button, .contact-form-footer button {
	background-color: #ed1b24;
	color: #fff;
	font: 600 14px/1.5em "DM Sans", sans-serif;
	border: 2px solid #ed1b24;
	border-radius: 1px;
	padding: 12px 30px 10px 30px;
	display: block;
	margin: 22px auto 0px auto;
	width: 100% !important;
}

#contact #ContactForm button:hover, .contact-form-footer button:hover {
	border: 2px solid #ed1b24;
	background-color: #fff;
	color: #ed1b24;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


/***** 12. Footer *****/
#footer {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #000;
}

#footer h4, #footer p {
	color: #fff;
	/* opacity: 0.85; */
}

#footer h4 {
	margin-top: 35px;
}

#footer .social-icons {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	/* background-color: #215a82; */
	padding: 10px;
	margin-right: 5px;
	margin-top: 5px;
}

#footer .social-icons:hover {
	color: #ed1b24;
	background-color: #fff;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #ed1b24;
}

#footer .copyright {
	margin-top: 40px;
	text-align: center;
	font: 300 14px/1.6em "DM Sans", sans-serif;
	color: #ffffff
}

#footer .copyright a {
	font: 300 14px/1.5em "DM Sans", sans-serif;
}

#footer .copyright a.back-to-top {
	color: #fff;
}

#footer .copyright .ti-arrow-circle-up {
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 0.5px;
	display: inline-block;
	margin-left: 2px;
	font-weight: 400;
	color: #fff;
}


/***** 13. Header Privacy *****/
#header-privacy {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #f14a51;
}

#header-privacy .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%;
}

#header-privacy .header-privacy-content {
	position: relative;
	width: 100%;
	padding: 120px 0px 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header-privacy .header-privacy-content h1 {
	margin-top: 0px;
	font: 400 40px/1.1em "DM Sans", sans-serif;
	color: #fff;
	text-align: center;
}

#header-privacy .ti-lock {
	margin-right: 15px;
}


/***** 14. Privacy Content *****/
#privacy-content {
	padding-top: 30px;
	padding-bottom: 100px;
}

#privacy-content h4 {
	margin-top: 50px;
	margin-bottom: 10px;
}

#privacy-content ul {
	padding-left: 15px;
}

#privacy-content ul li {
	margin-top: 3px;
}

#privacy-content .gray-background {
	background-color: #ebebeb;
	padding: 35px 35px 30px 15px;
	margin-top: 20px;
}

#privacy-content .gray-background ol {
	counter-reset: awesome-counter;
	padding-left: 15px;
}

#privacy-content .gray-background li {
	list-style: none;
	margin-top: 3px;
}

#privacy-content .gray-background ol li:before {
	content: counter(awesome-counter);
    counter-increment: awesome-counter;
	margin-right: 8px;
	content: counter(awesome-counter) '.';
}


/***** 15. Header Terms *****/
#header-terms {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #f14a51;
}

#header-terms .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%;
}

#header-terms .header-terms-content {
	position: relative;
	width: 100%;
	padding: 120px 0px 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header-terms .header-terms-content h1 {
	margin-top: 0px;
	font: 400 40px/1.1em "DM Sans", sans-serif;
	color: #fff;
	text-align: center;
}

#header-terms .ti-agenda {
	margin-right: 15px;
}


/***** 16. Terms Content *****/
#terms-content {
	padding-top: 30px;
	padding-bottom: 100px;
}

#terms-content h4 {
	margin-top: 50px;
	margin-bottom: 10px;
}

#terms-content ul {
	padding-left: 30px;
}

#terms-content ul li {
	margin-top: 3px;
}


/***** 17. Media Queries *****/
/* Min-width width 768px */
@media (min-width: 768px) {
	h2 {
		font: 400 44px/1.1em "DM Sans", sans-serif;
		text-align: center;
	}

	h3 {
		line-height: 1.1em;
	}

	/* Logo image not affixed */
	.navbar-brand.img-logo.scrolling img {
		margin-top: 10px;
		margin-left: 0px;
	}

    /* Logo image affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix .navbar-brand.img-logo.scrolling img {
		margin-top: 8px;
		margin-left: 0px;
	}

	/* Logo text not affixed */
	a.navbar-brand.scrolling {
		margin-top: -4px;
		font: 300 38px/0.5em "DM Sans", sans-serif;
	}

	/* Logo text affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix a.navbar-brand.scrolling {
		font: 300 34px/0.55em "DM Sans", sans-serif;
		margin-top: -3px;
		margin-left: 0px;
	}

	.navbar-collapse .navbar-nav {
		margin-left: 0px; /* margin left reset for menu links */
	}

	.navbar-custom.affix .navbar-brand {
		font: 300 25px/20px "Roboto", sans-serif;
	}

	.navbar-custom {
		background-color: transparent;
		padding: 25px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
		border: none;
		opacity: 0.96;
	}

	.navbar-custom .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.navbar-custom .navbar-nav > .active > a {
		border-radius: 3px;
	}

	.navbar-custom.affix {
		background-color: #f14a51;
		padding: 4px 0 3px 0; /* navbar height while scrolling */
	}

	.navbar-custom .nav li a.scrolling {
		padding: 13px 12px 10px 12px;
	}

	header .header-content {
		padding: 40px 0px 80px 0px;
	}

	header .header-content h1 {
		font: 600 40px/1.3em "DM Sans", sans-serif;
	}

	header .header-content h2 {
		font: 300 20px/1.5em "DM Sans", sans-serif;
	}

	header .header-content form {
		margin: 0 auto;
		margin-top: 0;
	}

	#features p.sub-heading {
		margin-top: 10px;
	}

	#features .nav-pills li {
		display: inline-block;
		width: auto;
	}

	#features .features-tabs {
		margin: 0 auto;
		text-align: center;
	}

	#description .img-wrapper-right {
		height: 600px;
	}

	#description .img-wrapper-left {
		height: 600px;
	}

	/* Magnific PopUp FAQ PopUp */
	#small-dialog {
		padding: 30px 40px 40px 40px;
	}

	#small-dialog .bullet-number {
		margin-right: 12px;
	}

	#small-dialog .faq-text {
		max-width: 89%;
	}

	/* Best Value Label */
	 .pricing-pane .label {
		top: 50px;
	}

	#pricing p.sub-heading {
		margin-top: 10px;
	}

	#video p.sub-heading {
		margin-top: 10px;
	}

	#testimonials p.sub-heading {
		margin-top: 10px;
	}

	#testimonials .swiper-container .swiper-wrapper .swiper-slide p {
		max-width: 80%;
		font: 300 20px/1.6em "DM Sans", sans-serif;
	}

	#testimonials .swiper-container .swiper-wrapper .swiper-slide h4 {
		max-width: 80%;
	}

	#testimonials .swiper-container .swiper-button-prev {
		left: 10px;
	}

	#testimonials .swiper-container .swiper-button-next {
		right: 10px;
	}

	#contact p.sub-heading {
		margin-top: 10px;
	}

	#footer .copyright {
		margin-top: 30px;
	}

	#header-privacy .header-privacy-content h1 {
		font: 400 44px/1.1em "DM Sans", sans-serif;
	}

	#privacy-content ul {
		padding-left: 25px;
	}

	#privacy-content .gray-background ol {
		padding-left: 25px;
	}

	#header-terms .header-terms-content h1 {
		font: 400 44px/1.1em "DM Sans", sans-serif;
	}

	#terms-content ul {
		padding-left: 45px;
	}
}


/* Min-width width 992px */
@media (min-width: 992px) {
	header .header-content {
		padding: 40px 15px 80px 15px;
	}

	header .header-content h1 {
		margin-top: 50px;
	}

	header .header-content form {
		margin: 0 auto;
		margin-top: 0;
	}

	/* Tab_b */
	#features .tab-content #tab_b h3 {
		margin-top: 140px;
	}

	#features .tab-content .tab-b-right-pane {
		margin-left: 20px;
	}

	/* Tab_c */
	#features .tab-content .tab-c-left-pane {
		margin-right: 40px;
	}

	/* First Pane */
	#description .img-right {
		max-width: none;
		max-height: 600px;
	}

	#description .description-first-pane {
		max-width: 410px;
		margin-right: 50px;
		margin-top: 90px;
		float: right;
		padding-left: 0px;
		padding-right: 0px;
	}

	/* Second Pane */
	#description .img-wrapper-left {
		margin-top: 0px;
	}

	#description .description-second-pane {
		max-width: 410px;
		margin-left: 40px;
		margin-top: 80px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#contact .img-responsive {
		margin-bottom: 0px;
	}

	#contact .form-same-line {
		display: inline-block;
		margin-right: 10px;
		width: 31.4%;
	}

	#contact #ContactForm, #contact #ContactForm input, .contact-form-footer, .contact-form-footer input {
		margin-top: 0px;
	}

	#contact #ContactForm textarea, .contact-form-footer textarea {
		margin-top: 4px;
		height: 74px;
	}

	#contact #ContactForm button, .contact-form-footer button {
		margin-top: 18px;
		width: auto;
	}
}


/* Min-width width 1200px */
@media (min-width: 1200px) {

	/* Navbar Call Now Area */
	.navbar-custom .nav li.navbar-call-us {
		display: block;
		font: 600 12px/1em "DM Sans", sans-serif;
		color: #fff;
		padding: 9px 12px 10px 12px;
		border: 1px solid #fff;
		border-radius: 1px;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 6px;
	}

	.navbar-custom .nav li.navbar-call-us span {
		margin-right: 5px;
	}

	header .header-content h1 {
		/* margin-left: 70px; */
		/* margin-right: 30px; */
	}

	header .header-content p {
		/* margin-left: 70px; */
		/* margin-right: 30px; */
	}

	header .header-content form {
		/* max-width: 361px; */
		margin-left: 40px;
		margin: 0 auto;
	}

	#features .tab-content #tab_b h3 {
		margin-top: 190px;
	}

	#features .tab-content #tab_c h3 {
		margin-top: 160px;
	}

	#description .description-first-pane {
		max-width: 510px;
		margin-top: 80px;
	}

	#description .description-second-pane {
		max-width: 510px;
		margin-top: 80px;
	}

	#contact .form-same-line {
		margin-right: 12px;
	}

	#contact #ContactForm textarea, .contact-form-footer textarea {
		margin-top: 8px;
		height: 130px;
	}

	#contact #ContactForm button, .contact-form-footer button {
		margin: 0 !important;
    margin-top: 24px !important;
    width: 100% !important;
	}
}





/* Custom CSS
==========================*/

#RegistrationForm .form-control {
	width: 100%;
}
.button-small-solid {
	/* width: 91% !important; */
}
.card {
	position: relative;
  overflow: hidden;
  background: #fff;
  height: auto!important;
}
.card .img-wrap {
  overflow: hidden;
  max-height: 252px;
	position: relative;
}
.card .img-wrap>a {
  background-position: center;
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 275px;
	color: #000;
	pointer-events: none;
}
.badges {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.badges .status {
  display: block;
  float: right;
  position: relative;
  font-size: 13px;
  padding: 5px 20px;
  text-transform: uppercase;
  color: #000;
  z-index: 100;
  overflow: hidden;
  clear: both;
  opacity: 1;
}
.badges .status:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ed1b24;
  z-index: -1;
}
.meta-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.meta-list li {
  display: inline;
  list-style: none;
}
.badges .status a {
  color: #fff;
}
.badges .price {
  display: block;
  float: right;
  position: relative;
  padding: 5px 10px;
  z-index: 100;
  overflow: hidden;
  font-size: 20px;
  line-height: 18px;
  clear: both;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  min-width: 80px;
  font-size: 16px;
	font-weight: 500;
  text-align: left;
  position: absolute;
  bottom: 0;
  max-width: 90%;
}
.badges .price:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.card .img-wrap:after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.2)));
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#33000000',GradientType=0 );
}
.card .content-wrap {
  padding: 15px;
  padding-left: 0;
  position: relative;
}
.card .title {
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 0;
  max-width: 69%;
}
.card .title a {
  font-size: 20px;
	color: #43474f;
  line-height: 1.75em;
  padding: 0;
	pointer-events: none;
}
.content-wrap .meta-list a {
  font-size: 15px;
	color: #43474f;
}
.meta-box-list {
  border: 1px solid #ddd;
  background: #fafafa;
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  line-height: 1em;
}
.card .meta-box-list {
  margin: 15px 0 0;
  border-radius: 0;
  border: none;
  background: 0 0;
  opacity: .75;
	font-weight: 600;
}
.card .meta-box-list li {
  padding: 0;
  border: none;
  display: inline-block;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 60px;
}
.card .meta-box-list li i {
	color: #ed1b24;
}
.meta-box-list li:last-child {
  border-bottom: none;
  position: absolute;
  top: 23px;
  right: 0;
}
.card .meta-box-list li.right i {
  margin: 0 2px 0 12px;
}
.meta-box-list .big {
  font-size: 1.15em;
}
.card:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.navbar-custom.affix {
  position: relative;
}
.meta-list li a {
  pointer-events: none;
}
.properties {
  margin: 70px 0;
	margin-bottom: 60px;
}
.footer-nav {
  list-style: none;
  padding-left: 0;
}
.properties h2 {
  margin-bottom: 50px;
  margin-top: 10px;
}
header .header-content form {
    background: #fff;
	padding: 30px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
	border-radius: 0 6px 6px 6px;
}
#RegistrationForm .button-small-solid {
  width: 100% !important;
}
#description .img-wrapper-left:after, #description .img-wrapper-right:after {
    content: "";
    height: 100%;
    background: linear-gradient(transparent,transparent,transparent,transparent, #ed1b24);
    z-index: 9999;
    background-size: cover;
    width: 100%;
    display: block;
}




@media only screen and (min-width: 64.063em) {
	.card .img-wrap>a {
	  display: block;
	  -webkit-transition: all 1s ease;
	  transition: all 1s ease;
	  max-height: 275px;
	}
	.card .img-wrap {
	  overflow: hidden;
	}
}
@media only screen and (max-width: 1024px){
	.card .img-wrap>a {
			display: block;
	}
}
#description .description-first-pane ul li:before, #description .description-second-pane ul li:before {
  content: "\f164";
	font-family: "Font Awesome 5 Free";
  margin-right: 11px;
  font-size: 14px;
  color: #ed1b24;
}
@media only screen and (max-width:420px) {
	header .header-content h1 {
    font-size: 40px;
    margin-bottom: 0;
	}
	header {
		/* height: 150vh; */
	}
	header .header-content .heading p {
    margin: 15px 0 0 0;
	}
	header .header-content p {
		width: 90%;
	}
	header .header-content .form {
    padding: 0;
	}
	header .header-content form p {
    font-size: 15px !important;
    width: 100%;
	}
}
@media only screen and (max-width:355px) {
	header .header-content h1 {
    font-size: 36px;
	}
	header .header-content .form {
    width: 90%;
	}
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
	padding: 25px 0;
	background: none;
	border: none;
}
.contact-form p {
	margin: 0;
	font-size: 15px !important;
	margin-top: 10px !important;
}
.preferences-container i {
	font-size: 40px;
}
.preferences-container h3 {
	font-size: 20px;
	margin: auto;
	font-weight: 600;
}
.preferences-container p {
	font-size: 15px !important;
	font-weight: 500 !important;
	margin-bottom: 0;
	margin-top: 5px;
}
.preferences-container {
	max-width: 100%;
	padding: 30px 0;
	display: flex;
	align-items: center;
	margin: 0;
}
.heading {
	background: #000;
	color: #fff;
	border-radius: 6px 0 0 6px;
}
@media only screen and (min-width: 992px) {
	.no-padding-left {
		padding-left: 0;
	}
	.no-padding-right {
		padding-right: 0;
	}
}
@media only screen and (max-width: 991px) {
	.heading {
		border-radius: 6px;
		padding: 40px 30px;
	}
	header .header-content form {
		border-radius: 0 0 6px 6px;
	}
}
@media only screen and (max-width: 767px) {
	.heading {
		border-radius: 0;
	}
}
@media only screen and (max-width: 420px) {
	header .header-content form {
		border-radius: 0;
	}
}
.g-recaptcha div {
	margin: auto;
}

@media only screen and (max-width: 330px) {
	.navbar-brand.img-logo.scrolling img {
		max-width: 90%;
	}
}