/* 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
**********************************/

@font-face {
	font-family: Lato-Eagle;
	src: url(https://s3-us-west-2.amazonaws.com/cdn.eaglesoftware.com.au/rpnglobalsales/fonts/Lato-Regular.ttf);
  }
  @font-face {
   font-family: Eagle-Display;
   src: url(https://s3-us-west-2.amazonaws.com/cdn.eaglesoftware.com.au/rpnglobalsales/fonts/PlayfairDisplay-Regular.otf);
  }
/***** 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: #000; /* 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 {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;

}

h2 {
	font-weight: 900;
	font-size: 32px;
	text-align: center;
}

h3 {
	font-weight: 900;
	font-size: 34px;
}

h4 {
	font-weight: 600;
	font-size: 20px;
}

p, a {
	font-weight: 300;
	font-size: 16px;
}

a {
	color: #3D8D41;
}
.navbar>.container, .navbar>.container-fluid {
	justify-content: flex-start;
	align-items: flex-start;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 500;
}
p {
	font-weight: 300;
}

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

p.sub-heading {
	font-size: 20px;
	text-align: center;
}

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

.button {
	border: 2px solid #000;
	color: #000;
	border-radius: 25px;
	padding: 14px 45px 13px 45px;
	font-size: 14px;
	font-weight: 600;
	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: #000;
	color: #fff;
}

.read-more {
	color: #000;
	text-decoration: none;
	font-size: 18px;
	margin-top: 20px;
}

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

/* Forms success and error message formatting */
#rmsgSubmit.h3.text-center.tada.animated.text-success {
	font-size: 22px;
	color: #fff;
}

#rmsgSubmit.h3.text-center.text-danger {
	font: 300 18px/1.5em 'Roboto', sans-serif;
	color: #ff3030;
}

#cmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 300 22px/1.5em 'Roboto', sans-serif;
	color: #43474f;
}

#cmsgSubmit.h3.text-center.text-danger {
	font: 300 22px/1.5em 'Roboto', 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: 150px;
	height: auto;
	/* height: 36px; */
}

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

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

.navbar-custom a {
	font: 300 13px/1em 'Roboto', 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: #000;
	border-color: #000;
	color: #fff;
	font: 300 15px/1.2em 'Roboto', 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: #365469;
	/* use the linear gradient to apply a dark overlay on top of your header background image */
	background: linear-gradient(rgba(255,255,255, 0.6), rgba(255,255,255, 0.6)), url("../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%;
	z-index: 999 !important;
	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: 100px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
}

header .header-content h1 {
	margin-top: 0px;
	font-size: 35px;
	line-height: 1.4;
	color: #000;
}

header .header-content p {
	font-size: 18px;
	color: #000;
	margin-top: 30px;
	font-weight: 500;
}

/* 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;
	color: #fff;
}

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

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

header .header-content input,
header .header-content select {
	margin-top: 20px;
	font: 300 16px/1.5em 'Roboto', sans-serif;
	height: 44px;
	border-radius: 1px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

header .header-content select.form-control {
	padding-left: 11px;
	color: #888;
	border-radius: 1px;
}

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

header .header-content form button {
	background-color: #3D8D41;
	color: #fff;
	font: 500 14px/1.6em 'Roboto', sans-serif;
	border: 2px solid #3D8D41;
	border-radius: 1px;
	padding: 11px 30px 10px 30px;
	display: block;
	width: 100%;
	margin-top: 20px;
	letter-spacing: 0.5px;
}

header .header-content form button:hover {
	background-color: #3D8D41;
	color: #fff;
	border-color: #3D8D41;
	-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;
	object-fit: contain;
}

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

.logo-customers-2 {
	width: 130px;
	/* height: 30px; */
}

.logo-customers-3 {
	width: 200px;
	/* 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: #f2f3f5;
}

#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: 300 16px/1.1em 'Roboto', 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 #000;
	color: #fff;
	background-color: #000;
}

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

/* Tab_a */
#features .tab-content .features-icons {
    font-size: 38px;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 50px;
	display: inline-block;
	background-color: #3D8D41;
	padding: 30px;
	border-radius: 100px;
	border: 2px solid #3D8D41;
	-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: #3D8D41;
	border: 2px solid #3D8D41;
	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 'Roboto', 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 'Roboto', 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/rpnglobalsales/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: 300 18px/1.4em 'Roboto', sans-serif;
}

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

