@charset "UTF-8";

/*
Theme Name: Patient Feedback
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */


/*! 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; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}

/**
 * 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-style: 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; /* 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;
}



/**
 * Extends
 */
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.default-max-width {
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
}

.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
	max-width: var(--responsive--alignfull-width);
	width: var(--responsive--alignfull-width);
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 482px) {

	.alignfull,
	.full-max-width {
		max-width: var(--responsive--alignfull-width);
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide {
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
}

@media only screen and (min-width: 482px) {

	.entry-content > .alignleft {

		/*rtl:ignore*/
		margin-left: var(--responsive--alignleft-margin);

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
	}
}
@media only screen and (min-width: 482px) {

	.entry-content > .alignright {

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);

		/*rtl:ignore*/
		margin-right: var(--responsive--alignright-margin);
	}
}


/**
 * Reset specific elements to make them easier to style in other contexts.
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Apply generic border-box to all elements.
 * See:
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
html {

	/* Apply border-box across the entire page. */
	box-sizing: border-box;
	font-family: var(--global--font-secondary);
	line-height: var(--global--line-height-body);
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}



button {
	cursor: pointer;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
blockquote {
	padding: 0;
	position: relative;
	margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

blockquote > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

blockquote > *:first-child {
	margin-top: 0;
}

blockquote > *:last-child {
	margin-bottom: 0;
}

blockquote p {
	letter-spacing: var(--heading--letter-spacing-h4);
	font-family: var(--quote--font-family);
	font-size: var(--quote--font-size);
	font-style: var(--quote--font-style);
	font-weight: var(--quote--font-weight);
	line-height: var(--quote--line-height);
}

blockquote cite,
blockquote footer {
	font-weight: normal;
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote.alignleft,
blockquote.alignright {
	padding-left: inherit;
}

blockquote.alignleft p,
blockquote.alignright p {
	font-size: var(--heading--font-size-h5);
	max-width: inherit;
	width: inherit;
}

blockquote.alignleft cite,
blockquote.alignleft footer,
blockquote.alignright cite,
blockquote.alignright footer {
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote strong {
	font-weight: var(--quote--font-weight-strong);
}

blockquote:before {
	content: "“";
	font-size: var(--quote--font-size);
	line-height: var(--quote--line-height);
	position: absolute;
	left: calc(-0.5 * var(--global--spacing-horizontal));
}

blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481px) {

	blockquote {
		padding-left: calc(0.5 * var(--global--spacing-horizontal));
	}

	blockquote:before {
		left: 0;
	}
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=checkbox],
	input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		width: 25px;
		height: 25px;
		border: var(--form--border-width) solid var(--form--border-color);
		background: var(--global--color-white);
	}

	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		opacity: 0.7;
	}

	.is-dark-theme input[type=checkbox],
	.is-dark-theme input[type=radio] {
		background: var(--global--color-white-90);
	}

	input[type=checkbox]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=checkbox]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 5px;
		top: 2px;
		position: absolute;
		width: 7px;
		height: 13px;
		border: 3px solid var(--form--color-text);
		border-top: 0;
		border-left: 0;
		transform: rotate(30deg);
	}

	input[type=checkbox]:checked {
		color: var(--form--color-text);
	}

	input[type=checkbox]:checked:after {
		opacity: 1;
	}

	input[type=radio] {
		border-radius: 50%;
	}

	input[type=radio]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=radio]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--form--color-text);
	}

	input[type=radio]:checked {
		border: 4px solid var(--form--border-color);
	}

	input[type=radio]:checked:after {
		opacity: 1;
	}

	input[type=radio]:checked:focus {
		outline-offset: 4px;
		outline: 2px dotted var(--form--border-color);
	}
}

input[type=checkbox] + label,
input[type=radio] + label {
	display: inline-block;
	padding-left: 10px;
	font-size: var(--global--font-size-xs);
	vertical-align: top;
}

/**
 * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=range] {
		-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
		width: 100%; /* Specific width is required for Firefox. */
		height: 6px;
		background: var(--form--color-ranged);
		border-radius: 6px;
		outline-offset: 10px;
	}

	input[type=range]:disabled {
		opacity: 0.7;
	}

	input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
	}

	input[type=range]::-moz-range-thumb {
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
		box-sizing: border-box;
	}
}

