/*!
Theme Name: People Sonic
Theme URI: https://example.com/themeURI/
Author: Techreshape
Author URI: https://example.com/authorURI/
Description: This is a custom wp theme for People Sonic
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: psonic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

People Sonic is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | 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;
}

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

/**
 * 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;
}
.contact {
    width: 50%;
    margin: 0 auto;
}
/**
 * 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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #f5f5f5;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button:not(.menu-toggle),
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	font-size: 1.34rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid #000000;
	color: #000000;
	background-color: transparent;
	border-radius: 1.7rem;
	padding: 0.613rem 1.94rem;
	font-size: 1.33rem;
}

button:not(.menu-toggle):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
}

button:not(.menu-toggle):active, button:not(.menu-toggle):focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

.btn {
	display: inline-block;
	font-size: 1.33rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	color: #000000;
	border-radius: 2.5rem;
	padding: 0.556rem 1.94rem;
	transition: 0.6s all ease;
}

.btn.btn-primary {
	border: 1px solid #000000;
	background-color: transparent;
}

.btn.btn-signup {
	background-color: #ffffff;
	border-radius: 2rem;
	border: none;
	color: #000000;
	text-decoration: none;
	font-size: 1.11rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn.btn-get-started {
	background-color: #e7212b;
	color: #fff;
	border: 1px solid transparent;
	margin-top: 1.33rem;
}

.btn.btn-white {
	background-color: #ffffff;
	border: none;
	color: #000000;
}

.btn.btn-primary:hover, .btn.btn-signup:hover, .btn.btn-get-started:hover, .btn.btn-white:hover {
	cursor: pointer;
	background-color: #000;
	color: #ffffff;
}

.sticky-header .btn.btn-signup {
	background-color: #000000;
	color: #fff;
}

.sticky-header .btn.btn-signup:hover {
	border: 1px solid;
	background-color: #fff;
	color: #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #a6a6a6;
	border: 1px solid #a6a6a6;
	border-radius: 1.7rem;
	padding: 0.556rem 1.94rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.form-control {
	display: block;
	width: 100%;
	margin: 2rem 0;
	font-size: 1rem;
	line-height: 1.5;
	background-color: #fff;
	background-clip: padding-box;
}

.form-control input[type="text"],
.form-control input[type="email"],
.form-control input[type="url"],
.form-control input[type="password"],
.form-control input[type="search"],
.form-control input[type="number"],
.form-control input[type="tel"],
.form-control input[type="range"],
.form-control input[type="date"],
.form-control input[type="month"],
.form-control input[type="week"],
.form-control input[type="time"],
.form-control input[type="datetime"],
.form-control input[type="datetime-local"],
.form-control input[type="color"],
.form-control textarea,
.form-control button,
.form-control input[type="button"],
.form-control input[type="reset"],
.form-control input[type="submit"] {
	width: 100%;
	border-radius: 1.7rem;
	padding: 0.556rem 1.94rem;
}

@media screen and (max-width: 767px) {
	.form-control {
		border-radius: 20px;
	}
}

.float-container:active label:first-child::placeholder {
	color: #000;
}
.float-container input::placeholder {
	color: #cfcfcf!important;
}
.float-container {
	border: solid 1px #ccc;
	position: relative;
	border-radius: 1.7rem;
	padding: 0.835rem 1.94rem;
	background-color: #ffffff;
}

.float-container.active label:first-child, .float-container.input-text-true label:first-child {
	transform: translate(0rem, -0.75rem) scale(0.75);
}

.float-container.active input::placeholder, .float-container.input-text-true input::placeholder {
	color: #000;
}

.float-container [id$="-error"] {
	position: absolute;
	width: 100%;
	left: 1.94rem;
	bottom: -1.67rem;
	color: #4bc5df;
	text-align: left;
}

.float-container input,
.float-container textarea {
	border: none;
	font-size: 1rem;
	outline: 0;
	border-radius: 0 !important;
	padding: 0 !important;
}

.float-container input::placeholder,
.float-container textarea::placeholder {
	color: #cfcfcf;
}

.float-container label:first-child {
	font-size: 1rem;
	line-height: 1;
	position: absolute;
	transform-origin: top left;
	transition: all 0.1s ease-in-out;
}

body .gform_wrapper ul li.gfield.float-container {
	padding: 0.835rem 1.94rem;
}

.gform_wrapper.gform_validation_error
.gform_body
ul
li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	padding: 0.8055rem 1.94rem;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #38bbd8;
	text-decoration: none;
}

a:visited {
	color: #000;
}

a:hover, a:focus, a:active {
	color: #38bbd8;
	transition: 0.4s all ease;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	width: 40%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.main-navigation .primary-container {
	width: 100%;
}

.main-navigation ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul li.menu-item-has-children > a:after {
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 1.05rem;
	right: -1.2rem;
	color: #fff;
}

.main-navigation ul li.menu-item-has-children > a:hover:after {
	color: #000;
}

.main-navigation ul li a {
	display: block;
	text-decoration: none;
	font-size: 1.11rem;
	color: #fff;
	padding: 0.833rem 0;
}

.main-navigation ul li a:hover {
	color: #000000;
}

.main-navigation ul li ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul li ul li {
	padding: 0.54rem 2rem;
	width: 100%;
}

.main-navigation ul li ul li:hover {
	background-color: #3cc7e6;
}

.main-navigation ul li ul li:hover a {
	color: #fff;
}

.main-navigation ul li ul li:hover > ul,
.main-navigation ul li ul li.focus > ul {
	left: 100%;
}

.main-navigation ul li ul li a {
	color: #000;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	position: absolute;
	left: -25%;
	min-width: 15.5rem;
	background-color: #fff;
	box-shadow: 0 4px 32px 0 rgba(51, 62, 99, 0.14);
}

.main-navigation li {
	position: relative;
	padding-left: 20px;
}

.sticky-header .main-navigation a {
	color: #000;
}

.sticky-header .main-navigation ul li.menu-item-has-children > a:after {
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 2.3rem;
	right: -1.2rem;
	color: #000;
}

.sticky-header .main-navigation ul .sub-menu li {
	background-color: #fff;
}

.sticky-header .main-navigation ul .sub-menu li:hover {
	background-color: #38bbd8;
}

.sticky-header .main-navigation ul.primary-nav > li > a {
	padding: 2.1rem 0;
}

/* Side Navigaiton */
.sidenav {
	background-color: #fff;
	transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.sidenav .sidenav-brand {
	background: none;
	border-bottom: none;
	position: relative;
}

.sidenav .sidenav-brand .sidenav-close {
	position: absolute;
	right: 20px;
	top: 4px;
	color: #000;
}

.sidenav .sidenav-menu a {
	padding: 24px;
	position: relative;
	color: #000;
}

.sidenav .sidenav-menu a:hover {
	background: #38bbd8;
	color: #ffffff;
}

.sidenav .sidenav-menu a:hover .sidenav-dropdown-icon {
	color: #fff;
}

.sidenav .sidenav-menu a:hover:after {
	border-bottom: none;
}

.sidenav .sidenav-menu a:after {
	content: "";
	position: absolute;
	left: 9%;
	bottom: 0;
	width: 80%;
	height: 1px;
	border-bottom: 1px solid #f0f0fb;
}

.sidenav .sidenav-menu a .sidenav-dropdown-icon {
	top: 24px;
	height: 24px;
	right: 24px;
	width: 24px;
	color: #000;
}

.sidenav .sidenav-menu .sidenav-dropdown {
	border-bottom: transparent;
}

.sidenav .sidenav-menu .sidenav-dropdown a {
	background-color: transparent;
	padding-left: 50px;
}

.sidenav .sidenav-menu .sidenav-dropdown a:hover {
	background-color: #38bbd8;
}

.sidenav .current_page_item {
	background-color: #38bbd8;
}

.sidenav .current_page_item a {
	color: #fff;
}

.sidenav .current_page_item a:after {
	border-bottom: none;
}

/* Small menu. */
.menu-toggle,
#sidenav-toggle,
.main-navigation.toggled ul {
	display: none;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/
.tab-content:not(.active) {
	display: none;
}

.tabs-title {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.tabs-title li {
	background-color: #c3c3c3;
	border: none;
	position: relative;
	z-index: 1;
	border: 4px solid #fff;
}

.tabs-title li:not(.active) {
	z-index: 1;
	width: 12.11rem;
}

.tabs-title li.active {
	background-color: #079f76;
	border: 0.222rem solid #fff;
	width: 8.94rem;
	z-index: 2;
	margin: 0 -2.2rem;
}

.tabs-title li a {
	color: #fff;
}

.tabs-content {
	margin-top: 5.67rem;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

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

.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;
}

/*--------------------------------------------------------------
# Theme
--------------------------------------------------------------*/
/*!
 Theme Name: People Sonic
*/
@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Black.eot");
	src: url("fonts/Lato-Black.woff") format("woff"), url("fonts/Lato-Black.ttf") format("truetype"), url("fonts/Lato-Black.svg") format("svg");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-BlackItalic.eot");
	src: url("fonts/Lato-BlackItalic.woff") format("woff"), url("fonts/Lato-BlackItalic.ttf") format("truetype"), url("fonts/Lato-BlackItalic.svg") format("svg");
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Heavy.eot");
	src: url("fonts/Lato-Heavy.woff") format("woff"), url("fonts/Lato-Heavy.ttf") format("truetype"), url("fonts/Lato-Heavy.svg") format("svg");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-HeavyItalic.eot");
	src: url("fonts/Lato-HeavyItalic.woff") format("woff"), url("fonts/Lato-HeavyItalic.ttf") format("truetype"), url("fonts/Lato-HeavyItalic.svg") format("svg");
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Bold.eot");
	src: url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"), url("fonts/Lato-Bold.svg") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-BoldItalic.eot");
	src: url("fonts/Lato-BoldItalic.woff") format("woff"), url("fonts/Lato-BoldItalic.ttf") format("truetype"), url("fonts/Lato-BoldItalic.svg") format("svg");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-SemiBold.eot");
	src: url("fonts/Lato-SemiBold.woff") format("woff"), url("fonts/Lato-SemiBold.ttf") format("truetype"), url("fonts/Lato-SemiBold.svg") format("svg");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-SemiBoldItalic.eot");
	src: url("fonts/Lato-SemiBoldItalic.woff") format("woff"), url("fonts/Lato-SemiBoldItalic.ttf") format("truetype"), url("fonts/Lato-SemiBoldItalic.svg") format("svg");
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Medium.eot");
	src: url("fonts/Lato-Medium.woff") format("woff"), url("fonts/Lato-Medium.ttf") format("truetype"), url("fonts/Lato-Medium.svg") format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-MediumItalic.eot");
	src: url("fonts/Lato-MediumItalic.woff") format("woff"), url("fonts/Lato-MediumItalic.ttf") format("truetype"), url("fonts/Lato-MediumItalic.svg") format("svg");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Italic.eot");
	src: url("fonts/Lato-Italic.woff") format("woff"), url("fonts/Lato-Italic.ttf") format("truetype"), url("fonts/Lato-Italic.svg") format("svg");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Regular.eot");
	src: url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"), url("fonts/Lato-Regular.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Light.eot");
	src: url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype"), url("fonts/Lato-Light.svg") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-LightItalic.eot");
	src: url("fonts/Lato-LightItalic.woff") format("woff"), url("fonts/Lato-LightItalic.ttf") format("truetype"), url("fonts/Lato-LightItalic.svg") format("svg");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Thin.eot");
	src: url("fonts/Lato-Thin.woff") format("woff"), url("fonts/Lato-Thin.ttf") format("truetype"), url("fonts/Lato-Thin.svg") format("svg");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-ThinItalic.eot");
	src: url("fonts/Lato-ThinItalic.woff") format("woff"), url("fonts/Lato-ThinItalic.ttf") format("truetype"), url("fonts/Lato-ThinItalic.svg") format("svg");
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Hairline.eot");
	src: url("fonts/Lato-Hairline.woff") format("woff"), url("fonts/Lato-Hairline.ttf") format("truetype"), url("fonts/Lato-Hairline.svg") format("svg");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-HairlineItalic.eot");
	src: url("fonts/Lato-HairlineItalic.woff") format("woff"), url("fonts/Lato-HairlineItalic.ttf") format("truetype"), url("fonts/Lato-HairlineItalic.svg") format("svg");
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: "Lineraicons";
	src: url("fonts/Linearicons-Free.eot");
	src: url("fonts/Linearicons-Free.woff") format("woff"), url("fonts/Linearicons-Free.ttf") format("truetype"), url("fonts/Linearicons-Free.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

html {
	font-size: 62.5%;
	font-size: 18px;
	font-size: 0.938vw;
	scroll-behavior: smooth;
}

body {
	font: 400 18px/1.5 "Lato", sans-serif;
	font: 400 1rem/1.5 "Lato", sans-serif;
	letter-spacing: 1.2px;
	background-color: #ffffff;
	color: #000000;
}

*:hover {
	transition: 0.4s all ease;
}

.container {
	width: 75.77rem;
	max-width: 100%;
	margin: 0 auto;
}

.site-content {
	position: relative;
}

.section {
	padding: 7rem 0;
	text-align: center;
}

.section.home-page-banner-wrap {
	padding-top: 0;
}

.section .section-title {
	font-size: 2.5rem;
}

.section .section-description {
	font-size: 1.33rem;
	width: 59.2rem;
	max-width: 100%;
	margin: 0 auto 8.16rem;
}

.section .section-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 63rem;
	margin: 0 auto;
}

.site-main {
	margin-top: 5.89rem;
}

.site-header {
	padding: 1.193rem 0;
}

.site-header.sticky-header {
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	transform: translateY(-100%);
}

.site-header.sticky-header.fixed {
	position: fixed;
	width: 100%;
	z-index: 5;
	top: 0;
	box-shadow: 0 0.1rem 0.66rem 0px #d4d4d4;
	transition: transform 0.4s;
	transform: translateY(0);
}

.sticky-header {
	background-color: #ffffff;
}

.features-page-menu {
	background-color: #38bbd8;
}

.scrollbottom {
	position: absolute;
	left: 50%;
	top: 52rem;
	width: 2.7rem;
	height: 2.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.7rem;
}

.scrollbottom:hover {
	color: transparent;
	text-decoration: none;
}

.scrollbottom:hover i {
    color: #38bbd8;
}

.scrollbottom i {
	color: #000;
	position: relative;
	top: 0.222rem;
	left: 0.08rem;
}

.header-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.header-inner .site-branding {
	width: 40%;
}

.header-inner .site-branding img {
	width: 15.5rem;
	max-width: 100%;
}

.header-inner .get-started-btn {
	width: 11.5%;
}

.hamburger {
	padding: 0.83rem;
}

.hamburger .hamburger-box {
	width: 2.2rem;
	height: 1.3rem;
}

.hamburger .hamburger-box .hamburger-inner,
.hamburger .hamburger-box .hamburger-inner:after,
.hamburger .hamburger-box .hamburger-inner:before {
	width: 4rem;
	height: 0.4rem;
}

.hamburger--elastic .hamburger-inner:before {
	top: 1rem;
}

.hamburger--elastic .hamburger-inner:after {
	top: 2rem;
}

#page {
	position: relative;
	overflow-x: hidden;
}