#small-dialog .bullet-number {
	width: 39px;
	height: 39px;
	background-color: #000;
	color: #fff;
	text-align: center;
	font: 300 20px/1.9em 'Roboto', 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/rpnglobalsales/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: 300 14px/22px 'Roboto', sans-serif;
	background-color: #000;
	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 #000;
	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 'Roboto', sans-serif;
	margin-top: 12px;
}

#pricing .pricing-pane .price{
	font: 300 66px/1.1em 'Roboto', sans-serif;
	color: #000;
}

#pricing .pricing-pane hr {
	border: 1px solid #000;
	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: #000;
    -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 #000;
	background-color: #000;
}

#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 #000;
	color: #000;
	background-color: #fff;
}

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


/***** 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/rpnglobalsales/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-size: 16px;
}

#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%;
	width: 140px;
	height: 140px;
	object-fit: cover;
}

#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 'Roboto', 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: #3D8D41;
	color: #fff;
	font: 500 14px/1.5em 'Roboto', sans-serif;
	border: 2px solid #3D8D41;
	border-radius: 1px;
	padding: 12px 30px 10px 30px;
	display: block;
	margin: 22px auto 0px auto;
	letter-spacing: 0.5px;
	width: 100% !important;
}

#contact #ContactForm button:hover, .contact-form-footer button:hover {
	border: 2px solid #3D8D41;
	background-color: #3D8D41;
	color: #fff;
	-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: #3D8D41;
}

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

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

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

#footer .social-icons:hover {
	color: #3D8D41;
	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;
	word-break: break-all;
}

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

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

#footer .copyright a {
	font: 300 14px/1.5em 'Roboto', 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: 300;
	color: #fff;
}


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

#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: 300 40px/1.1em 'Roboto', 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: #003459;
}

#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: 300 40px/1.1em 'Roboto', 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;
}
.row {
	display: block;
}
.flex-center {
	display: flex !important;
	align-items: center;
}

/***** 17. Media Queries *****/
/* Min-width width 768px */
@media (min-width: 768px) {
	h2 {
		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-size: 38px;
	}

	/* Logo text affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix a.navbar-brand.scrolling {
		font-size: 24px;
		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-size: 25px;
	}

	.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: #003459;
		padding: 4px 0 3px 0; /* navbar height while scrolling */
	}

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

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

	header .header-content h1 {
		font-size: 45px;
	}

	header .header-content p {
		font-size: 20px;
	}

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

	#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%;
	}

	#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: 300 44px/1.1em 'Roboto', sans-serif;
	}

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

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

	#header-terms .header-terms-content h1 {
		font: 300 44px/1.1em 'Roboto', sans-serif;
	}

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

@media (max-width: 991px) {
	.flex-center {
		display: block;
	}
}
/* Min-width width 992px */
@media (min-width: 992px) {
	header .header-content {
		padding: 30px 15px 0px 15px;
	}

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

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

	/* 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: 300 12px/1em 'Roboto', 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;
  border: none;
  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;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #fff;
  z-index: 100;
  overflow: hidden;
  clear: both;
  font-weight: 600;
  opacity: 1;
}
.badges .status:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 600;
  background: #3D8D41;
  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;
  font-weight: 600;
}
.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: #000;
}
.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: rgba(0, 0, 0, 0.6);
		padding: 20px;
}
#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, #000);
    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;
	}
	header {
		height: 100%;
	}
}
#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: #000;
}
@media only screen and (max-width:420px) {
	header .header-content h1 {
    font-size: 35px;
    margin-bottom: 0;
	}
	header {
		height: 100%;
	}
	header .header-content {
		padding-bottom: 50px;
	}
	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: 23px !important;
    width: 100%;
	}
}

@media(max-width: 380px) {
	header .header-content form {
		padding: 20px;
	}
}
@media only screen and (max-width:355px) {
	header .header-content h1 {
    font-size: 36px;
	}
	header .header-content .form {
    width: 90%;
	}
}