input[type=range]::-ms-track {
	width: 100%;
	height: 6px;
	border-radius: 6px;
	border-width: 19px 0;
	border-color: var(--global--color-background);
	background: transparent;
	color: transparent;
	cursor: pointer;
}

input[type=range]::-ms-fill-upper {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-fill-lower {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-thumb {
	border: 3px solid var(--form--color-ranged);
	height: 44px;
	width: 44px;
	border-radius: 50%;
	background: var(--global--color-background);
	cursor: pointer;
}

fieldset {
	display: grid;
	border-color: var(--global--color-secondary);
	padding: var(--global--spacing-horizontal);
}

fieldset legend {
	font-size: var(--global--font-size-lg);
}

fieldset input[type=submit] {
	max-width: max-content;
}

fieldset input:not([type=submit]) {
	margin-bottom: var(--global--spacing-unit);
}

fieldset input[type=radio],
fieldset input[type=checkbox] {
	margin-bottom: 0;
}

fieldset input[type=radio] + label,
fieldset input[type=checkbox] + label {
	font-size: var(--form--font-size);
	padding-left: 0;
	margin-bottom: var(--global--spacing-unit);
}

::-moz-placeholder {
	opacity: 1;
}



.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
	margin-bottom: 0;
}

/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Over here, place any elements that do not need to have their own file. */
b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

pre {
	white-space: pre;
	overflow-x: auto;
}

/*
 * text-underline-offset doesn't work in Chrome at all 👎
 * But looks nice in Safari/Firefox, so let's keep it and
 * maybe Chrome will support it soon.
 */
a {
	cursor: pointer;
	
}


/**
 * Button
 */
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
	border: var(--button--border-width) solid transparent;
	border-radius: var(--button--border-radius);
	cursor: pointer;
	font-weight: var(--button--font-weight);
	font-family: var(--button--font-family);
	font-size: var(--button--font-size);
	line-height: var(--button--line-height);
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	text-decoration: none;
}



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
}

h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
	font-weight: var(--heading--font-weight-strong);
}



.wp-block-image {
	text-align: center;
}



.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
	margin-top: 0;
}

.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-image.is-style-twentytwentyone-image-frame img {
	padding: var(--global--spacing-unit);
}

@media only screen and (min-width: 482px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		max-width: 50%;
	}
}
@media only screen and (max-width: 481px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		margin-left: 0;
		margin-right: 0;
	}
}


.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item a {
	display: block;
}

.gallery-item a:focus img {
	outline-offset: -2px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

figure.wp-caption a:focus img {
	outline-offset: 2px;
}

ul,
ol {
	font-family: var(--list--font-family);
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

ul.aligncenter,
ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}

ul.alignright,
ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}

ul {
	list-style-type: disc;
}

ul ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ul {
	list-style-type: circle;
}

dt {
	font-family: var(--definition-term--font-family);
	font-weight: bold;
}

dd {
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}



.has-background .wp-block-quote .wp-block-quote__citation,
[class*=background-color] .wp-block-quote .wp-block-quote__citation,
[style*=background-color] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
	color: currentColor;
}