#page:before {
	content: "";
	position: absolute;
	right: -6.94rem;
	background-image: url(./images/header.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 69.3rem;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.home-page-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	top: -1.11rem;
}

.home-page-banner .banner-left {
	width: 50%;
}

.home-page-banner .banner-left .banner-left-inner {
	width: 33.89rem;
	max-width: 100%;
	text-align: left;
}

.home-page-banner .banner-left .banner-left-inner .banner-title {
	font-size: 3.89rem;
}

.home-page-banner .banner-left .banner-left-inner .banner-title span {
	font-weight: 800;
	color: #e7212b;
}

.home-page-banner .banner-left .banner-left-inner .banner-subtitle {
	font-size: 1.94rem;
}

.home-page-banner .banner-right {
	width: 50%;
	display: flex;
	justify-content: flex-end;
}

.home-page-banner .banner-right:before {
	content: "";
	position: absolute;
	background-image: url(./images/home-signup-back.png);
	background-repeat: no-repeat;
	background-size: 48.8rem;
	background-position: right bottom;
	right: -10.88rem;
	width: 100%;
	height: 100%;
}

.home-page-banner .banner-right .banner-signup-form {
	padding: 3.3rem 3rem;
	background-color: #fff;
	border-radius: 1.1rem;
	width: 29.72rem;
	box-shadow: 0px 0.27rem 1rem 0px silver;
	position: relative;
}

