/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Thin.eot"); src: local("Poppins Thin"), local("Poppins-Thin"), url("../fonts/Poppins-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Thin.woff") format("woff"), url("../fonts/Poppins-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-ExtraLight.eot"); src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("../fonts/Poppins-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-ExtraLight.woff") format("woff"), url("../fonts/Poppins-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("Poppins-Medium.eot"); src: local("../fonts/Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Black.eot"); src: local("Poppins Black"), local("Poppins-Black"), url("../fonts/Poppins-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Black.woff") format("woff"), url("../fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Playfair Display'; src: url("../fonts/PlayfairDisplay-Regular.eot"); src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"), url("../fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay-Regular.woff") format("woff"), url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair Display'; src: url("../fonts/PlayfairDisplay-Bold.eot"); src: local("Playfair Display Bold"), local("PlayfairDisplay-Bold"), url("../fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay-Bold.woff") format("woff"), url("../fonts/PlayfairDisplay-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Playfair Display'; src: url("../fonts/PlayfairDisplay-BoldItalic.eot"); src: local("Playfair Display-Bold Italic"), local("PlayfairDisplay-BoldItalic"), url("../fonts/PlayfairDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay-BoldItalic.woff") format("woff"), url("../fonts/PlayfairDisplay-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Playfair Display'; src: url("../fonts/PlayfairDisplay-Black.eot"); src: local("Playfair Display Black"), local("PlayfairDisplay-Black"), url("../fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay-Black.woff") format("woff"), url("../fonts/PlayfairDisplay-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }
body { font-family: "Poppins", sans-serif; color: #444444; font-weight: normal; }

a { color: #47b2e4; text-decoration: none; }

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

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #00808a; width: 40px; height: 40px; border-radius: 50px; transition: all 0.4s; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29); }

.back-to-top i { font-size: 24px; color: #ffffff; line-height: 0; }

.back-to-top:hover { background: #096d75; color: #ffffff; }

.back-to-top.active { visibility: visible; opacity: 1; }

header { transition: all 0.5s; z-index: 997; padding: 20px 0; }
header .logo { outline: none; }

header.header-scrolled, header.header-inner-pages { background: #ffffff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }

.navbar { padding: 0; }

.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }

.navbar li { position: relative; }

.navbar a { display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; font-size: 14px; line-height: 21px; font-weight: 500; color: #5B5766; white-space: nowrap; transition: 0.3s; }
.navbar a.active { color: #3A3A3A; }
.navbar a.signin { color: #B91A52; }

.navbar a:focus { color: #5B5766; }

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #B91A52; }

.navbar .requestademo { padding: 8px 20px; margin-left: 30px; height: 46px; line-height: 46px; color: #ffffff; font-size: 14px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; background: transparent linear-gradient(57deg, #E92D6F 0%, #B91A52 100%) 0% 0% no-repeat padding-box; }
.navbar .requestademo:hover { color: #ffffff; background: transparent linear-gradient(57deg, #B91A52 0%, #E92D6F 100%) 0% 0% no-repeat padding-box; }

.navbar .dropdown ul { display: block; position: absolute; left: -10px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px; }

.navbar .dropdown ul li { min-width: 200px; }

.navbar .dropdown ul a { padding: 6px 20px; font-size: 14px; }

.navbar .dropdown ul a i { font-size: 12px; }

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #B91A52; }

.navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; }

.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }

.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; }

@media (max-width: 1366px) { .navbar .dropdown .dropdown ul { left: -90%; }
  .navbar .dropdown .dropdown:hover > ul { left: -100%; } }
.mobile-nav-toggle { color: #00808a; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }

.mobile-nav-toggle.bi-x { color: #ffffff; }

@media (max-width: 991px) { .mobile-nav-toggle { display: block; }
  .navbar ul { display: none; } }
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(40, 58, 90, 0.9); transition: 0.3s; z-index: 999; }

.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }

.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; border-radius: 10px; background-color: #fff; overflow-y: auto; transition: 0.3s; }

.navbar-mobile a { padding: 10px 20px; font-size: 15px; display: inline-block; }

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #B91A52; }

.navbar-mobile .requestademo { margin: 10px 20px; line-height: 30px; }

.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }

.navbar-mobile .dropdown ul li { min-width: 200px; }

.navbar-mobile .dropdown ul a { padding: 10px 20px; }

.navbar-mobile .dropdown ul a i { font-size: 12px; }

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #B91A52; }

.navbar-mobile .dropdown > .dropdown-active { display: block; }

.hero { width: 100%; /*height: 30vh;*/ background: #f1f1f1; position: relative; text-align: center; }
.hero .container { padding-top: 100px; }
.hero h1 { margin: 40px 0 20px 0; font-size: 42px; line-height: 52px; font-weight: bold; color: #1D396B; }
.hero h1 span { color: #B91A52; font-weight: normal; }
.hero .animated { animation: up-down 2s ease-in-out infinite alternate-reverse both; }

@media (max-width: 991px) { .hero { text-align: center; }
  .hero .animated { -webkit-animation: none; animation: none; } }
@media (max-width: 768px) { .hero .container { padding-top: 72px; }
  .hero h1 { font-size: 28px; line-height: 36px; margin: 30px 0 20px 0; }
  .hero p { font-size: 14px; line-height: 20px; } }
@media (max-width: 575px) { .hero .hero-img img { width: 80%; }
  .hero .btn-get-started { font-size: 16px; padding: 10px 24px 11px 24px; } }
@-webkit-keyframes up-down { 0% { transform: translateY(10px); }
  100% { transform: translateY(-10px); } }
@keyframes up-down { 0% { transform: translateY(10px); }
  100% { transform: translateY(-10px); } }
.watermarked { position: relative; }
.watermarked:before { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; font-family: 'Playfair Display'; font-weight: bold; font-style: italic; font-size: 60px; /*line-height: 80px;*/ display: block; content: attr(data-watermark); opacity: 0.05; color: #1D396B; display: flex; align-items: center; justify-content: center; }

@media (max-width: 768px) { .watermarked:before { width: 96%; top: 10%; left: 0; right: 0; margin: 0 auto; font-size: 38px; line-height: 38px; } }
section { padding: 30px 0; overflow: hidden; }

.section-bg { background-color: #f3f5fa; }

.section-title { padding-bottom: 20px; }

.sidebar-toggle { width: 56px; height: 56px; background: #B91A52; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; line-height: 56px; text-align: center; color: #fff; position: fixed; top: 55vh; right: 10px; box-shadow: 0 0 10px 8px #dddddd; }
.sidebar-toggle svg { fill: #ffffff; width: 30px; height: 30px; }

.sidebar { width: 256px; float: left; position: -webkit-sticky; position: sticky; bottom: 20px; z-index: 9; margin-bottom: 30px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
.sidebar h2 { color: #3D3D3D; font-size: 20px; line-height: 58px; font-weight: 600; margin: 0; }
.sidebar h2 i { display: none; }
.sidebar ul { background: #F8F8F8; padding: 0 10px; margin: 0; list-style: none; }
.sidebar ul li { font-size: 15px; line-height: 58px; font-weight: 300; border-bottom: 1px solid #D8D8D8; }
.sidebar ul li:last-child { border-bottom: 0; }
.sidebar ul li a { color: #3D3D3D; padding: 0 0 0 12px; transition: 0.3s; display: block; }
.sidebar ul li a:hover { color: #B91A52; background: #f3f3f3; }
.sidebar .heading { font-weight: 500; }

.main { margin-left: 30px; }

.product-desc { position: relative; }
.product-desc h2 { color: #3D3D3D; font-size: 20px; line-height: 58px; font-weight: 600; margin: 0; }
.product-desc p { font-size: 15px; line-height: 24px; color: #737373; margin: 0; padding: 0; font-weight: 300; position: relative; top: -4px; }

@media (max-width: 768px) { .main { margin-left: 0; }
  .sidebar { left: -1000px; position: fixed; }
  .sidebar.active { width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background: #fff; overflow-y: auto; transition: all ease-in-out 0.5s; box-shadow: 10px 0 20px -2px #ddd; }
  .sidebar.active h2 { padding: 0 10px; font-size: 18px; display: flex; justify-content: space-between; position: sticky; top: 0; background: #ffffff; z-index: 99; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
  .sidebar.active h2 i { display: block; font-size: 24px; }
  .product-desc h2 { padding: 0 0 20px 0; line-height: 20px; text-align: center; }
  .product-desc p { font-size: 14px; } }
.btn-explore { margin: 30px 0; padding: 0 40px; height: 50px; line-height: 50px; display: inline-block; border-radius: 50px; color: #ffffff; font-size: 16px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; background: transparent linear-gradient(57deg, #E92D6F 0%, #B91A52 100%) 0% 0% no-repeat padding-box; transition: all 0.5s; }
.btn-explore:hover { color: #ffffff; background: transparent linear-gradient(57deg, #B91A52 0%, #E92D6F 100%) 0% 0% no-repeat padding-box; }

.footer-newsletter { padding: 30px 0 10px 0; background: #FAFAFA; text-align: center; font-size: 15px; color: #444444; }
.footer-newsletter h3 { font-size: 36px; line-height: 46px; margin: 0 0 10px 0; padding: 0; font-weight: 600; color: #1D396B; }
.footer-newsletter p { font-size: 18px; line-height: 27px; margin: 0; color: #716C80; }
.footer-newsletter .btn-explore { height: 56px; line-height: 56px; margin: 20px 0 0 0; }

footer { font-size: 14px; background: #F2F4FF; color: #716C80; }
footer .footer-top { padding: 30px 0 10px 0; }
footer .footer-top h4 { font-size: 20px; line-height: 30px; font-weight: bold; color: #3A3A3A; position: relative; padding-bottom: 12px; margin: 0; }
footer .footer-top .add { margin-bottom: 10px; }
footer .footer-top .add i { margin-right: 10px; color: #00808a; font-size: 20px; position: relative; top: 0px; }
footer .footer-top .footer-links { margin-bottom: 30px; }
footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; }
footer .footer-top .footer-links li { padding: 0 0 10px 0; width: 50%; }
footer .footer-top .footer-links a { color: #3A3A3A; transition: 0.3s; display: inline-block; line-height: 1; }
footer .footer-top .footer-links a:hover { text-decoration: none; color: #00808a; }
footer .footer-contact { margin-bottom: 30px; }
footer .footer-contact img { margin-bottom: 10px; }
footer .footer-contact h3 { font-size: 28px; margin: 0 0 10px 0; padding: 2px 0 2px 0; line-height: 1; text-transform: uppercase; font-weight: 600; color: #37517e; }
footer .footer-contact p { font-size: 14px; line-height: 24px; margin-bottom: 0; color: #5e5e5e; }
footer .footer-bottom { padding: 0px 0 10px 0; font-size: 14px; }
footer .copyright { float: left; letter-spacing: 0.2px; }
footer .policy { float: right; letter-spacing: 0.42px; }
footer .policy a { margin-left: 30px; color: #3F3D56; }

@media (max-width: 768px) { .footer-newsletter h3 { font-size: 20px; line-height: 30px; }
  .footer-newsletter p { font-size: 14px; line-height: 20px; }
  .footer-newsletter .btn-explore { margin: 10px 0 10px 0; line-height: 50px; height: 50px; }
  footer .footer-contact { margin-bottom: 10px; }
  footer .footer-top { padding-top: 20px; }
  footer .footer-top .footer-links { margin-bottom: 10px; }
  footer .footer-top .footer-links:empty { display: none; }
  footer .footer-top .footer-links h4 { padding-bottom: 10px; font-size: 16px; line-height: 20px; }
  footer .footer-top .footer-links ul { font-size: 14px; }
  footer .copyright, footer .policy { text-align: center; float: none; } }