hr {
	border-style: none;
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

hr.wp-block-separator {
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	opacity: 1;

	/**
   * Block Options
   */
}

hr.wp-block-separator.is-style-dots:before {
	color: var(--separator--border-color);
	font-size: var(--global--font-size-xl);
	letter-spacing: var(--global--font-size-sm);
	padding-left: var(--global--font-size-sm);
}

.has-background hr.wp-block-separator,
[class*=background-color] hr.wp-block-separator,
[style*=background-color] hr.wp-block-separator,
.wp-block-cover[style*=background-image] hr.wp-block-separator {
	border-color: currentColor;
}


/**
 * .alignwide
 */
.alignwide {
	clear: both;
}

/**
 * .alignfull
 */
.alignfull {
	clear: both;
}

.has-left-content {
	justify-content: flex-start;
}

.has-right-content {
	justify-content: flex-end;
}

.has-parallax {
	background-attachment: fixed;
}

.has-drop-cap:not(:focus)::first-letter {
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	line-height: 0.66;
	text-transform: uppercase;
	font-style: normal;
	float: left;
	margin: 0.1em 0.1em 0 0;
	font-size: calc(1.2 * var(--heading--font-size-h1));
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

.desktop-only {
	display: none;
}
@media only screen and (min-width: 482px) {

	.desktop-only {
		display: block;
	}
}


/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
}

.post-thumbnail .wp-post-image {
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(2 * var(--global--spacing-vertical));
}

/**
 * Author
 */
.author-bio {
	position: relative;
	font-size: var(--global--font-size-xs);
	max-width: var(--responsive--aligndefault-width);
}

.site-main > article > .author-bio {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.author-bio.show-avatars .avatar {
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
}

.author-bio.show-avatars .author-bio-content {
	display: inline-block;
	padding-left: var(--global--spacing-horizontal);
	max-width: calc(var(--responsive--aligndefault-width) - 90px);
}

.author-bio .author-bio-content .author-title {
	font-family: var(--entry-author-bio--font-family);
	font-size: var(--entry-author-bio--font-size);
	display: inline;
}

.author-bio .author-bio-content .author-description {
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}


.comments-area > *:first-child {
	margin-top: 0;
}

.comments-area > *:last-child {
	margin-bottom: 0;
}

.comments-area.show-avatars .avatar {
	border-radius: 50%;
	position: absolute;
	top: 10px;
}

.comments-area.show-avatars .fn {
	display: inline-block;
	padding-left: 85px;
}

.comments-area.show-avatars .comment-metadata {
	padding: 8px 0 9px 85px;
}


@media only screen and (min-width: 482px) {

	.comment-list .depth-2,
	.comment-list .depth-3 {
		padding-left: calc(4 * var(--global--spacing-horizontal));
	}
}

/** My Css */
img{max-width: 100%;}	
html{scroll-behavior: smooth;}
html,body{margin: 0; padding: 0;}
body{font-family: 'Ubuntu', sans-serif; color: #838383; font-size: 20px; line-height: 30px; font-weight: 300;}
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700;800&display=swap');

h1, h2, h3{margin: 0;}
p{padding: 0; margin: 0 0 20px;}

.section-title, h2{margin: 0 0 54px; font-size: 56px; font-weight: 700; line-height:normal; color: #003981; position: relative; font-family: 'Work Sans', sans-serif;}
h2:before, .section-title:before{width: 40px; height: 5px;left: 50%; bottom: -16px;position: absolute;content: ""; background:#E18C00 ; border-radius: 3px;}
.text-center{text-align: center;}
.test-blue{color: #003981;}

.wrapper{position: relative;}
.container{max-width: 1280px; margin: 0px auto;}
.vector-left{position: absolute; right: 45px; top: 200px; z-index: 1;}
.narrow-width{max-width: 650px; margin: 0px auto;}

.yellow-drop{position: relative; text-align: center; z-index: 3;}
.yellow-drop span{display: inline-flex; margin-bottom: 22px; height: 79px; width: 1px; background: #707070; position: relative;}
.yellow-drop span:after{position: absolute; content: ""; width:24px; height:24px; border-radius:50%; background: #E18C00; left: 50%; bottom:-34%;transform: translateX(-50%);}

.header-main{padding:90px 0 0;position: fixed; width: 100%; background: #F5F5F5; z-index: 10;}
.header-inner{display: flex; justify-content: space-between; align-items: center;}
.sticky{position: fixed; width: 100%; padding-bottom: 10px; padding-top: 10px; box-shadow:0 0 12px #d5cece; z-index: 12;}
.main-menu ul{padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center;}
.main-menu ul li{margin-left: 34px; font-size: 18px; font-weight: 400; font-family: 'Work Sans', sans-serif;}
.main-menu ul li a{color: #000000; text-decoration: none; position: relative;}
.main-menu ul li a:before {  content: "";  position: absolute;  width:19px;  height:4px;  bottom: -9px;  left: 50%;  background-color: #E18C00; border-radius: 3px;  text-decoration: none; visibility: hidden;  -webkit-transform: scaleX(0) translateX(-50%);  transform: scaleX(0) translateX(-50%);  -webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.main-menu ul li a.active:before, .main-menu ul li a:hover:before {  visibility: visible;  -webkit-transform: scaleX(1) translateX(-50%);  transform: scaleX(1) translateX(-50%);}
.hamburger{display: none;}

#home-section{padding-top: 190px; background: #F5F5F5;justify-content: center;align-items: center; display: flex; flex-direction: column;}
/*#home-section:before{width: 100%;height: 300px;top:0px;position: absolute;content: ""; background: #F8F8FD; transform:skew(0deg, 6deg) translateY(-0); z-index: 1;}        */
#home-section .container{position: relative; z-index: 6;}
#home-section .home-section-inner{padding-top:90px;margin: 0;display: flex; justify-content: space-between; position: relative; align-items: center; z-index: 2;}
.home-section-inner .lft{width: 60%;}
.home-section-inner .rgt{width: calc(100% - 60%); margin-left: 5%;margin-bottom:0px; text-align: center;}
#home-section h1{font-size: 80px; line-height: 88px; font-weight: bold; color: #003981;font-family: 'Work Sans', sans-serif;}
#home-section p{margin: 30px 0 50px; font-weight: 300;}
#home-section .app-btns{justify-content:flex-start;}
#home-section .app-btns a{margin: 0 28px 0 0;}
#home-section .app-btns img{width: 210px;}
#home-section .yellow-drop{margin-top: 20px;}


#about-section{padding:180px 0 0; position: relative;background: #F5F5F5; position: relative;}
#about-section p{max-width:720px; margin:0px auto 60px; font-weight: 300;}
#about-section .container{position: relative; z-index: 3;}
	
.about-section-skew {background: #F5F5F5;padding:0;transform: skew(0deg, 7deg);margin-top: 116px;z-index: 2;position: relative;}
.about-section-skew:before{width: 100%;height: 356px;position: absolute;content: "";border-bottom: 0px;left: 0;background: #F5F5F5;transform: skew(0deg, 0deg);margin-top: 4px;z-index:1;bottom: 0;}

#application-section{padding-top: 132px;}
.application-skew {background: #F5F5F5;padding:33px 0;transform:skew(0deg, 10deg);margin-top:0px;z-index: 2; position: relative;}
.application-skew:before{width: 100%;height: 325px;position: absolute;content: "";border-bottom: 0px;left: 0;background: #F5F5F5;transform: skew(0deg, 1deg);margin-top: 4px;z-index:1;}
.application-inner{margin-top:100px; padding-bottom: 10px; background: #F5F5F5; position: relative; z-index: 3;}
.application-inner p{margin:0px auto 60px;}

ul.application-list{margin:80px 0 115px; display: flex; justify-content:space-between;  list-style: none;}
ul.application-list li{padding:0px 0px 40px; }
ul.application-list li span{max-width: 80%; margin:42px auto 0;color: #000000; display: flex; font-size: 20px; line-height: 25px; font-weight: 300;}
ul.application-list li figure{margin: 0; padding: 0; min-height: 232px; display: flex;justify-content: center; align-items: center;}
ul.application-list li figure img{}


.application-inner .container{max-width: 826px; margin: 0px auto;}

.slick-wrapper{ background: #f5f5f5;width:100%; text-align:right; overflow: hidden; position: relative; z-index: 4;}
.carousel{margin-left: 50px;margin-right: -200px;}
.slick-slide{margin:10px;}
.slick-slide img{width:100%;}

.slick-skew {background: #F5F5F5;padding:0;transform: skew(0deg, -7deg);margin-top: 142px;z-index: 1;position: relative;}
.slick-skew:before{width: 100%;height: 356px;position: absolute;content: "";border-bottom: 0px;left: 0;background: #F5F5F5;transform: skew(0deg, 0deg);margin-top: 4px;z-index:1;bottom: 0;}



#faq-section{position: relative; font-weight: 400;}
.faq-section{ max-width: 1080px;padding:250px 0 150px; margin: 0px auto; position: relative; z-index: 4;}
.faq-section h2{text-align: center;}

.contact-skew {background: #F5F5F5;padding:33px 0;transform:skew(0deg, -10deg);margin-top:0px;z-index: 2; position: relative;}
.contact-skew:before{width: 100%;height: 300px;position: absolute;content: "";border-bottom: 0px;left: 0;background: #F5F5F5;transform: skew(0deg, 1deg);margin-top: 4px;z-index:1;}

.contact-inner {padding:45px 0 55px ; background:#F5F5F5; margin-top: 100px; position: relative; }
.contact-inner:after{width: 708px; height: 666px;background: url(assets/images/shape.png) no-repeat center; position: absolute; content: ""; top:-10%; left: 50%; transform: translateX(-50%); z-index: 2;}
.contact-inner .container{display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 3;}
.contact-inner .col-lft{position: relative; z-index: 2;}
.contact-inner .col-rgt{width: calc(100% - 50%); margin:0 5%; display: flex; flex-direction: column; justify-content: center; text-align: left; position: relative; z-index: 2;}
.contact-inner .col-rgt p{margin:32px 0 55px; padding: 0;}
.contact-inner .app-btns{justify-content: flex-start;}

.form-section{padding-top:100px; display: flex; justify-content: space-between; background: #fff;}
.form-section h3{margin:20px 0 5px; font-size: 16px; font-weight: 500; color: #8B8B8B; text-transform: uppercase;}
.form-section .lft i img{width:160px; display: inline-block;}
.form-section .lft p{margin:40px 0 0; font-weight: 300;}
.form-section h2{margin: 0;}
.form-section h2:before{display: none;}
.form-section .lft{width: 45%; margin-top: 40px;}
.form-section .rgt{width: calc(100% - 45%); margin-left: 130px; font-size: 16px;}
.form-row{display: flex; flex-direction: column;}
.form-row label{color: #9E9E9E;}
.form-row {margin: 0 0 30px;}
.form-row .form-group{width: 100%; padding:0px 0 10px;margin: 0 0 5px; border: 0; border-bottom: 1px solid #cdcdcd; outline: 0; box-shadow: none; background: transparent;}
.form-row textarea.form-group{height: 90px;resize: vertical;}
.submit-btn{margin-top: 40px;}
.submit-btn input[type="submit"]{min-width: 184px; background: #E18C00; border-radius:37px ; font-size: 14px; font-weight: 500; line-height: 55px; color: #fff; border: 0; outline: none; box-shadow: none; text-transform: uppercase; cursor: pointer;}
.submit-btn input[type="submit"]:hover{background: #C47C07;}
i.bell-icon{display: flex; width: 65px; height: 70px; background: url(images/bell-icon.svg) no-repeat top center;}
.form-section .form-row p{margin: 0;}

.app-btns{display: flex; align-items: center; justify-content: center;}
.app-btns a{margin:0 9px; display: inline-block;transition: .45s;}
.app-btns a:hover{transform: translateY(-3px);}

.white-bg{background: #fff;}

footer.main-footer{margin:0 !important;  padding: 15px 0; background: #003981; color: #fff; font-size: 14px; text-align: center;}
footer.main-footer .container{display: flex; justify-content: space-between; align-items: center;}
footer.main-footer p{margin: 0;}
footer .text-link{color: #fff;margin-left: 5px;text-decoration: none;}
footer .text-link:hover{text-decoration: underline;}
.nmg-logo{display: inline-flex;align-items: center; justify-content: flex-end; line-height: 22px;}
.foot-lft {display: inline-flex;align-items: center;}
.nmg-logo img{width:60px; margin-left: 10px; margin-top: 8px;}
.nmg-logo a{transition: .45s;}
.nmg-logo a:hover {transform: translateY(-3px);}

#faq-section{position: relative;}
#faq-section .vector-bg{position: absolute; content: ""; bottom:-176px; left: 0;}
.faq-section{ max-width: 1080px;padding:150px 0 150px; margin:-50px auto 0; position: relative; z-index: 4;}
.faq-section h2{text-align: center;}

.accordion-container {padding:0px 0 0; margin:0px auto 0; position: relative; max-width: 1080px; cursor: pointer;}
.accordion-container .ui-accordion .ui-accordion-header{margin:0 0 0px; padding:45px 25px 50px 0; display: block; position: relative; cursor: pointer;line-height: normal; font-weight: bold; display: block; vertical-align: top; border:0px; color: #000;background: transparent;border-top: 1px solid #DBDBDB}
.accordion-container .ui-accordion .ui-accordion-header:first-child{border: 0;}
.accordion-container .ui-accordion .ui-accordion-content{margin:0px 0 0px; padding:0 0 45px; border: 0;}
.accordion-container .ui-accordion .ui-accordion-content p {padding:0rem; margin: 0px;color: #000;}
.accordion-container .ui-icon{display: none}
.accordion-container .ui-accordion .ui-accordion-header:before {padding:4px; border:solid #423F3F; border-width: 0 2px 2px 0; top:48px; right:2px;  content: "";position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-webkit-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;}
.accordion-container .ui-accordion .ui-accordion-header-active:before{border: solid #003981; border-width: 0 2px 2px 0;top: 53px;transform: rotate(-137deg); -webkit-transform: rotate(-137deg); -moz-transform: rotate(-137deg); -ms-transform: rotate(-137deg);}
.accordion-container .ui-accordion .ui-accordion-header-active{color: #003981; padding-bottom:30px; }

.get-touch{margin: 0px; padding: 0; display: flex; flex-direction: column;}
.wpcf7 form .wpcf7-response-output {border: 0px !important;}
#contact-section {padding-bottom: 100px;}
.cms-page .cnt-box p{margin: 0 0 20px; padding: 0; font-size: 16px; line-height: 26px;}
.cms-page {padding: 250px 0 80px 0;background: #F5F5F5; color: #000;  min-height: calc(100vh - 98px);/* min-width: 700px;   */ position: relative; z-index: 2;}
.cms-page h1, .cms-page h2, .cms-page h3 {margin: 0 0 35px;font-size: 56px;font-weight: 700;line-height: normal; color: #003981; position: relative;   font-family: 'Work Sans', sans-serif;
}
.cms-page  h2, .cms-page h3{margin: 0 0 20px; padding: 0; font-size: 24px; line-height: normal;}
.cms-page  h2:before {display: none;}


/*................................error page.................................................*/
section.error-404.not-found {min-height: calc(100vh - 66px); padding: 250px 0 80px 0; background: #f5f5f5;}
.error-404.not-found {text-align: center; margin-bottom: 0px;}
.sml-error-wrapper { margin-top: 1.25rem;}
.store-mart-lite-404 { margin: 0; line-height: 1; padding-bottom: 0;}
.store-mart-lite-404 h1 { padding: 0px; margin: 0;line-height: normal;font-size: 10rem; color: #000; font-weight: bold;}
.error-404.not-found a {padding: 0 50px 0 0rem; color: #E18C00; font-size: 1.2rem; border-bottom: 1px solid #E18C00;  font-weight: bold;height: 45px; border: none;}
.error-404.not-found a:hover{ border-bottom: 0px solid #E18C00;text-decoration: none;}
.error-404.not-found p.search-sorry {font-weight: 300; font-size: 2.25rem; margin-top: 5px; margin-bottom: 5px; line-height: 40px;}
.error-404.not-found p.search-not-exists {font-weight: bold; font-size: 1.125rem; margin-bottom: 1.25rem;}

.animatable {  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  } 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    -webkit-transform: translateX(20px);
  }

  80% {
    -webkit-transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }

  60% {
    -moz-transform: translateX(20px);
  }

  80% {
    -moz-transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateX(20px);
  }

  80% {
    -o-transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  60% {
    transform: translateX(20px);
  }

  80% {
    transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  60% {
    -webkit-transform: translateX(-20px);
  }

  80% {
    -webkit-transform: translateX(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  60% {
    -moz-transform: translateX(-20px);
  }

  80% {
    -moz-transform: translateX(5px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }

  60% {
    -o-transform: translateX(-20px);
  }

  80% {
    -o-transform: translateX(5px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    transform: translateX(-20px);
  }

  80% {
    transform: translateX(5px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  } 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }
  50% {
    -webkit-transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
  }

  50% {
    -moz-transform: scale(1.05);
  }

  70% {
    -moz-transform: scale(.9);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(.3);
  }

  50% {
    -o-transform: scale(1.05);
  }

  70% {
    -o-transform: scale(.9);
  }

  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    transform: scale(1.05);
  }

  70% {
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes moveUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(40px);
  } 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes moveUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes moveUp {
  0% {
    opacity: 1;
    -o-transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    opacity: 1;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeBgColor {
  0%{
    background:none;
  }
  70%{
    background:none;
  }
  100%{
    background:#464646;
  }
}
@-o-keyframes fadeBgColor {
  0%{
    background:none;
  }
  70%{
    background:none;
  }
  100%{
    background:#464646;
  }
}
@keyframes fadeBgColor {
  0%{
    background:none;
  }
  70%{
    background:none;
  }
  100%{
    background:#464646;
  }
}

.animated.animationDelay{
  animation-delay:.4s;
  -webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
  animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
  animation-delay:1.6s;
  -webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
  -webkit-animation-name: fadeBgColor;
  -moz-animation-name: fadeBgColor;
  -o-animation-name: fadeBgColor;
  animation-name: fadeBgColor;
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated.moveUp {
  -webkit-animation-name: moveUp;
  -moz-animation-name: moveUp;
  -o-animation-name: moveUp;
  animation-name: moveUp;
}







@media only screen and (max-width:1300px){
.container{max-width: 90%;}
}

@media only screen and (max-width:1100px){
	.header-main{padding:20px 0 12px;}
	#home-section{padding-top: 108px;}
	.form-section .rgt{margin-left: 5%;}
	.contact-inner{margin-top:50px; padding-bottom: 50px;}
	.form-section{padding-top: 100px;}
	.about-section {
    padding: 220px 0 50px;}
}

@media only screen and (max-width:1000px){
.logo {width: 150px;}
#home-section h1{font-size: 60px; line-height: 75px;}
.section-title, h2{font-size: 45px;}
/*Navigation CSS*/
.hamburger{margin-left: 30px;display: inline-block;}
.menu-close {display: block; width:42px;height:42px; position: absolute;right: 0; cursor: pointer;background: url(assets/images/close-btn.svg) no-repeat; background-size: 24px;
    top: 37px; z-index: 9999;}
.main-menu {position: fixed;  background: #fff;  top: 0;  right:250px; width:0; height: 0%; opacity: 0;visibility: hidden;transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden; z-index: 99;}
.main-menu.open {opacity:9;visibility: visible;height:100vh; width: 250px; right: 0; box-shadow: 0 0 15px #3e3d3d;}
.main-menu ul {list-style: none;padding:50px 0;margin: 0 auto;display:block;position: relative; height:100vh;}
.main-menu ul li {margin: 0; display: block; position: relative;}
.main-menu ul li a {padding: 15px;display: block; position: relative; text-decoration: none; overflow: hidden;}
.main-menu ul li a:after {content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; transform: translateX(-50%); height: 1px; background-image: linear-gradient(to left , #fbf2f2, #b1afaf, #fbf2f2); transition: 0.35s;}
.main-menu ul li a:hover:after, .main-menu ul li a:focus:after, .main-menu ul li a.active:after {background-image:linear-gradient(to left , #E18C00, #E18C00, #E18C00)}
.main-menu ul li a:hover{color: #E18C00;}
.main-menu ul li a.active{color: #E18C00;}
.main-menu.open .hamburger {position: absolute; bottom: 0px;}
	.application-inner ul li{margin-left: 5px; margin-right: 5px;}
	.application-inner ul li .aftext{padding-bottom: 20px;}

}
 @media only screen and (max-width:999px){
 
 	#home-section .home-section-inner{padding-top: 20px;}	
 
}
@media only screen and (max-width:767px){

body{font-size: 17px; line-height: 24px;}	
.section-title, h2 { font-size: 35px;}
.application-inner .container{max-width: 90%;}	
.application-inner{margin-top: 0;}
#home-section h1 {font-size: 50px; line-height: 55px;}
#home-section .home-section-inner, .form-section{flex-direction: column;}
.home-section-inner .rgt, .home-section-inner .lft, .form-section .lft, .form-section .rgt{width: 100%; margin: 0}
.home-section-inner .rgt, .form-section .rgt{margin-top:50px;}

#about-section{ padding-top: 100px;  margin-top: -50px;}
#application-section{padding-top:120px; margin-top: -50px;}
.about-section { padding:0px; margin-top: 0;}
#about-section p{margin-bottom: 50px;}
.contact-inner .container{flex-direction: column-reverse;}
.contact-inner .col-lft, .contact-inner .col-rgt{width: 100%; margin: 0px;}
.contact-inner{margin-top: 0;}
.contact-inner .col-lft{margin-top: 0; margin-top: 50px;}
/*.form-section { padding-top:200px;margin-top:-100px;}*/
.faq-section{margin-top: -50px; padding-top:120px; padding-bottom:75px;}
.contact-inner .col-rgt p {margin: 20px 0 30px;}
.form-section .lft p{margin-top: 20px;}
/*.accordion-container{padding-top: 20px;}*/
.accordion-container .ui-accordion .ui-accordion-header{padding: 20px 25px 20px 0;}
.accordion-container .ui-accordion .ui-accordion-header:before{top: 23px}
.accordion-container .ui-accordion .ui-accordion-header-active:before{top: 26px;}

.submit-btn {margin-top: 20px;}
/**Styling scrollable elements*/
.scrolled.slide-left {animation: fade-in-bottom 0.5s ease-in-out both;}
.scrolled.slide-right {animation: fade-in-bottom 0.5s ease-in-out both;}
#home-section .home-section-inner {padding-top: 70px;}
/*.page-section{padding-top: 100px; margin-top: -100px;}*/

ul.application-list{margin: 50px 0; flex-wrap: wrap;}
ul.application-list li{width: 100%; margin: 0 0 20px;}
.about-image img, .contact-inner .col-lft img, .home-section-inner .rgt img, .contact-inner .col-lft img{width: 100%;}
.carousel{width: 90%;margin: 0px auto; }
.contact-inner:after{width: 100%; top: 0px}
.vector-left{top: 74px}
#home-section {padding-top: 52px;}
.slick-skew{height: 52px; margin-top: 0;}
.about-section-skew{margin-top: 50px; }
ul.application-list li span{max-width: 100%; margin-top: 20px; font-size: 17px; line-height: 24px;}
footer.main-footer{margin: 50px 0 0;}

 }

 @media only screen and (max-width:600px){
#home-section .app-btns a, .app-btns a{margin:0 15px 0 0;}
.application-inner ul{padding-bottom: 30px;margin: 0; justify-content: space-between; flex-wrap: wrap;}
.application-inner ul li{width: 100%; margin: 0 0 30px;    padding: 20px; border-radius: 35px;}
.application-inner ul li br{display: none;}
.application-inner ul li span, .application-inner ul li figure{min-height: inherit;}
.faq-section{padding-top: 100px;padding-bottom: 45px;}
.contact-inner{padding-top: 10px;}
.form-section {padding-top: 120px;margin-top: -60px;}
section.error-404.not-found {min-height: calc(100vh - 66px);  padding: 200px 0 80px 0;}

footer.main-footer .container{flex-wrap: wrap; justify-content: center; text-align: center;}
/*footer.main-footer .foot-lft{width: 100%; justify-content: center;}*/
footer .text-link{border-left: 1px solid #fff;    line-height: 12px;
    padding: 0 20px;
    margin-left: 20px;}
.store-mart-lite-404 h1{font-size: 5rem;}    

 }
 @media only screen and (max-width:400px){
 .app-btns, .contact-inner .app-btns, #home-section .app-btns{justify-content: space-between;}
 .app-btns a, #home-section .app-btns a{margin: 0px; width: 49%;}
footer .text-link{border-right: 1px solid #fff;  border-left: 0;   line-height: 12px;
    padding: 0 20px;
    margin-left: 0px; margin-right: 20px;}

}