.home-page-banner .banner-right .banner-signup-form .form-header {
	text-align: center;
}

.home-page-banner .banner-right .banner-signup-form .form-header .title {
	font-size: 1.94rem;
	font-weight: 700;
}

.home-page-banner .banner-right .banner-signup-form .form-header .description {
	margin-top: 0.4rem;
}

.home-page-banner .banner-right .banner-signup-form .form-footer {
	margin-top: 2rem;
	text-align: center;
}

.home-features {
	position: relative;
	background-color: #f5f5f5;
}

.home-features .features-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-features .features-inner .features-left {
	width: 48%;
	text-align: left;
}

.home-features .features-inner .features-right {
	width: 52%;
}

.home-features .features-inner .features-right .features-image {
	position: relative;
	text-align: right;
	right: -9rem;
}

.home-features .features-inner .features-right .features-image img {
	width: 41.3rem;
}

.home-intro .image img {
	width: 63rem;
}

.features-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.features-list .feature {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 1.94rem;
	background-color: #fff;
	margin-bottom: 2.4rem;
	border-left: 0.5rem solid transparent;
}

.features-list .feature:hover {
	border-left: 0.5rem solid #38bbd8;
	box-shadow: 0.5rem 0.5rem 1.33rem -0.72rem rgba(0, 0, 0, 0.4);
}

.features-list .feature:hover .feature-title {
	color: #38bbd8;
}

.features-list .feature .feature-icon {
	width: 20%;
}

.features-list .feature .feature-icon .icon {
	width: 5.5rem;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.features-list .feature .feature-icon .icon img {
	max-height: 5rem;
}

.features-list .feature .feature-content {
	width: 80%;
}

.features-list .feature .feature-content .form-control:nth-child(4) {
	margin-top: 3.2rem;
}

.features-list .feature .feature-content .feature-title {
	font-size: 1.66rem;
	line-height: 2.5rem;
	margin-bottom: 0.3rem;
}

.schedule-demo .ctas {
	display: flex;
	align-items: center;
	justify-content: center;
}

.schedule-demo .ctas .btn {
	margin: 3.9rem 2rem 0;
}

.schedule-demo .section-image {
	width: 41.16rem;
}

.choose-psonic {
	background-color: rgba(102, 203, 225, 0.1);
	padding-top: 6.5rem;
}

.choose-psonic .support-list {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.choose-psonic .support-list .support {
	width: 45%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}

.choose-psonic .support-list .support .support-icon {
	width: 14%;
}

.choose-psonic .support-list .support .support-icon .icon {
	width: 3.77rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.choose-psonic .support-list .support .support-icon .icon img {
	max-height: 3.5rem;
}

.choose-psonic .support-list .support .support-details {
	width: 85%;
}

.choose-psonic .support-list .support .support-details .support-title {
	font-size: 1.67rem;
	margin-bottom: 0.6rem;
}

.get-started {
	background-image: url(./images/contact-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	color: #ffffff;
	padding-bottom: 8.88rem;
}

.get-started .container {
	width: 52.6rem;
}

.get-started .gform_wrapper .gform_footer {
	position: relative;
	text-align:right; 
	/* left: 52%;*/
	margin: 0;
	padding: 0;
}

.get-started .gform_wrapper .gform_footer input[type="submit"] {
	font-size: 1.33rem;
	background-color: #e7212b;
	color: #ffffff;
	width: 48.5%;
	margin: 0;
	margin-top: -4.9rem;
	border: 1px solid transparent;
}

.get-started .gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: #000;
	color: #fff;
	border: 1px solid #fff;
}

.get-started .gform_wrapper textarea.medium {
	height: 6.1rem;
}

.get-started .gform_wrapper .field_description_below .gfield_description {
	position: absolute;
	padding-top: 0.66rem;
}

.get-started .gform_wrapper .gform_fields {
	position: relative;
}

.get-started .gform_wrapper .gform_fields li {
	width: 48%;
	margin-bottom: 1.66rem;
}

.get-started .gform_wrapper .gform_fields li .gfield {
	margin-top: 1rem;
}

.get-started .gform_wrapper .gform_fields li.gfield_error {
	background-color: #fff;
}

.get-started .gform_wrapper .gform_fields li.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 0;
}

.get-started .gform_wrapper .gform_fields li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.get-started .gform_wrapper .gform_fields li.gfield_error .gform_wrapper li.gfield_error textarea {
	border: none;
}

.get-started .gform_wrapper .gform_fields li:nth-child(3) {
	margin-bottom: 0 !important;
}

.get-started .gform_wrapper .gform_fields li:nth-child(4) {
	position: absolute;
	border-radius: 0.83rem;
	right: 0;
	top: 0;
	margin-top: 0;
}

.get-started .gform_wrapper .gfield_label {
	color: #000;
}

.get-started .gform_wrapper .ginput_container {
	margin-top: 0 !important;
}

.footer {
	background-color: #f5f5f5;
}

.footer .footer-top {
	padding-bottom: 4rem;
}

.footer .footer-top .footer-inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	text-align: left;
}

.footer .footer-top .footer-inner .footer-column-logo {
	width: 30%;
}

.footer .footer-top .footer-inner .footer-column-logo .footer-logo {
	width: 15rem;
	max-width: 100%;
	margin-bottom: 1rem;
}

.footer .footer-top .footer-inner .footer-column-logo .tagline {
	width: 21.3rem;
}

.footer .footer-top .footer-inner .footer-column-address {
	width: 12.5rem;
}

.footer .footer-top .footer-inner .footer-column-address .address-details {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer .footer-top .footer-inner .footer-column-address .address-details li {
	margin-bottom: 1.22rem;
	padding-left: 2.2rem;
	position: relative;
}

.footer .footer-top .footer-inner .footer-column-address .address-details li:before {
	font-family: Lineraicons;
	font-size: 1rem;
	position: absolute;
	left: 0;
}

.footer .footer-top .footer-inner .footer-column-address .address-details .address:before {
	content: "\e833";
}

.footer .footer-top .footer-inner .footer-column-address .address-details .email:before {
	content: "\e818";
}

.footer .footer-top .footer-inner .footer-column-address .address-details .phone:before {
	content: "\e830";
}

.footer .footer-top .footer-inner .footer-column-address .social-media {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	margin-top: 2.33rem;
	justify-content: flex-start;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-right: 0.4rem;
	border-radius: 100%;
	padding: 1.2rem;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li:hover {
	color: #fff;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li:hover a {
	color: #fff;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li.facebook:hover {
	background-color: #4e74bd;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li.linkedin:hover {
	background-color: #0073b0;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li.googleplus:hover {
	background-color: #eb4235;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li.twitter:hover {
	background-color: #1da1f2;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li.instagram:hover {
	background-color: #ea6936;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li a {
	color: #000;
	vertical-align: middle;
}

.footer .footer-top .footer-inner .footer-column-address .social-media li img {
	max-height: 2rem;
}

.footer .footer-top .footer-inner .footer-column-menu .footer-nav,
.footer .footer-top .footer-inner .footer-column-menu ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer .footer-top .footer-inner .footer-column-menu li {
	width: 100%;
	margin-bottom: 1.22rem;
}

.footer .footer-top .footer-inner .footer-column-menu li a {
	color: #000;
}

.footer .footer-top .footer-inner .footer-column-menu,
.footer .footer-top .footer-inner .footer-column-address {
	width: 25%;
}

.footer .footer-top .footer-inner .footer-menu-title,
.footer .footer-top .footer-inner .footer-address-title {
	color: #e7212b;
	font-size: 1.11rem;
	font-weight: 600;
	line-height: 2.33rem;
	margin-bottom: 1.5rem;
}

.footer .footer-bottom {
	text-align: center;
	padding-bottom: 2.5rem;
}

.single-feature-banner {
	padding-top: 4.44rem;
	padding-bottom: 5.55rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}

.single-feature-banner .single-feature-left {
	width: 35%;
}

.single-feature-banner .single-feature-left .single-feature-title {
	font-size: 3.9rem;
	font-weight: 700;
	color: #e7212b;
	margin-bottom: 1.4rem;
}

.single-feature-banner .single-feature-left .single-feature-list {
	padding-left: 2.7rem;
	margin: 0;
	list-style: none;
}

.single-feature-banner .single-feature-left .single-feature-list li {
	margin-bottom: 1.5rem;
	font-size: 1.33rem;
	font-style: italic;
	position: relative;
}

.single-feature-banner .single-feature-left li:before {
	content: "";
	position: absolute;
	left: -2.7rem;
	top: 3px;
	background-image: url(./images/tick.png);
	background-repeat: no-repeat;
	background-size: 1.12rem;
	width: 100%;
	height: 100%;
}

.single-feature-banner .single-feature-right {
	width: 64%;
	position: relative;
	right: -5.55rem;
}

.single-feature-banner .single-feature-right .single-feature-image {
	width: 48.5rem;
	max-width: 100%;
}

.single-title {
	font-size: 1.94rem;
	font-weight: 700;
	margin-bottom: 1.3rem;
}

.single-description {
	margin-bottom: 3.35rem;
}

.benefits {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	text-align: left;
	padding: 5px 0px;
}

.benefits .benefits-left {
	width: 68%;
}

.benefits .benefits-left .benefits-details .benefits-list {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 2.3rem;
}

.benefits .benefits-left .benefits-details .benefits-list li {
	position: relative;
	margin-bottom: 0.7rem;
}

.benefits .benefits-left .benefits-details .benefits-list li:before {
	content: "";
	position: absolute;
	top: 3px;
	left: -2.3rem;
	background-image: url("./images/tick.png");
	background-repeat: no-repeat;
	background-size: 0.86rem;
	width: 100%;
	height: 100%;
}

.benefits .benefits-right {
	width: 30%;
}

.benefits .benefits-right .benefits-image {
	width: 26.4rem;
	max-width: 100%;
}

.try {
	background-image: url("./images/try-bg.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: left;
}

.try .try-details {
	width: 30.5rem;
	max-width: 100%;
	position: relative;
	right: 7rem;
}

.try .try-details .try-title {
	font-size: 1.94rem;
	font-weight: 700;
}

.try .try-details .try-description {
	font-size: 1.33rem;
}

.try .try-details .try-cta {
	margin-top: 1.1rem;
}

.single-feature-desc {
	text-align: left;
}

/* Partner Page */
.joinhands {
	padding-bottom: 6.5rem;
	padding-top: 5.78rem;
}

.joinhands .section-title {
	margin-bottom: 1.33rem;
}

.joinhands .section-description {
	width: 68.3rem;
}

.joinhands .section-description {
	margin-bottom: 0;
}

.partner-content .two-column {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 4rem;
}

.partner-content .two-column:nth-child(2n) .section-image {
	order: 1;
	justify-content: flex-start;
}

.partner-content .two-column:nth-child(2n) .section-content {
	order: 2;
}

.partner-content .two-column:nth-child(2n) .section-content .section-number {
	left: 44%;
}

.partner-content .two-column:nth-child(2n) .section-image {
	order: 1;
	justify-content: flex-start;
}

.partner-content .two-column .section-image {
	width: 44%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.partner-content .two-column .section-image .image {
	width: 17.4rem;
}

.partner-content .two-column .section-content {
	width: 56%;
}

.partner-content .two-column .section-content .section-number {
	position: absolute;
	top: 0;
	left: 0.22rem;
	font-size: 0.89rem;
}

.partner-content .two-column .section-content .section-number:before {
	content: "";
	position: absolute;
	left: -0.22rem;
	bottom: -1.11rem;
	color: blue;
	width: 1rem;
	height: 1px;
	background-color: blue;
}

.partner-content .two-column .section-content .content-title {
	font-size: 1.94rem;
	line-height: 1.74;
}

.page-title {
	text-align: center;
	padding-top: 2rem;
}

.page-title h1 {
	font-size: 3.89rem;
	color: #e7212b;
	margin: 0;
	font-weight: bold;
}

/* Pricing Page */
.pricing-tabs {
	padding-bottom: 5.33rem;
}

.pricing-table {
	border: 1px solid #a6a6a6;
	border-collapse: separate;
	border-radius: 0.9rem;
	border-spacing: 0;
	overflow: hidden;
	box-shadow: 0px 0.166rem 0.77rem 1px #dddddd;
	margin: 0;
	position: relative;
}

.pricing-table thead {
	background-color: #079f76;
	color: #fff;
}

.pricing-table thead th {
	color: #fff;
	border-left: 1px solid #a6a6a6;
	text-align: left;
	padding: 1.72rem 2.72rem;
	font-size: 1.94rem;
	font-weight: 400;
	vertical-align: top;
}

.pricing-table thead th:first-child {
	border-left: none;
}

.pricing-table thead th div {
	width: 11.33rem;
	max-width: 100%;
	line-height: 1;
}

.pricing-table thead th div .package-name {
	display: block;
	margin-bottom: 1.44rem;
}

.pricing-table thead th div .package-price {
	font-size: 1.33rem;
}

.pricing-table thead th a {
	color: #fff;
}

.pricing-table tbody tr:first-child td {
	padding-top: 2.94rem;
}

.pricing-table td {
	padding: 1.22rem 0.66rem 0 2.72rem;
	border-left: 1px solid #a6a6a6;
	border-top: 1px solid #a6a6a6;
	vertical-align: top;
	width: 18.9rem;
	font-style: italic;
	text-align: left;
}

.pricing-table td:first-child {
	border-left: none;
}

.pricing-table .product-features {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-table .product-features li {
	padding-left: 2rem;
	margin-bottom: 1.11rem;
}

.pricing-table .product-features li i {
	position: relative;
	left: -0.94rem;
	margin-left: -1rem;
	color: #1bc9a2;
}

.pricing-table .product-features li i.fal.fa-times {
	color: #e7212b;
}

.pricing-feature {
	padding-top: 0;
	padding-bottom: 6.5rem;
}

.pricing-feature .section-title {
	font-size: 1.94rem;
	margin-bottom: 1.33rem;
	text-align: left;
}

.pricing-feature .section-description {
	margin: 0;
	font-size: 1rem;
	text-align: left;
	width: 100%;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1440px) and (min-width: 768px) {
	.scrollbottom {
	    top: 55rem;
	}
	.main-navigation {
		width: 42%;
	}
	.main-navigation ul li a {
		font-size: 16px;
	}
	.btn.btn-signup {
		font-size: 16px;
	}
	.form-control input[type="text"],
	.form-control input[type="email"],
	.form-control input[type="url"],
	.form-control input[type="password"],
	.form-control input[type="search"],
	.form-control input[type="number"],
	.form-control input[type="tel"],
	.form-control input[type="range"],
	.form-control input[type="date"],
	.form-control input[type="month"],
	.form-control input[type="week"],
	.form-control input[type="time"],
	.form-control input[type="datetime"],
	.form-control input[type="datetime-local"],
	.form-control input[type="color"],
	.form-control textarea,
	.form-control button,
	.form-control input[type="button"],
	.form-control input[type="reset"],
	.form-control input[type="submit"] {
		border-radius: 25px;
	}
	.header-inner .get-started-btn {
		width: 13%;
	}
	.float-container {
		/* padding: 11px 18px; */
		min-height: 35px;
		text-align: left;
		margin: 23.5px 0;
		border-radius: 20px;
	}
	.float-container label:first-child {
		font-size: 15px;
		line-height: 1;
	}
	.float-container [id$="-error"] {
		font-size: 16px;
		bottom: -23px;
	}
	.feature-description {
		font-size: 15px;
	}
	.features-list .feature .feature-content .feature-title {
		font-size: 20px;
	}
	.section .section-title {
		font-size: 34px;
	}
	.section .section-description {
		font-size: 18px;
	}
	.home-page-banner .banner-right .banner-signup-form .form-header .title {
		font-size: 26px;
	}
	.home-page-banner .banner-right .banner-signup-form .form-header .description {
		font-size: 15px;
	}
	.btn.btn-get-started {
		font-size: 18px;
	}
	.footer-text {
		font-size: 12px;
	}
	.schedule-demo .ctas .btn {
		font-size: 18px;
	}
	.choose-psonic .support-list .support .support-icon .icon {
		width: 4rem;
	}
	.choose-psonic .support-list .support .support-icon .icon img {
		max-height: 55px;
	}
	.choose-psonic .support-list .support .support-details .support-title {
		font-size: 22px;
	}
	.choose-psonic .support-list .support .support-details .support-descripiton {
		font-size: 15px;
	}
	.gform_wrapper .top_label .gfield_label,
	.gform_wrapper legend.gfield_label {
		font-size: 15px;
	}
	.get-started .gform_wrapper .gform_footer input[type="submit"] {
		font-size: 18px;
		border-radius: 26px;
		padding: 8.5px 26.2px;
	}
	.gform_wrapper
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
		font-size: 15px !important;
	}
	button:not(.menu-toggle),
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		padding: 6px 23.7px;
	}
	body .gform_wrapper ul li.gfield.float-container {
		padding: 11px 26.2px;
		border-radius: 30px;
	}
	.footer .footer-top .footer-inner .footer-menu-title,
	.footer .footer-top .footer-inner .footer-address-title {
		font-size: 16px;
	}
	.footer .footer-top .footer-inner .footer-column-logo .tagline {
		font-size: 15px;
	}
	.footer .footer-top .footer-inner .footer-column-menu li {
		font-size: 15px;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li {
		font-size: 15px;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li:before {
		font-size: 15px;
	}
	.footer .footer-top .footer-inner .footer-column-address .social-media li a {
		font-size: 15px;
	}
	/* Features Page */
	.single-feature-banner .single-feature-left .single-feature-list li {
		font-size: 18px;
	}
	.single-description {
		font-size: 15px;
	}
	.benefits .benefits-left .benefits-details .benefits-list li {
		font-size: 15px;
	}
	.single-title {
		font-size: 26px;
	}
	.try .try-details .try-title {
		font-size: 26px;
	}
	.try .try-details .try-description {
		font-size: 18px;
	}
	.btn.btn-white {
		font-size: 18px;
	}
	.benefits .benefits-left .benefits-details .benefits-list li:before {
		background-size: 15px;
	}
	/* Partner Page */
	.partner-content .two-column .section-content .content-title {
		font-size: 26px;
	}
	.content-description {
		font-size: 15px;
	}
	.partner-content .two-column .section-image .image {
		width: 235px;
	}
	/* Pricing Page */
	.tabs-title li {
		font-size: 18px;
		border-radius: 34px;
	}
	.tabs-title li.active {
		width: 120px;
		margin: 0 -29px;
	}
	.tabs-title li:not(.active) {
		width: 163px !important;
	}
	.pricing-table thead th div {
		width: 130px;
	}
	.pricing-table thead th div .package-name {
		font-size: 26px;
	}
	.pricing-table thead th div .package-price {
		font-size: 18px;
	}
	.pricing-table .product-features li {
		font-size: 15px;
	}
}

/*------------ End of 1440px and 1024px media query -------------*/
/*---------------- Start of 1200px Media query -----------------*/
@media screen and (max-width: 1200px) {
	html {
		font-size: 1.02vw;
	}
	.get-started .gform_wrapper .gform_footer input[type="submit"] {
		margin-top: -63px;
		padding: 6.5px 26.2px;
	}
	body .gform_wrapper ul li.gfield.float-container {
		padding: 9px 26.2px;
	}
	.header-inner .site-branding {
		width: 34%;
	}
	.main-navigation {
		width: 47%;
	}
	.scrollbottom {
	    top: 56rem;
	}
}

/*--------------- End of 1200px Media Query ------------------*/
/*--------------- Start of 1100px Media Query ------------------*/
@media screen and (max-width: 1100px) and (min-width: 1024px) {
	.header-inner .get-started-btn {
		width: 14%;
	}
}

/*--------------- End of 1100px Media Query ------------------*/
/*--------------- Start of 1024px Media Query ------------------*/
@media screen and (max-width: 1024px) {
	.main-navigation {
		width: 42%;
	}
	.try {
		width: 100%;
		background-size: cover;
	}
	.try .try-details {
		width: 360px;
	}
	.single-feature-desc {
		margin-top: 50px;
	}
	.home-page-banner {
		flex-wrap: wrap;
	}
	.home-page-banner .banner-left {
		width: 38%;
	}
	.home-page-banner .banner-left .banner-left-inner {
		width: 100%;
	}
	.home-page-banner .banner-right {
		justify-content: center;
		width: 470px;
	}
	.home-page-banner .banner-right:before {
		right: 20px;
		background-size: 470px;
	}
	.home-page-banner .banner-right .banner-signup-form {
		width: 310px;
		padding: 24px;
		position: relative;
		right: -10px;
	}
	.container {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.home-features .features-inner .features-left {
		width: 52%;
	}
	.home-features .features-inner .features-right {
		width: 48%;
	}
	.home-features .features-inner .features-right .features-image {
		right: 0;
	}
	/* Get Started */
	.get-started .container {
		width: 80%;
	}
	body .gform_wrapper ul li.gfield.float-container {
		padding: 1.054rem 2.51rem;
	}
	.get-started .gform_wrapper .gform_footer input[type="submit"] {
		margin-top: -5.84rem;
	}
	.scrollbottom {
		top: 590px;
		top: 60rem;
		width: 28px;
		height: 28px;
	}
	.choose-psonic .support-list .support .support-icon .icon img {
		max-height: 45px;
	}
	/* Partner Page */
	.partner-content .two-column .section-content .content-title {
		font-size: 20px;
	}
	.partner-content .two-column .section-image .image {
		width: 200px;
	}
	.section .section-title {
		font-size: 30px;
	}
	.header-inner .site-branding {
		width: 36%;
	}
	.header-inner .site-branding img {
		width: 162px;
	}
	.footer .footer-top .footer-inner .footer-column-logo .footer-logo {
		width: 157px;
		min-height: 30px;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li {
		padding-left: 23px;
	}
	/* Pricing Page */
	.pricing-table thead th div .package-name {
		font-size: 22px;
	}
	.pricing-table thead th div .package-price {
		font-size: 15px;
	}
}

/*------------------- End of 1024px media query ----------------------*/
/*------------------- Start of 991px media query ----------------------*/
@media screen and (max-width: 991px) {
	.main-navigation {
		display: none;
	}
	.main-navigation.toggled {
		position: relative;
	}
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation .nav-menu {
		display: none;
	}
	.main-navigation .primary-container {
		position: absolute;
		width: auto;
	}
	#sidenav-toggle {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #fff;
		order: 3;
		width: 4%;
		font-size: 18px;
	}
	.header-inner .site-branding {
		width: 74%;
	}
	.header-inner .get-started-btn {
		width: 16%;
	}
}

/*------------------ Start of 900px Media Query ----------------------*/
@media screen and (max-width: 900px) {
	.scrollbottom {
		top: 565px;
	}
	.footer .footer-top .footer-inner .footer-column-menu,
	.footer .footer-top .footer-inner .footer-column-address {
		width: 28%;
	}
}

/*------------------- End of 900px Media Query ---------------------*/
/*------------------- Start of 840px Media Query -------------------*/
@media screen and (max-width: 840px) {
	.home-page-banner .banner-right {
		width: 430px;
	}
	.home-page-banner .banner-right:before {
		background-size: 430px;
	}
}

/*------------------- End of 824px Media Query ---------------------*/
/*------------------- Start of 767px Media Query ---------------------*/
@media screen and (max-width: 767px) {
	body {
		font-size: 13px;
	}
	.site-main {
		margin-top: 0;
	}
	.site-header {
		padding: 10px 0;
	}
	.contact {
    width: 80%;
    margin: 0 auto;
}
	.section {
		padding-top: 26px;
		padding-bottom: 26px;
	}
	.section.home-page-banner-wrap {
		padding-top: 26px;
	}
	.section .section-image {
		width: 56%;
	}
	.container {
		width: 100%;
		padding-left: 26px;
		padding-right: 26px;
	}
	.header-inner .site-branding {
		width: 73%;
	}
	.main-navigation {
		display: none;
	}
	.main-navigation.toggled {
		position: relative;
	}
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation .nav-menu {
		display: none;
	}
	.main-navigation .primary-container {
		position: absolute;
		width: auto;
	}
	#sidenav-toggle {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #fff;
		order: 3;
		width: 4%;
		font-size: 18px;
	}
	.scrollbottom {
		top: 420px;
		font-size: 24px;
	}
	.float-container {
		padding: 6px 14px;
		border-radius: 25px;
		margin: 20px 0;
	}
	.float-container input,
	.float-container textarea {
		font-size: 13px;
	}
	.float-container label:first-child {
		font-size: 13px;
	}
	.float-container [id$="-error"] {
		font-size: 12px;
		bottom: -18px;
	}
	.home-page-banner {
		flex-wrap: wrap;
	}
	.home-page-banner .banner-left {
		width: 40%;
	}
	.home-page-banner .banner-left .banner-left-inner {
		width: 280px;
		text-align: left;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-title {
		font-size: 28px;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-subtitle {
		font-size: 14px;
	}
	.home-page-banner .banner-right {
		justify-content: center;
		width: 380px;
		position: relative;
		right: -30px;
	}
	.home-page-banner .banner-right:before {
		right: 10px;
		background-size: 380px;
	}
	.home-page-banner .banner-right .banner-signup-form {
		width: 260px;
		padding: 24px;
		bottom: 4px;
		position: relative;
		right: 15px;
	}
	.home-page-banner .banner-right .banner-signup-form .form-header {
		margin-bottom: 25px;
	}
	.home-page-banner .banner-right .banner-signup-form .form-header .title {
		font-size: 18px;
	}
	.home-features .features-inner {
		flex-wrap: wrap;
	}
	.home-features .features-inner .features-left {
		margin-bottom: 15px;
	}
	.home-features .features-inner .features-left .features-list .feature {
		padding: 11px 14px;
		margin-bottom: 17px;
		border-left-width: 10px;
		flex-wrap: wrap;
	}
	.home-features .features-inner .features-left .features-list .feature:hover {
		border-left-width: 10px;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-icon .icon {
		width: 80%;
		max-width: 100%;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-icon .icon img {
		max-height: 55px;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-content .feature-title {
		font-size: 20px;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	.home-features .features-inner .features-right .features-image {
		right: 0;
		text-align: center;
	}
	.home-features .features-inner .features-right .features-image img {
		width: 56%;
	}
	.home-features .features-inner .features-left,
	.home-features .features-inner .features-right {
		width: 100%;
	}
	.btn {
		font-size: 14px;
		border-radius: 20px;
		padding: 3px 14px;
	}
	.btn.btn-signup {
		font-size: 12px;
		border-radius: 20px;
		padding: 5px 14px;
	}
	.schedule-demo .ctas .btn {
		margin: 28px 14px 0;
	}
	.form-control input[type="text"],
	.form-control input[type="email"],
	.form-control input[type="url"],
	.form-control input[type="password"],
	.form-control input[type="search"],
	.form-control input[type="number"],
	.form-control input[type="tel"],
	.form-control input[type="range"],
	.form-control input[type="date"],
	.form-control input[type="month"],
	.form-control input[type="week"],
	.form-control input[type="time"],
	.form-control input[type="datetime"],
	.form-control input[type="datetime-local"],
	.form-control input[type="color"],
	.form-control textarea,
	.form-control button,
	.form-control input[type="button"],
	.form-control input[type="reset"],
	.form-control input[type="submit"] {
		padding: 6.5px 14px;
		border-radius: 25px;
		line-height: 1;
	}
	button:not(.menu-toggle),
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		font-size: 14px;
	}
	.header-inner .get-started-btn {
		width: 95px;
	}
	.home-page-banner
.banner-right
.banner-signup-form
.form-header
.description {
		margin-top: 5px;
	}
	.section .section-title {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.section .section-description {
		font-size: 16px;
		width: 95%;
	}
	.choose-psonic .support-list .support .support-icon {
		width: 20%;
	}
	.choose-psonic .support-list .support .support-icon .icon {
		width: 100%;
	}
	.choose-psonic .support-list .support .support-icon .icon img {
		max-height: 45px;
	}
	.choose-psonic .support-list .support .support-details {
		width: 70%;
	}
	.choose-psonic .support-list .support .support-details .support-title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.get-started .container {
		width: 480px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields li {
		margin-bottom: 12px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields li:nth-child(4) {
		border-radius: 6px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields .float-container {
		padding: 4px 14px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_footer input[type="submit"] {
		font-size: 14px;
		line-height: 1.5;
		margin-top: -49px;
		padding: 3px 14px;
		border-radius: 20px;
	}
	.get-started .container .contact-form .gform_wrapper textarea.medium {
		height: 64px;
	}
	.footer .footer-top .footer-inner {
		flex-wrap: wrap;
	}
	.footer .footer-top .footer-inner .footer-menu-title,
	.footer .footer-top .footer-inner .footer-address-title {
		font-size: 16px;
		margin-bottom: 16px;
	}
	.footer .footer-top .footer-inner .footer-column-logo .footer-logo {
		width: 108px;
	}
	.footer .footer-top .footer-inner .footer-column-logo .tagline {
		width: 155px;
		margin-top: 7px;
	}
	.footer .footer-top .footer-inner .footer-column-menu li {
		margin-bottom: 8px;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li {
		margin-bottom: 9px;
		padding-left: 18px;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li:before {
		font-size: 13px;
	}
	.footer .footer-top .footer-inner .footer-column-address .social-media {
		margin-top: 17px;
	}
	.footer .footer-top .footer-inner .footer-column-address .social-media li {
		margin-right: 8px;
		width: 20px;
		height: 20px;
	}
	.footer .footer-top .footer-inner .footer-column-address .social-media li:hover {
		width: 20px;
		height: 20px;
	}
	.footer .footer-bottom {
		padding-bottom: 20px;
	}
	/* Features Page */
	.single-feature-banner .single-feature-left .single-feature-title {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.single-feature-banner .single-feature-left .single-feature-list {
		padding-left: 19.5px;
	}
	.single-feature-banner .single-feature-left .single-feature-list li {
		margin-bottom: 11px;
		font-size: 14px;
	}
	.single-feature-banner .single-feature-left .single-feature-list li:before {
		left: -19.5px;
		background-size: 10px;
	}
	.single-feature-banner .single-feature-right {
		right: 0;
	}
	.single-feature-banner .single-feature-right .single-feature-image {
		width: 330px;
		margin: 0 auto;
	}
	.benefits .single-description,
	.single-feature-desc .single-description {
		margin-bottom: 36px;
	}
	.benefits .single-title,
	.single-feature-desc .single-title {
		font-size: 22px;
		margin-top: 16px;
		margin-bottom: 10px;
	}
	.benefits .benefits-left .benefits-details .benefits-list {
		padding-left: 17px;
	}
	.benefits .benefits-left .benefits-details .benefits-list li {
		margin-bottom: 5px;
	}
	.benefits .benefits-left .benefits-details .benefits-list li:before {
		left: -17px;
		background-size: 10px;
	}
	.benefits .benefits-right .benefits-image {
		width: 190px;
	}
	.try {
		background-size: cover;
		background-repeat: no-repeat;
	}
	.try .try-details {
		right: -20px;
	}
	.try .try-details .try-title {
		font-size: 22px;
	}
	.try .try-details .try-description {
		font-size: 16px;
	}
	.try .try-details .try-cta {
		margin-top: 8px;
	}
	/* Partner Page */
	.page-title h1 {
		font-size: 28px;
	}
	.joinhands.section .section-title {
		text-align: left;
		font-size: 24px;
	}
	.joinhands.section .section-description {
		width: 80%;
		text-align: left;
		margin-left: 0;
	}
	.partner-content .two-column .section-content .content-title {
		font-size: 20px;
	}
	.partner-content .two-column .section-content .section-number {
		font-size: 10px;
	}
	.partner-content .two-column .section-content .section-number:before {
		left: -2px;
		bottom: -8px;
		width: 10px;
	}
	.partner-content .two-column .section-image .image {
		width: 200px;
	}
	/*Pricing Page*/
	.page-title {
		margin-top: 45px;
	}
	.product-features li {
		margin-bottom: 12px;
	}
	.tabs-title li.active {
		width: 85px;
		margin: 0 -20px;
		border: 2px solid #fff;
	}
	.tabs-title li:not(.active) {
		width: 115px;
	}
	.pricing-table thead th {
		padding: 13.5px 16px;
	}
	.pricing-table thead th div {
		width: 100%;
	}
	.pricing-table thead th .package-name {
		font-size: 20px;
	}
	.pricing-table thead th .package-price {
		font-size: 14px;
	}
	.pricing-table tbody tr:first-child td {
		padding-top: 20px;
	}
	.pricing-table td {
		padding: 10px 5px 3px 16px;
		width: 23%;
	}
	.pricing-table .product-features li {
		padding-left: 15px;
	}
	.pricing-table .product-features li i {
		margin-left: -12px;
		left: -7px;
	}
}

/*------------------- End of 767px Media Query ---------------------*/
/*----------------- Start of 685px Media Query -------------------*/
@media screen and (max-width: 685px) {
	.home-page-banner .banner-left {
		width: 30%;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-title {
		font-size: 23px;
	}
	.footer .footer-top .footer-inner {
		justify-content: space-around;
	}
	.footer .footer-top .footer-inner .footer-column-logo {
		width: 100%;
		margin-bottom: 26px;
	}
	.footer .footer-top .footer-inner .footer-column-logo .footer-logo {
		width: 190px;
		margin: 0 auto;
	}
	.footer .footer-top .footer-inner .footer-column-logo .tagline {
		width: 100%;
		text-align: center;
	}
	.footer .footer-top .footer-inner .footer-column-menu,
	.footer .footer-top .footer-inner .footer-column-address {
		width: 40%;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li:before {
		position: relative;
		margin-left: -12px;
		left: -5px;
	}
	.footer .footer-bottom {
		padding-bottom: 20px;
	}
}

/*------------------- End of 685px media query ----------------------*/
/*----------------- Start of 8678px Media Query -------------------*/
@media screen and (max-width: 678px) {
	.pricing-table .product-features li {
		word-break: break-all;
		overflow-wrap: break-word;
	}
}

/*----------------- End of 678px media query ---------------------*/
/*------------------- Start of 641px Media Query --------------------*/
@media screen and (max-width: 641px) {
	.gform_wrapper
input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]):not([type="submit"]) {
		line-height: 1 !important;
	}
	.get-started .gform_footer input[type="submit"] {
		margin-top: -50px !important;
	}
}

/*-------------------- End of 641px media query -----------------------*/
@media screen and (max-width: 688px) {
	#page:before,
	.single-product-feature #page:before {
		background-image: none;
	}
	.site-header {
		box-shadow: 0 1px 8px 0px #d4d4d4;
	}
	#sidenav-toggle {
		color: #000;
	}
	.btn.btn-signup {
		background-color: #000;
		color: #fff;
		border: 1px solid #000;
	}
	.btn.btn-signup:hover {
		background-color: #fff;
		border: 1px solid #000;
		color: #000;
	}
	.home-page-banner {
		flex-wrap: wrap;
	}
	.home-page-banner .banner-left {
		width: 100%;
		margin-bottom: 22px;
	}
	.home-page-banner .banner-left .banner-left-inner {
		width: 350px;
		text-align: center;
		margin: 0 auto;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-title {
		font-size: 30px;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-subtitle {
		font-size: 16px;
	}
	.home-page-banner .banner-right {
		justify-content: center;
		width: 100%;
		right: 0;
		position: static;
	}
	.home-page-banner .banner-right:before {
		right: 0;
		background-position: center;
		background-size: 495px;
	}
	.home-page-banner .banner-right .banner-signup-form {
		width: 300px;
		bottom: 2px;
		right: 0;
	}
	.home-page-banner .banner-right .banner-signup-form .form-header {
		margin-bottom: 25px;
	}
	.home-page-banner .banner-right .banner-signup-form .form-header .title {
		font-size: 18px;
	}
}

/*------------------- Start of 600px Media Query ---------------------*/
@media screen and (max-width: 600px) {
	.scrollbottom {
		display: none;
	}
	.choose-psonic .support-list .support {
		width: 100%;
	}
	.get-started .container {
		width: 100%;
	}
	.get-started .container .contact-form {
		width: 285px;
		margin: 0 auto;
		max-width: 100%;
	}
	.get-started .container .contact-form .gform_wrapper .gform_footer {
		margin-bottom: 12px !important;
		left: 1px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_footer input[type="submit"] {
		position: relative !important;
		width: 100% !important;
		margin-top: 0 !important;
		padding: 5px 14px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields li {
		width: 100%;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields li:nth-child(4) {
		position: relative;
		margin-bottom: 12px;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields li:nth-child(3) {
		margin-bottom: 12px !important;
	}
	.get-started .container .contact-form .gform_wrapper .gform_fields .float-container {
		padding: 6px 14px;
	}
	.float-container {
		padding: 8px 14px;
	}
	.form-control input[type="text"],
	.form-control input[type="email"],
	.form-control input[type="url"],
	.form-control input[type="password"],
	.form-control input[type="search"],
	.form-control input[type="number"],
	.form-control input[type="tel"],
	.form-control input[type="range"],
	.form-control input[type="date"],
	.form-control input[type="month"],
	.form-control input[type="week"],
	.form-control input[type="time"],
	.form-control input[type="datetime"],
	.form-control input[type="datetime-local"],
	.form-control input[type="color"],
	.form-control textarea,
	.form-control button,
	.form-control input[type="button"],
	.form-control input[type="reset"],
	.form-control input[type="submit"] {
		padding: 8.5px 14px;
	}
	.footer-top.section {
		padding: 26px 0 10px;
	}
	.footer-inner > div:last-child {
		margin-bottom: 10px;
	}
	.footer .footer-bottom {
		padding-bottom: 10px;
	}
	/* Partners Page */
	.partner-content .two-column {
		flex-wrap: wrap;
		margin-bottom: 25px;
	}
	.partner-content .two-column:nth-child(2n) .section-content {
		order: 1;
	}
	.partner-content .two-column:nth-child(2n) .section-content .section-number {
		left: 0;
	}
	.partner-content .two-column .section-content,
	.partner-content .two-column .section-image {
		width: 100%;
	}
	.partner-content .two-column .section-image {
		text-align: center;
	}
	.partner-content .two-column .section-image .image {
		margin: 0 auto;
	}
	.partner-content .two-column .section-content {
		margin-bottom: 20px;
	}
	.partner-content .two-column .section-content .section-number {
		position: relative;
		margin-bottom: 30px;
	}
	.joinhands.section .section-description {
		width: 100%;
	}
	.page-title h1 {
		font-size: 28px;
	}
	/* Pricing Page */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}
	.pricing-table thead th {
		border: none;
		border-bottom: 2px solid #fff;
		cursor: pointer;
	}
	.pricing-table thead th:last-child {
		border-bottom: none;
	}
	.pricing-table thead th.active {
		background-color: #38bbd8;
	}
	.pricing-table thead th div .package-name {
		font-size: 18px;
	}
	.pricing-table tbody tr td.active {
		display: table-cell;
	}
	.pricing-table tbody tr td.empty {
		display: none;
	}
	.pricing-table tbody tr td:not(:first-child) {
		display: none;
	}
	.pricing-table td {
		width: 100%;
		border-bottom: 1px solid #a6a6a6;
	}
}

/*------------------- End of 600px media query -----------------------*/
/*------------------ Start of 550px media query ----------------------*/
@media screen and (max-width: 550px) {
	.header-inner .site-branding {
		width: 68%;
	}
	/* Product Features */
	.single-feature-banner {
		flex-wrap: wrap;
	}
	.single-feature-banner .single-feature-left {
		width: 90%;
		margin-bottom: 25px;
	}
	.single-feature-banner .single-feature-right {
		width: 100%;
		right: 0;
	}
	.single-feature-banner .single-feature-right .single-feature-image {
		margin: 0 auto;
	}
	.benefits {
		flex-wrap: wrap;
	}
	.benefits .benefits-left {
		width: 100%;
		margin-bottom: 25px;
	}
	.benefits .benefits-right {
		width: 100%;
	}
	.benefits .benefits-right .benefits-image {
		width: 100%;
		text-align: center;
	}
	.benefits .benefits-right .benefits-image img {
		width: 190px;
	}
	.try {
		background-image: none !important;
		background-color: #38bbd8;
	}
	.try .try-details {
		width: 100%;
		right: 0;
		text-align: center;
	}
}

/*------------------- End of 550px media query ----------------------*/
/*----------------- Start of 480px Media Query --------------------*/
@media screen and (max-width: 480px) {
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}
	.section .section-title {
		font-size: 20px;
	}
	.section .section-description {
		font-size: 14px;
	}
	.section .section-image {
		width: 75%;
	}
	.header-inner .site-branding {
		width: 55%;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-title {
		font-size: 26px;
	}
	.home-page-banner .banner-left .banner-left-inner .banner-subtitle {
		font-size: 14px;
	}
	.home-page-banner .banner-right:before {
		background-size: 100%;
	}
	.home-features .features-inner .features-left .features-list .feature {
		padding: 22px 14px;
		text-align: center;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-icon {
		width: 100%;
		margin-bottom: 20px;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-icon .icon {
		width: 100%;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-icon .icon img {
		max-height: 65px;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-content {
		width: 100%;
	}
	.home-features .features-inner .features-left .features-list .feature .feature-content .feature-title {
		font-size: 18px;
	}
	.home-features .features-inner .features-right .features-image img {
		width: 70%;
	}
	.section.home-page-banner-wrap {
		padding-bottom: 16px;
	}
	.choose-psonic .support-list .support {
		text-align: center;
		margin-bottom: 30px;
	}
	.choose-psonic .support-list .support .support-icon {
		width: 100%;
	}
	.choose-psonic .support-list .support .support-details {
		width: 100%;
	}
	.choose-psonic .support-list .support .support-details .support-title {
		font-size: 18px;
	}
	.footer .footer-top .footer-inner .footer-column-menu,
	.footer .footer-top .footer-inner .footer-column-address {
		width: 100%;
		text-align: center;
	}
	.footer .footer-top .footer-inner .footer-column-address .social-media {
		justify-content: center;
	}
	.footer .footer-top .footer-inner .footer-column-address .address-details li {
		padding: 0;
	}
	.footer .footer-top .footer-inner > div {
		margin-bottom: 26px;
	}
	/* Partner Page */
	.partner-content .two-column .section-content .content-title {
		font-size: 18px;
	}
}

/*------------------- End of 480px media query ----------------------*/
/*------------------ Start of 374px Media Query --------------------*/
@media screen and (max-width: 374px) {
	.home-page-banner .banner-right:before {
		background-image: none;
	}
}

/*-------------------- End of 374px media query -----------------------*/


/*--------------- Custom Css for changes 08 Feb 2020 -------------*/

.home-page-banner .banner-left {
	position: relative;
    top: -2.33rem;  
}
body a:hover{
	text-decoration:underline;
}
.float-container.active .ginput_container input[type="text"]::-webkit-input-placeholder, .float-container.input-text-true .ginput_container input[type="text"]::-webkit-input-placeholder {
	visibility:visible !important;
}
form#gform_3 .float-container [id$="-error"] {
	color:#fff;
}
.ginput_container input[type="text"]::-webkit-input-placeholder {
    font-size:14px;
	color:#ccc; 
}