/*!
Theme Name: Nifty Comms
Theme URI: http://underscores.me/
Author: Nifty Comms
Author URI: https://niftycomms.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nifty-comms
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.

Nifty Comms is based on Underscores https://underscores.me/, (C) 2012-2020 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:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! 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;
	-webkit-text-size-adjust: 100%;
}

/* 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;
	height: 0;
	overflow: visible;
}

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

/* 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;
	text-decoration: underline;
	text-decoration: underline dotted;
}

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

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

/**
 * 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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

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

/**
 * 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;
	outline-offset: -2px;
}

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

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

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #5A5B5D;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

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

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

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

/* Forms
--------------------------------------------- */

.page div.wpcf7-response-output {
padding: 17.5px;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border-radius: 32px;
}

.page span.wpcf7-not-valid-tip {
    text-align: left;
    font-size: 0.9em;
    margin-top: 5px;
}

label {
    font-weight: bold;
}

fieldset {
    width: 50%;
    float: left;
    border: none;
    margin: 0;
    padding: 0 15px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;        
}

fieldset:last-of-type {
    float: right;
    padding-right: 0;
    padding-left: 15px;
}

.wpcf7 button,
.wpcf7 input[type="button"],
.wpcf7 input[type="reset"],
.wpcf7 input[type="submit"] {
    display: block;
    -webkit-appearance: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%; 
	color: rgba(255,255,255,1);
	font-weight: normal;
	font-size: 14px;
	background-color: rgba(56,69,96,1);
	display: inline-block;
	padding: 10px 20px;	
}

.wpcf7 button:hover,
.wpcf7 input[type="button"]:hover,
.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover {
	background-color: rgba(211,232,225,1);
	color: rgba(56,69,96,1);
}

select,
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: rgba(39,40,46,1);
    font-size: 1em;
	border: none;
	padding: 10px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 25px;
}

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

span.wpcf7-list-item {
    margin: 10px 0 0;
    display: block;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	float: right;
	width: 85%;
	padding-top: 10px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

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

.main-navigation li {
	position: relative;
	display: inline-block;
	font-size: 24px;
	margin-left: 75px;
	font-weight: 400;
}

.main-navigation li:first-of-type {
	margin-left: 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #5A5B5D;
}

.main-navigation a:hover {
	color: #61BCBF;	
}

.main-navigation li.current-menu-item a {
	color: #61BCBF;
}

.main-navigation li.btn a {
	background-color: #ED6A5B;
	color: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #555;
	line-height: 1em;
	font-weight: bold;
	padding: 5px 15px;
	transition: transform .3s;
}

.main-navigation li.btn a:hover {
	transform: scale(1.02);
}


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

.post,
.page {
	margin: 0;
}

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

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

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

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0;
}

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

/* 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 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;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

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

.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: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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





@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff'),
        url('fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Regular.eot');
    src: url('fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('fonts/BebasNeue-Regular.woff') format('woff'),
        url('fonts/BebasNeue-Regular.ttf') format('truetype'),
        url('fonts/BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff'),
        url('fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	background-color: #F5FAF6;
}

body, button, input, select, optgroup, textarea {
    font-family: 'Proxima Nova Rg';	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.2em;
    font-family: 'Bebas Neue';	
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
    /*-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; */   
}


header {
	padding: 30px 0;
}
/*
footer  .center-content,
header .center-content {
	padding: 0 40px;
}
*/
#site-logo {
	float: left;
	width: 15%;
}

#site-logo img {
	max-width: 180px;
	transition: transform .3s;
}

#site-logo img:hover {
	transform: scale(1.02);
}


.center-content {
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
}


main section ul::after,
main section::after,
.center-content::after {
    content: '';
    display: block;
    clear: both;    
}


video {
	width: 100%;
}

main section {
	padding: 90px 0;
}

main section.hero { 
	padding: 90px 0; 
}

main section.hero.bottom {
	padding-bottom: 0;
}

.hero .column.right img {
	vertical-align: bottom;
}

main section h1 {
	color: #5A5B5D;
	font-size: 110px;
	line-height: 0.9em;		
	max-width: 567px;
}

main section h2 {
	font-size: 100px;
	line-height: 0.9em;	
}

main section h6 {
	font-size: 25px;
    font-family: 'Proxima Nova Rg';		
	margin-bottom: 30px;
}

main section p {
	font-size: 30px;
	margin: 0;
	padding: 5px 0;	
	line-height: 1.2em;
}

main section mark {
border-radius: 10px;
  box-shadow: 3px 3px 2px #555;
  line-height: 0.9em;
margin: 7.5px 0 15px;
  padding: 7.5px 10px 0;
  display: inline-block;
}

main section p mark {
	padding: 0 10px;
}

.are-you-ready mark,
.case-studies mark,
.supercharge-brand mark,
.why-nifty mark,
h1 mark {
	background-color: #ED6A5B;
	color: #fff;
}

.quote-block mark,
.orange mark {
	background-color: #FFEE66;
	color: #5A5B5D;
}

.single-case-study main section.case-studies h2 mark,
.popular-services mark,
.blogs mark,
.logos mark {
	background-color: #5A5B5D;
	color: #fff;	
}

.services mark,
.faqs mark {
	background-color: #45BABF;
	color: #fff;	
}

.green {
	background-color: #45BABF;
}

footer,
.grey {
	background-color: #5A5A59;
}

.orange {
	background-color: #ED6A5B;
}

.newsletter,
.blogs,
.faqs,
.testimonials,
.popular-services,
.services,
.logos,
footer,
.grey {
	color: #fff;
}

main section ul,
main section ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

main section li {
	display: inline-block;
}

.newsletter,
.btn-wrapper,
.testimonials,
.services,
.case-studies,
.logos {
	text-align: center;
}

.quote,
.services h2,
.services p,
.logos p {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}

.quote {
	max-width: 960px;	
}

.quote p {
	line-height: 1.4em;	
	margin-top: 20px;
}

.quote p.quote-name {
	text-align: right;
	line-height: 1.2em;
	margin-top: 30px;	
}

.services p {
	max-width: 1000px;
	line-height: 1.4em;
	margin-top: 20px;
}

a.btn {
	text-decoration: none;
	background-color: #ED6A5B;
	color: #fff;
	box-shadow: 0px 3px 6px #000000CC;
	border: 1px solid #FFFFFF;
	border-radius: 39px;
	font-size: 22px;
	margin-top: 50px;
	padding: 10px 30px;
	display: inline-block;
	font-weight: bold;
	transition: transform .3s;
}

.hero a.btn {
	margin-top: 25px;
}

.zoom-social-icons-shortcode li {
	transition: transform .3s;	
}

.zoom-social-icons-shortcode li:hover {
	transform: scale(1.05);
}

.testimonials a.btn {
	background-color: #FFEE66;
	color: #5A5B5D;
}

a.btn:hover {
	transform: scale(1.02);
}


.swiper {
	margin-top: 90px;
}

.logos li {
	width: 14%;
	text-align: center;
}

.logos img {
	max-height: 116px;
}


main section.hero p {
	max-width: 567px;
	margin-top: 20px;
	padding-left: 10px;
	line-height: 1.1em;	
}




main section .alm-btn-wrap .alm-load-more-btn {
font-size: 22px;
  height: auto;
  padding: 20px 40px 15px;
  box-shadow: 0px 3px 6px #000000CC;
  border: 1px solid #FFFFFF;
  border-radius: 39px;
  font-family: 'Proxima Nova Rg';
  font-weight: bold;	
}

main section .alm-btn-wrap .alm-load-more-btn:hover {
  transform: scale(1.02);
}

.column {
	float: left;
	width: 50%;
}

.left {
	padding-right: 25px;
}

.right {
	padding-left: 25px;
}





/*
.grey-content .center-content,
.orange-content .center-content,
.green-content .center-content,
.featured-case-study .center-content,
.services-list-section .center-content,
.why-you-need .center-content,
.happen .center-content,
.content-section .center-content,
.pale-contact-form .center-content,
.deliver-results .center-content,
.why-choose-nifty .center-content,
.services-list .center-content,
.are-you-ready .center-content,
.single main .center-content,
.hero .center-content,
.case-studies .center-content,
.popular-services .center-content,
.why-nifty .center-content,
.blogs .center-content,
.supercharge-brand .center-content,
.faqs .center-content*/
.center-content {
	max-width: 1686px;
}

.accordion-item {
    border: 1px solid #61bcbf;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.accordion-header {
    background: #7c7d7e;
    padding: 25px 25px 25px 25px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
    position: relative;
    color: #ffffff;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1em;
    font-family: 'Bebas Neue';
}

.accordion-header:hover {
    background: #7c7d7e;
}

.accordion-header::after {
    content: '▼';
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #61bcbf;
}

.accordion-item.open .accordion-header::after {
    content: '▲';
}

.accordion-content {
    display: none;
    padding: 0px 30px 30px;
    background: #7c7d7e;
	color: #fff;
}

.faqs h2 {
	margin-bottom: 70px;
}

.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single > .ea-header a {
	font-size: 40px;
}

.faqs.grey #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p,
.faqs.grey #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
	background: #7c7d7e;
}

.faqs.grey #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
	padding: 0 30px;
}

.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p {
	margin: 15px 0;
	font-size: 25px;
	line-height: 1.4em;
	color: #fff;
}

.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p:first-of-type {
	margin-top: 0;
}






.archive-post-list ul {
	margin-top: 90px;
}

.archive-post-list ul li {
	text-align: center;
	width: 25%;
	float: left;
	margin-bottom: 50px;
}

.archive-post-list li:nth-child(4n+1) {
	padding-right: 50px;
}
  
.archive-post-list li:nth-child(4n+2) {
	padding-left: 25px;
	padding-right: 25px;
}
  
.archive-post-list li:nth-child(4n+3) {
	padding-left: 25px;
	padding-right: 25px;
}

.archive-post-list li:nth-child(4n+4) {
	padding-left: 50px;
}

.archive-post-list li:nth-child(4n+5) {
	clear: both;
}
 
.archive-post-list ul li img {
	max-height: 360px;
}

.archive-post-list ul h3 {
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 30px;
}

.archive-post-list ul h3 a {
	text-decoration: none;
	color: #5A5B5D;
}

.archive-post-list ul li ul {
	margin-top: 0;
}

.archive-post-list ul li ul li {
	display: inline-block;	
	padding: 0 4px;
	font-size: 20px;
	margin-bottom: 0;
	float: none;
	width: auto;
}

.archive-post-list ul li ul li:nth-child(4n+1) {
	padding-right: 4px;
}
  
.archive-post-list ul li ul li:nth-child(4n+2) {
	padding-left: 4px;
	padding-right: 4px;
}
  
.archive-post-list ul li ul li:nth-child(4n+3) {
	padding-left: 4px;
	padding-right: 4px;
}

.archive-post-list ul li ul li:nth-child(4n+4) {
	padding-left: 4px;
}

.archive-post-list ul li ul li:nth-child(4n+5) {
	clear: none;
}

.archive-post-list ul li ul li a {
	text-decoration: none;
	background-color: #ED6A5B;
	color: #fff;
	border-radius: 5px;
	box-shadow: 3px 3px 2px #555;
	line-height: 1em;
	margin: 0;
	display: block;
	padding: 1px 5px;
	transition: transform .3s;
}

.archive-post-list ul li ul li a:hover {
	transform: scale(1.02);
}





.error-404 {
	text-align: center;
	min-height: 600px;	
}

main section.error-404 h1 {
	margin: 0 auto 25px;
}


.case-studies li {
	text-align: center;
}

.popular-services li img,
.case-studies li img {
	max-height: 360px;
	transition: transform .3s;
}

.popular-services li img:hover,
.case-studies li img:hover {
	transform: scale(1.02);
}

.case-studies h3 {
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 30px;
}

.case-studies h3 a {
	text-decoration: none;
	color: #5A5B5D;
}

.case-studies li ul li {
	display: inline-block;	
	padding: 0 4px;
	font-size: 20px;
}

.case-studies li ul li a {
	text-decoration: none;
	background-color: #ED6A5B;
	color: #fff;
	border-radius: 5px;
	box-shadow: 3px 3px 2px #555;
	line-height: 1em;
	margin: 0;
	display: block;
	padding: 1px 5px;
	transition: transform .3s;
}

.case-studies li ul li a:hover {
	transform: scale(1.02);
}

.case-studies .main-slider-wrapper {
	margin-top: 45px;
}

.case-studies.orange h3 a {
	color: #fff;
}

.case-studies.orange li ul li a {
background-color: #FFEE66;
  color: #5A5B5D;
}

.testimonials.orange .main-slider-wrapper {
	max-width: 1260px;
	margin: 0 auto;
}

.main-slider-wrapper {
	position: relative;
}

.sliderwrapper {
	margin: 0 60px;
	position: relative;
	z-index: 100;
}

.tns-outer {
	position: relative;
	z-index: 2;
}

button.auto {
	display: none;
}

.controls {
	position: absolute;
	margin-top: 0;
	left: 0;
	right: 0;
	top: 35%;
	z-index: 99;
}

.controls .previous {
    float: left;
}

.controls .next {
    float: right;		
}

.controls button {
	background: none;
	color: #fff;
	border: none;
	padding: 0;
	font-size: 0;
	cursor: pointer;
	transition: transform .3s;	
}
	
.controls button:hover {
	transform: scale(1.05);
}

.auto {
	display: none;
}


.why-nifty h2 {
	margin-bottom: 20px;
}

.why-nifty ul {
	margin-top: 50px;
}

.why-nifty li {
	text-align: center;
	width: 33.3%;
	float: left;
}

.why-nifty h3 {
	font-size: 40px;
	color: #5A5B5D;
	line-height: 1em;
	margin-top: 10px;
}

.faqs .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
	padding: 20px;
}

.faqs .sp-easy-accordion .sp-ea-single .ea-header a {
	font-size: 30px;
}

.faqs .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body,
.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single {
	border-radius: 10px;
}

.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
	background-color: #eee;
}

.faqs .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
	padding: 5px 25px 25px;
}

main section.faqs p {
	font-size: 24px;
}


.popular-services h2 {
	margin-bottom: 10px;
}

.popular-services .main-slider-wrapper {
	margin-top: 80px;
}

.popular-services li {
	text-align: center;
}

.popular-services h3 {
	background-color: #5A5B5D;
	color: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #555;
	line-height: 1em;
	margin: 0;
	padding: 7.5px 12.5px;
	display: inline-block;	
	font-size: 40px;
	margin-top: 20px;
	transition: transform .3s;
}

.popular-services h3:hover {
	transform: scale(1.02);
}

.popular-services a.btn {
	margin-top: 80px;
}



.supercharge-brand h2 {
	max-width: 700px;
	line-height: 0.9em;
	margin-top: 30px;
}

/*
main section.supercharge-brand mark {
	line-height: 0.75em;
	padding: 5px 10px 0;
}
*/

.blogs h2 {
	margin-bottom: 10px;
}

.blogs ul {
	margin-top: 60px;
}

.blogs li {
	float: left;
	width: 33.3%;
}

.blogs li:nth-child(3n+1) {
	padding-right: 40px;
}
  
.blogs li:nth-child(3n+2) {
	padding-left: 20px;
	padding-right: 20px;
}
  
.blogs li:nth-child(3n+3) {
	padding-left: 40px;
}

.blogs li:nth-child(3n+4) {
	clear: both;
}

.news-thumbnail {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 350px;
	position: relative;
	overflow: hidden;
}

.excerpt {
	padding: 0 20px 20px;
}

.excerpt p {
	font-size: 22px;
}

.news-thumbnail:hover .excerpt {
}

.blogs li a {
	color: #fff;
	text-decoration: none;
}

.blogs li h3 {
font-size: 45px;
  margin-bottom: 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75); 
}

.blogs .summary {
position: absolute;
  bottom: 25px;
  width: 100%;
  padding: 0 25px;
  text-align: left;
}

.blogs .news-thumbnail:hover .summary {
	bottom: 50px;
}

.blogs .summary p {
	font-size: 22px;
	text-align: center;
}


.newsletter form {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
}

.newsletter li {
	padding: 0 10px;
	float: left;
	width: 28%;
}

.newsletter li:last-of-type {
	width: 14%;
}

.newsletter input {
	border-radius: 30px;
	font-size: 18px;
	padding: 10px 20px;
	color: #61BCBF;
}

.newsletter .wpcf7 input[type="submit"] {
	background-color: #FE6;
	color: #5A5B5D;
	font-size: 25px;
	font-family: 'Bebas Neue';
	text-transform: lowercase;
	box-shadow: 0px 3px 6px #000000CC;
	border: 1px solid #FFFFFF;
	padding: 4px;
	transition: transform .3s;
}

.newsletter .wpcf7 input[type="submit"]:hover {
	transform: scale(1.02);
}





 




main section#post-content {
	padding: 45px 0 80px;
}

main section#breadcrumbs {
	font-size: 25px;
	padding: 50px 10px 0;
}

#breadcrumbs a {
	text-decoration: none;
	color: #5A5B5D;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size .3s;	
}

#breadcrumbs a:hover {
	background-size: 100% 1px;
}

main section#author-socials {
	padding: 0 10px;
}

.single-case-study main section#author-socials {
	padding: 0;
}

main section#post-title {
	padding: 45px 10px 0;
}


#author-details,
#top-socials {
	display: inline-block;
}

main #top-socials section {
	padding: 22px 0 0;
}

#author-details {
	padding-right: 60px;
}

.single main section h1 {
	font-size: 100px;
	max-width: none;
}

#author-avatar {
	display: inline-block;
	vertical-align: middle;
	padding-right: 15px;
}

#author-name {
	font-weight: bold;
	font-size: 25px;
}

#modified-date {
	font-size: 20px;
}

#author-avatar img {
	border-radius: 50%;
}

#author-info {
	display: inline-block;
	vertical-align: middle;
}

main section#feature-image {
	padding: 45px 0;
}

#post-content aside {
	float: left;
	background-color: #fff;
	border: 5px solid #61BCBF;
	padding: 50px 25px;
	width: 32.5%;	
	border-radius: 9px;
}

#post-content aside img {
	margin-bottom: 20px;
}

.single-case-study #post-content aside {
	border: none;
}

#post-content aside h2 {
	font-size: 60px;
	margin-bottom: 30px;
}

#post-content aside ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#post-content aside li {
	padding: 2.5px 0;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Bebas Neue';
	display: block;
}

#post-content aside a {
	text-decoration: none;
	color: #5A5B5D;
}

#post-content aside a:hover {
	color: #ED6A5B;
}

#post-content article {
	float: right;
	width: 67.5%;
	padding-left: 100px;
}

#post-content.table-of-contents-no article {
	float: none;
	width: 100%;
	padding-left: 0;
}

.post-block h1,
.post-block h2,
.post-block h3,
.post-block h4,
.post-block h5,
.post-block h6 {
	font-family: 'Proxima Nova Rg';
	margin-bottom: 35px;
}

.post-block h2 {
	font-size: 70px;
}

.post-block h3 {
	font-size: 60px;
}

.post-block p {
	margin-bottom: 40px;
}

.post-block p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

main section#post-content.table-of-contents-no {
	margin: 40px 0;
	padding: 40px;
	background-color: #fff;
}

.table-of-contents-no p {
font-size: 25px;
  line-height: 1.6em;
  margin: 0 0 0.75em;
  padding: 0;
}

.table-of-contents-no h1 {
	font-size: 110px;
	margin-bottom: 2rem;

}

.table-of-contents-no h2 {
	font-size: 3.75rem;
margin-bottom: 1.5rem;
  margin-top: 3rem;
}


.table-of-contents-no h3 {
font-size: 3rem;
margin-bottom: 1.5rem;
  margin-top: 3rem;
}

.table-of-contents-no h4 {
		font-size: 2.5rem;
margin-bottom: 1.5rem;
  margin-top: 3rem;
}

.table-of-contents-no h5 {
	font-size: 2rem;
margin-bottom: 1.5rem;
  margin-top: 3rem;
}

.table-of-contents-no  a {
	color: #45BABF;
  text-decoration: none;
}

.table-of-contents-no h6 {
font-size: 1.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}

.table-of-contents-no ol, .table-of-contents-no ul {
  padding-left: 20px;
  margin-top: 0;
  margin-left: 15px;
}

.table-of-contents-no ul  {
list-style: none;
}

.table-of-contents-no li {
margin-bottom: 0.5rem;
  font-size: 25px;
  line-height: 1.6em;
}

.table-of-contents-no ul li::before {
		content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color:#45BABF; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1.2em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	font-size: 12px;
	vertical-align: 1.5px;
}

.table-of-contents-no ul.zoom-social-icons-list {
	padding: 0;
	margin: 0;
}

.table-of-contents-no ul.zoom-social-icons-list li::before {
	content: none;
}

.text-block {
	padding: 80px 40px;
	background-color: #fff;
}

.image-block {
	padding: 80px 0;
}

.quote-block {
	background-color: #ED6A5B;
	margin: 50px 0;
	padding: 45px 90px;
	border-radius: 9px;
	color: #fff;
	font-size: 30px;
}

.quote-name {
	text-align: right;
}

main section .quote-block p {
	font-size: 35px;
}

main section .quote-name p {
	font-size: 30px;
}

main #bottom-socials section {
	padding: 60px 0 0;
}

.single-case-study main #bottom-socials section {
	padding: 0;
}




.single-case-study main section.case-studies h2 {
	text-align: left;
	color: #fff;	
}

.single-case-study .case-studies h3 a,
.single-case-study .case-studies {
	color: #fff;
}

.single-case-study .case-studies li ul li a {
	background-color: #5A5A59;
}



/*--------------------------------------------------------
# About Page - Why Nifty Section  */

.team-members,
.how-we-do-it,
.about-why-nifty {
	text-align: center;
	color: #fff;
}

.about-why-nifty mark {
	background-color: #5A5B5D;
	color: #fff;	
}

p.intro {
	max-width: 800px;
	margin: 25px auto;
}

.about-why-nifty ul {
	margin-top: 50px;
}

.about-why-nifty li {
	padding:0 35px;
	vertical-align: text-top;
	width: 20%;
	float: left;	
}

.about-why-nifty li h3 {
	font-size:60px;
}

.about-why-nifty li p {
	font-size: 20px;
	width: 100%;
	max-width: 270px;
	margin: 0 auto;
}


/*--------------------------------------------------------
# About Page - How We Do It Section  */

.how-we-do-it .center-content {
	max-width: 1050px;
}

.how-we-do-it mark {
	background-color: #45BABF;
	color: #fff;
}


/*--------------------------------------------------------
# About Page - Our Process Section  */

.our-process {
	color: #fff;
}

.our-process .center-content {
	max-width: 1500px;
}

.page-template-page-about .our-process h2 mark {
	color: #5A5A59;
	background-color: #FFEE66;
}

.our-process h2 {
	margin-bottom: 20px;
}

.our-process a.btn {
	background-color:#FFEE66;
	margin-top: 25px;
	color:#5A5B5D;
}

.our-process .main-slider-wrapper {
	margin-top: 60px;
}

.process-thumb {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 270px;
	position: relative;
	text-align: center;
}

.process-thumb h3 {
	position: absolute;
	bottom: 0;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 200px;	
	font-size: 35px;
}

.our-process mark {
	background-color: #5A5A59;
	color: #fff;
}


/*--------------------------------------------------------
# About Page - Meet Nifty Section  */

.team-members .center-content {
	max-width: 1500px;
}

.team-members h2 {
	margin-bottom: 30px;
}

.team-members mark {
	background-color: #5A5A59;
	color: #fff;
}

.team-members li {
	width:33.3%;
	float: left;
	margin-top: 50px;
}

.team-members li:nth-child(3n+1) {
	padding-right: 80px;
}
  
.team-members li:nth-child(3n+2) {
	padding-left: 40px;
	padding-right: 40px;
}
  
.team-members li:nth-child(3n+3) {
	padding-left: 80px;
}

.team-members li:nth-child(3n+4) {
	clear: both;
}

.team-members li img {
	vertical-align: bottom;
}

.team-members h3 {
	font-size: 50px;
	background-color: #5A5A59;
	color: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #555;
	line-height: 0.9em;
	padding: 7.5px 10px 0;
}

.team-members h4 {
	font-size: 25px;
	color: #5A5B5D;
	font-family: 'Proxima Nova Rg';
	background-color: #FFEE66;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 13px;
	padding: 7.5px 0;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	margin-top: 0px;
	border-radius: 0 0 13px 13px;
	margin-top: 3px;
}


/*--------------------------------------------------------
# About Page - Are You Ready Section  */

.are-you-ready .column.left {
	width: 40%;
	padding-top: 100px;
}

.are-you-ready .column.right {
	width: 60%;
}





/*--------------------------------------------------------
# Services Page - Services Section  */

.services-list {
	color: #fff;
}

.services-list a {
	color: #fff;
	text-decoration: none;
	transition: transform .3s;
	display: block;
}

.services-list a:hover {
	transform: scale(1.02);
}

.services-list .left {
	max-width: 600px;
}

.services-list h2 {
  	line-height: 1.1em;
}

.services-list .right {
	float: right;
	font-family: 'Bebas Neue';
	font-size:40px;
}

.services-list li {
	display: block;
	line-height: 1em;
	padding: 4px 0;
}

.services-list.green mark {
	background-color: #5A5B5D;
	color: #fff;
}

.services-list.grey mark {
	background-color: #45BABF;
	color: #fff;
}


/*--------------------------------------------------------
# Services Page - Why Choose Section  */

.why-choose-nifty {
	color: #fff;
	padding-bottom: 0;
}

.why-choose-nifty h2 {
	margin-bottom: 50px;
}

.why-choose-nifty a.btn {
	background-color: #FFEE66;
	color: #5A5B5D;
}

.why-choose-nifty .right img {
	max-height:550px;
	vertical-align: bottom;
}


/*--------------------------------------------------------
# Services Page - Deliver Results Section  */

.deliver-results {
	color: #fff;
}

.deliver-results h2 {
	max-width: 780px;
	margin-bottom: 125px;
}

.deliver-results mark {
	background-color: #5A5B5D;
	color: #fff;
}

.deliver-results ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.deliver-results li {
	float: left;
	width:25%;
	padding-right: 80px;
}

.deliver-results h3 {
	font-size: 60px;
	line-height: 1em;
	max-width: 200px;
	margin-bottom: 30px;
}

.deliver-results li p {
	line-height: 1.2em;
	font-size:25px;
}


/*--------------------------------------------------------
# Services Page - Time To Be Nifty Section  */

.pale-contact-form mark {
	background-color: #ED6A5B;
	color: #fff;
}

.pale-contact-form h2 {
	max-width: 370px;
	margin-bottom: 50px;
}

.pale-contact-form .left p {
	max-width: 500px;
}

.contact-form select, 
.contact-form input[type="text"],
.contact-form input[type="email"], 
.contact-form textarea,
.pale-contact-form select, 
.pale-contact-form input[type="text"], 
.pale-contact-form input[type="email"], 
.pale-contact-form textarea {
	box-shadow: inset 2px 3px 6px #0000009D;
	border: 2px solid #61BCBF;
	border-radius: 32px;
	color: #FFFFFF;
	background-color: #7C7D7E;
	text-transform: uppercase;
	padding: 10px 25px;
	font-size: 0.7em;
	margin-bottom: 10px;
}

/* Placeholder text styling */
.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder,
.contact-form textarea::placeholder,
.pale-contact-form input[type="text"]::placeholder,
.pale-contact-form input[type="email"]::placeholder,
.pale-contact-form textarea::placeholder {
	color: #FFFFFF;
	opacity: 1;
}

/* Webkit browsers (Chrome, Safari, Edge) */
.contact-form input[type="text"]::-webkit-input-placeholder,
.contact-form input[type="email"]::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder,
.pale-contact-form input[type="text"]::-webkit-input-placeholder,
.pale-contact-form input[type="email"]::-webkit-input-placeholder,
.pale-contact-form textarea::-webkit-input-placeholder {
	color: #FFFFFF;
}

/* Firefox */
.contact-form input[type="text"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder,
.contact-form textarea::-moz-placeholder,
.pale-contact-form input[type="text"]::-moz-placeholder,
.pale-contact-form input[type="email"]::-moz-placeholder,
.pale-contact-form textarea::-moz-placeholder {
	color: #FFFFFF;
	opacity: 1;
}

/* Internet Explorer 10+ */
.contact-form input[type="text"]:-ms-input-placeholder,
.contact-form input[type="email"]:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder,
.pale-contact-form input[type="text"]:-ms-input-placeholder,
.pale-contact-form input[type="email"]:-ms-input-placeholder,
.pale-contact-form textarea:-ms-input-placeholder {
	color: #FFFFFF;
}

.contact-form .wpcf7 input[type="submit"],
.pale-contact-form .wpcf7 input[type="submit"] {
	text-decoration: none;
	background-color: #ED6A5B;
	color: #fff;
	box-shadow: 0px 3px 6px #000000CC;
	border: 1px solid #FFFFFF;
	border-radius: 39px;
	font-size: 22px;
	margin-top: 0px;
	padding: 10px 40px;
	display: block;
	transition: transform .3s;	
	font-size: 0.7em;
	width:auto;
	text-transform: none;
}

.contact-form .wpcf7 input[type="submit"] {
	background-color: #5A5B5D;
}

.contact-form .wpcf7 input[type="submit"]:hover,
.pale-contact-form .wpcf7 input[type="submit"]:hover {
	transform: scale(1.02);
}




.tns-slider {
  transition-timing-function: linear !important;
}

#contact ul li:last-of-type {
	margin-right: 0;
}

#contact ul li:last-of-type .fa {
	padding-right: 0;
}


/*--------------------------------------------------------
# Sub Services Page - Hero Section  */

.page-template-page-services-sub main section.hero p {
	max-width: 620px;
}


/*--------------------------------------------------------
# Sub Services Page - Content Area Section  */


.content-section.pale {
	padding-bottom: 0;
}

.content-section.pale .right {
	 margin-top: 90px;
}

.content-section.green {
	color: #fff;
	padding-bottom: 0;
}

.content-section.pale .right img,
.content-section.green .left img {
	vertical-align: bottom;
}

.content-section h2 {
	margin-bottom: 50px;
	margin-top: 25px;
	line-height: 1.1em;
}

.content-section mark {
	background-color: #5A5A59;
	color: #fff;	
}

.pale.content-section h2 {
	line-height:1em;
}

.pale.content-section h2 mark {
	background-color: #ED6A5B;
}


/*--------------------------------------------------------
# Sub Services Page - Why You Need Section  */

.why-you-need {
	color: #fff;
	text-align: center;
}

.why-you-need h2 {
	margin-bottom: 40px;
}

.why-you-need mark {
	background-color: #5A5A59;
	color: #fff;		
}

.why-you-need p {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.why-you-need a.btn {
	background-color: #FFEE66;
	color: #5A5B5D;
}


/*--------------------------------------------------------
# Sub Services Page - Let's Make It Happen Section  */

.happen h2 {
	color: #5A5B5D;
	margin-bottom: 50px;
}

.happen h2 mark {
	background-color:#ED6A5B;
	color: #fff;
}

.happen .left {
	width: 40%;
}

.happen .right {
	width: 60%;
}


/*--------------------------------------------------------
# Sub Services Page - Our Approach Section  */

.services-list-section {
	color: #fff;
}

.services-list-section h2 {
	max-width: 780px;
	margin-bottom: 125px;
}

.services-list-section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*
.services-list-section.grey {
	float: left;
	width: 25%;
	padding-right: 80px;	
}
*/
.services-list-section h3 {
	font-size: 60px;
	line-height: 1em;
	/*max-width: 200px;*/
	margin-bottom: 30px;
}

ul.service-rows {
	    display: grid;
gap: 50px;
}

ul.services-list.service-rows-1 {
    grid-template-columns: repeat(var(--columns, 1), 1fr);
}

ul.services-list.service-rows-2 {
    grid-template-columns: repeat(var(--columns, 2), 1fr);
}

ul.services-list.service-rows-3 {
    grid-template-columns: repeat(var(--columns, 3), 1fr);
}

ul.services-list.service-rows-4 {
    grid-template-columns: repeat(var(--columns, 4), 1fr);
}

ul.services-list.service-rows-5 {
    grid-template-columns: repeat(var(--columns, 5), 1fr);
}

ul.services-list.service-rows-6 {
    grid-template-columns: repeat(var(--columns, 6), 1fr);
}

ul.services-list.service-rows-7 {
    grid-template-columns: repeat(var(--columns, 7), 1fr);
}

/*
.approach li {
	width: 20%;
	padding-right: 50px;
	float: left;
}
*/

.services-list-section li p {
	line-height: 1.2em;
	font-size: 25px;
}

.services-list-section li mark {
	background-color: #FFEE66;
	color: #5A5B5D;
}


/*--------------------------------------------------------
# Sub Services Page - Tools We Use Section  */

.services-list-section.grey mark {
	background-color: #45BABF;
	color: #fff;
}

.services-list-section.grey h2 {
	margin-bottom: 25px;
}

.services-list-section ul.tools {
	margin-top: 100px;
}

/*
.tools li {
	width: 33.3%;
	padding-right: 80px;
	float: left;
}

.tools h3 {
	max-width: 355px;
	min-height: 129px;
}
*/

/*--------------------------------------------------------
# Work/Case Studies Page - Hero Section  */

.featured-case-study {
	color: #fff;
}

.featured-case-study img {
	max-width: 760px;
	width: 100%;
}

.featured-case-study h2 {
	margin-bottom: 25px;
	max-width: 650px;
}

.featured-case-study a.btn {
	background-color: #FFEE66;
	color: #5A5B5D;	
}


/*--------------------------------------------------------
# Work/Case Studies Page - PR Case Studies Section  */

.case-studies.pr.green h3 a,
.case-studies.pr.green {
	color: #fff;
}

.case-studies.pr.green li ul li a,
.case-studies.pr.green mark {
	background-color: #5A5A59;
	color: #fff;
}


/*--------------------------------------------------------
# Work/Case Studies Page - Testimonials Section  */

.testimonials.grey a.btn {
	background-color: #ED6A5B;
	color: #fff;	
}

.testimonials.grey mark {
	background-color: #45BABF;
	color: #fff;
}



/*--------------------------------------------------------
# Resources Page - Hero Section  */

main section.page-template-page-resources h1 {
	max-width: 667px;
}

.page-template-page-resources .hero a.btn {
	margin-top: 50px;
}


/*--------------------------------------------------------
# Resources Page - Content Sections Section  */

.grey-content,
.orange-content,
.green-content {
	color: #fff;
}

.grey-content h2,
.orange-content h2,
.green-content h2 {
	margin-bottom: 25px;
}

.green-content mark,
.green-content a.btn {
	background-color: #5A5B5D;
	color: #fff;
}

.orange-content a.btn {
	background-color: #FFEE66;
  	color: #5A5B5D;
}

.grey-content mark {
	background-color: #45BABF;
	color: #fff;	
}



/*--------------------------------------------------------
# Contact Page - Trusted Partners Section  */

.trusted-partners {
	text-align: center;
}

.trusted-partners mark {
	background-color: #45BABF;
	color: #fff;
}

.trusted-partners ul {
	margin-top: 50px;
}

.trusted-partners li {
	width: 16%;
	padding: 0 15px;
	vertical-align: middle;
	text-align: center;
}


/*--------------------------------------------------------
# Contact Page - Contact Form Section  */

.contact-form {
	color: #fff;
}

.contact-form h2 {
	margin-bottom: 25px;
}

.contact-form mark {
	background-color: #5A5B5D;
	color: #fff;	
}

.contact-form .left p {
	max-width: 500px;
}

main section.zoom-social-icons-shortcode {
	margin: 25px 0 0;
	padding: 0;
}


/*--------------------------------------------------------
# Contact Page - Contact Form Section  */

main section.contact-us {
	padding: 0;
}

.contact-us mark {
	background-color: #ED6A5B;
	color: #fff;	
}

.contact-us .left {
	padding: 40px 0 0;
}

.contact-us h2 {
	margin-bottom: 25px;
	margin-top: 50px;
}

.contact-us a {
	text-decoration: none;
	color: #5A5B5D;
}




/*--------------------------------------------------------
# Careers Page - We Love Working Section  */

.foundations {
	text-align: center;
	color: #fff;
}

.foundations h2 {
	margin-bottom: 25px;
}

.foundations mark {
	background-color: #45BABF;
	color: #fff;
}

.foundations p {
	max-width: 1200px;
	margin: 50px auto 50px;
}

.button-container a {
	margin: 0 40px;
}


/*--------------------------------------------------------
# Careers Page - Challenges Section  */

.careers-why-nifty {
	color: #fff;
	text-align: center;
}

.careers-why-nifty h2 {
	margin-bottom: 25px;
}

.careers-why-nifty mark {
	background-color: #5A5A59;
	color: #fff;	
}

.careers-why-nifty p {
	max-width: 1000px;
	margin: 25px auto 75px;
}

.careers-why-nifty li {
	width: 20%;
	float: left;
	padding: 0 20px;
}

.careers-why-nifty h3 {
	font-size: 50px;
}

.careers-why-nifty li p {
	font-size: 20px;
	max-width: none;
	margin: 0;
}


/*--------------------------------------------------------
# Careers Page - Challenges Section  */

.challenges h2 {
	margin-bottom: 25px;
	max-width: 350px;
	line-height: 1em;
}

.challenges mark {
	background-color: #ED6A5B;
	color: #fff;	
}

.challenges li {
	text-align: center;
	width: 33.3%;
	float: left;
	margin: 20px 0;
}

.challenges li:nth-child(3n+4) {
	clear: both;
  }

.challenges h3 {
	font-size: 40px;
}

.challenges li p {
	color: #FFFFFF;
	font-size: 22px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 13px;
	background-color: #5A5B5D;
	padding: 7.5px 10px;
	width: 90%;
	margin: -5px auto;
	display: block;
}

.challenges li mark {
	padding: 7.5px 30px;
	margin: 0;
}



/*--------------------------------------------------------
# Careers Page - Testimonials Section  */

.testimonials h2 {
	max-width: 1100px;
	margin: 0 auto 50px;
	line-height: 1em;
}


/*--------------------------------------------------------
# Careers Page - Sustainability Section  */

.sustainability h2 {
	margin-bottom: 50px;
}

.sustainability mark {
	background-color: #ED6A5B;
	color: #fff;
}


/*--------------------------------------------------------
# Careers Page - Careers Section  */

.latest-careers {
	color: #fff;
}

.latest-careers h2 {
	margin-bottom: 50px;
}

.latest-careers mark {
	background-color: #5A5A59;
	color: #fff;
}

.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single {
	border-radius: 0px;
	border: 1px solid #fff;
}

.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single > .ea-header a {
	font-size: 40px;
}

.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single.ea-expand > .ea-header a {
	background: none;
}

.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p {
	margin: 15px 0;
	font-size: 25px;
	line-height: 1.4em;
}

.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p:first-of-type {
	margin-top: 0;
}

.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p, 
.latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
	background: none;
	color: #fff;
}




/*--------------------------------------------------------
# GEO Landing Page - Blogs Section  */



/*--------------------------------------------------------
# GEO Landing Page - Blogs Section  */

.page-template-page-geo-landing-page .blogs {
	text-align: center;
}

.page-template-page-geo-landing-page .blogs h2 {
	max-width: 780px;
	margin-bottom: 25px;
	text-align: left;
}

p.blogs-intro {
	text-align: left;
}

.page-template-page-geo-landing-page .blogs a.btn {
	background-color: #5A5B5D;
	color: #fff;
}


/*--------------------------------------------------------
# GEO Landing Page - Optimise Your Brand Section  */

.optimise-your-brand h2 {
	margin-bottom: 25px;
	line-height: 1em;
}

.optimise-your-brand mark {
	background-color: #ED6A5B;
	color: #fff;
}

.optimise-your-brand h3 {
	font-size: 50px;
	margin-bottom: 25px;
}

.optimise-your-brand a.btn {
	margin-top: 25px;
}

.optimise-your-brand #sp-ea-1126.sp-easy-accordion > .sp-ea-single > .ea-header a {
	font-size: 40px;
}

.optimise-your-brand #sp-ea-1126.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p {
	margin: 15px 0;
	font-size: 25px;
	line-height: 1.4em;	
}

.optimise-your-brand #sp-ea-1126.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p:first-of-type {
	margin-top: 0;
}

.optimise-your-brand #sp-ea-1126.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p, 
.optimise-your-brand #sp-ea-1126.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
	background: #5a5b5d;
	color: #fff;
}


/*--------------------------------------------------------
# GEO Landing Page - Hero Section  */

.page-template-page-geo-landing-page main section.hero h1 {
	line-height: 1em;
	max-width: none;
}

.page-template-page-geo-landing-page main section.hero p {
	max-width: 550px;
}

.page-template-page-geo-landing-page small {
	font-size: 20px;
}


/*--------------------------------------------------------
# GEO Landing Page - GEO Audit Section  */

.geo-audit {
	color: #fff;
}

.geo-audit h2 {
	margin-bottom: 50px;
}

.geo-audit mark {
	background-color: #5A5B5D;
	color: #fff;	
}

.geo-audit p {
	max-width: 625px;
	margin: 20px 0;
}

.geo-audit .right p {
	background-image: url(/new/wp-content/themes/nifty-comms/img/check.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 66px;
	padding-left: 90px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 60px;
}

.geo-audit .right p:last-of-type {
	margin-bottom: 0;
}


/*--------------------------------------------------------
# GEO Landing Page - Survey Section  */

.survey {
	color: #fff;
	text-align: center;
}

.survey h2 {
	max-width: 1200px;
	margin: 0 auto 25px;
	line-height: 1em;
  }

.survey p {
	max-width: 1200px;
	margin: 0 auto;	
}

.survey a.btn {
	background-color: #FFEE66;
	color: #5A5B5D;
}


/*--------------------------------------------------------
# GEO Landing Page - Webinar Section  */

.webinar h2 {
	max-width: 780px;
	margin-bottom: 50px;
}

.webinar mark {
	background-color: #45BABF;
	color: #fff;
}

.webinar p {
	max-width: 830px;
}

.webinar ul {
	margin-top: 75px;
}

.webinar li {
	width: 33.3%;
	float: left;
}

.webinar li h3 {
	font-size: 50px;
	max-width: 200px;
	line-height: 1em;
}

.webinar li p {
	max-width: 300px;
}

.webinar a.btn {
	margin-bottom: 25px;
}



/*--------------------------------------------------------
# GEO Landing Page - Your Brand Section  */

.ebook h2 {
	margin-bottom: 25px;
	line-height: 1em;
}

.ebook mark {
	background-color: #ED6A5B;
	color: #fff;	
}

.ebook img {
	max-width: 90%;
}



/*--------------------------------------------------------
# News Page - Featured Post Section  */

.featured-post {
	color: #fff;
}

.featured-post h2 {
	margin-bottom: 25px;
	margin-top: 50px;
}

.featured-post a {
	color: #fff;
	text-decoration: none;
}

.featured-post img {
	max-width: 90%;
}

.featured-post a.btn {
	margin-top: 25px;
	background-color: #5A5A59;
}

.featured-post li {
	display: inline-block;
	font-size: 25px;
	text-transform: uppercase;
	width: auto;
	float: none;
	padding: 0;
	/*padding-right: 0px;
	border-right: 1px solid #5A5A59;
	padding-right: 10px;
	margin-right: 10px;*/
	line-height: 0.8em;	
	color: #5A5A59;
}


/*--------------------------------------------------------
# News Page - Featured Posts Section  */

.featured-posts li {
	width: 50%;
	float: left;
}

.featured-posts li:nth-child(odd) {
	padding-right: 60px;
}
  
.featured-posts li:nth-child(even) {
	padding-left: 60px;
}

.news-thumbnail {
	height: 460px;
}

.post-slider .summary,
.blog-posts-list .summary,
.featured-posts .summary {
	position: absolute;
	left: 40px;
	bottom: 20px;
}

.post-slider a,
.blog-posts-list a,
.featured-posts a {
	color: #fff;
	text-decoration: none;
}

.post-slider h3,
.blog-posts-list h3,
.featured-posts h3 {
	font-size: 70px;
	text-shadow: 3px 3px #333;
	line-height: 1em;
	max-width: 500px;
}

.summary ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.post-slider .summary li,
.featured-posts .summary li {
	display: inline-block;
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	width: auto;
	float: none;
	padding: 0;
	padding-right: 0px;
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 0.8em;
}

.post-slider li:last-of-type,
.blog-posts-list li:last-of-type,
.featured-post li:last-of-type,
.featured-posts .summary li:last-of-type {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

.post-slider h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 25px;
}

.case-studies.orange {
		color: #fff;
}


/*--------------------------------------------------------
# News Page - All Posts Section  */

.blog-posts-list li {
	width: 50%;
	float: left;
	margin-bottom: 90px;
}

.blog-posts-list li:nth-child(odd) {
	padding-right: 60px;
}
  
.blog-posts-list li:nth-child(even) {
	padding-left: 60px;
}

.blog-posts-list .summary li {
	display: inline-block;
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	width: auto;
	float: none;
	padding: 0;
	padding-right: 0px;
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 0.8em;
	margin-bottom: 0;
}

.blog-posts-list .summary li:last-of-type {
	border-right: none;
}


/*--------------------------------------------------------
# News Page - Partners Section  */

.page-template-page-news .testimonials mark {
	background-color: #5A5B5D;
	color: #fff;
}

.page-template-page-news .testimonials h2 {
	margin-bottom: 25px;
}


/*--------------------------------------------------------
# News Page - Categories List Section  */

.categories {
	text-align: center;
}

.categories a.btn {
	margin-top: 0;
}

.categories li {
	padding: 0 20px;
}


/*--------------------------------------------------------
# News Page - Post Slider Section  */

.post-slider .center-content {
	max-width: 1786px;
}

.post-slider .controls {
	top: 45%;
}



footer {
	padding: 80px 0 50px;
}

#bottom-footer-widgets a,
#top-footer-widgets a {
	color: #fff;
	text-decoration: none;

	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size .3s;	
}

#bottom-footer-widgets a:hover,
#top-footer-widgets a:hover {
	background-size: 100% 1px;
}

#top-footer-widgets .zoom-social-icons-list a:hover {
	background-size: 0% 1px;
}

#bottom-footer-widgets li,
#top-footer-widgets li {
	font-size: 26px;
	list-style: none;
}

#about {
	float: left;
	width: 55%;
}

#about p {
	font-size: 55px;
  	margin: 0;
    margin-top: 0px;
  	padding: 0;
  	max-width: 1000px;
  	line-height: 1.2em;
  	margin-top: 40px;
}

#contact,
#useful-links {
	float: left;
	text-align: right;	
}

#contact {
	width: 30%;
}

#useful-links {
	width: 15%;
}

#useful-links ul {
	margin-top: 7.5px;
}

#contact h2,
#useful-links h2 {
	font-family: 'Proxima Nova Rg';
	font-size: 26px;
	color: #61BCBF;
}

#contact p {
	font-size: 26px;
	margin: 10px 0 40px;
	padding: 0;
}

#footer-logos-widgets {
	clear: both;
	padding-top: 40px;
}

#top-footer-widgets img {
	max-width: 274px;
}

#footer-logos-widgets img {
	max-height: 100px;
	width: auto;
}

#bottom-footer-widgets p,
#bottom-footer-widgets li {
	font-size: 26px;
	margin: 0;
	padding: 0;
}

#copyright {
	float: left;
	width: 40%;	
}

#policies-menu {
	float: right;
	width: 60%;
	text-align: right;
}

#policies-menu ul {
	margin: 0;
	padding: 0;
}

#policies-menu li {
	display: inline-block;
	padding-left: 100px;
}

#policies-menu li:first-of-type {
	padding-left: 0;
}
/*
								.swiper-slide {
									display: flex !important;
									align-items: center !important;
									justify-content: center !important;
									height: auto !important;
									min-height: 80px !important;
								}
								
								.swiper-slide img {
									max-height: 60px !important;
									width: auto !important;
									object-fit: contain !important;
									display: block !important;
								}

*/

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 1500px) {
	.main-navigation li {
		font-size: 22px;
		margin-left: 60px;		
	}
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 1300px) {
	.main-navigation li {
		font-size: 20px;
		margin-left: 50px;
	}
	.team-members h3 {
		font-size: 40px; 
	}	
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 800px) {
	.controls .previous {
		margin-left: -20px;
	}
	.controls .next {
		margin-right: -20px;
	}	
	main section mark {
		margin: 2.5px 0 10px;
	}
	.content-section.pale .right {
		margin-top: 0;
	}
	ul.services-list.service-rows-5,
	ul.services-list.service-rows-3,
	ul.services-list.service-rows-4 {
		grid-template-columns: repeat(var(--columns, 1), 1fr);
	}
	ul.service-rows {
		gap: 25px;
	}	
	footer .center-content, header .center-content {
		padding: 0 25px;
	}	
	main section {
		padding: 45px 0;
	}
	main section h2,
	main section h1 {
		font-size: 60px;
		line-height: 1em;
	}	
	main section h6 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.quote p.quote-name,
	main section p,
	main section.hero p {
		font-size: 22px;
	}
	.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p,
	.quote, .services h2, .services p, .logos p {
		margin-top: 20px;
	}
	.case-studies h3 {
		margin-top: 25px;
	}
	a.btn {
		font-size: 18px;
		margin-top: 25px;
	}
	.popular-services a.btn {
		margin-top: 30px;
	}	
	.column {
		float: none;
		width: 100%;
	}
	.left {
		padding-right: 0;
	}
	.right {
		padding-left: 0;
		padding-top: 40px;
	}
	.blogs ul,
	.popular-services .main-slider-wrapper,
	.case-studies .main-slider-wrapper,
	.logos ul {
		margin-top: 40px;
	}	
	.logos li {
		width: 50%;
		text-align: center;
		float: left;
		padding: 0 10px;
	}
	.sliderwrapper {
		margin: 0 30px;
	}	
	.case-studies h3 {
		margin-top: 25px;
		line-height: 1em;
		margin-bottom: 10px;
	}	
	.popular-services li {
		padding: 10px;
	}	
	.why-nifty li {
		width: 100%;
		float: none;
	}	
	.why-nifty h3 {
		margin-bottom: 10px;
	}
	.faqs h2 {
		margin-bottom: 40px;
	}	
	.faqs #sp-ea-260.sp-easy-accordion > .sp-ea-single > .ea-header a {
		font-size: 30px;
		padding: 15px;
	}	
	.faqs.grey #sp-ea-260.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
		padding: 0 15px;
	}	
	.newsletter li {
		padding: 0;
		float: none;
		width: 100%;
	}	
	.newsletter li:last-of-type {
		width: 100%;
	}	  
	.blogs li {
		float: none;
		width: 100%;
	}
	.blogs li:nth-child(3n+1) {
		padding-right: 0px;
	}
	.blogs li:nth-child(3n+2) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.blogs li:nth-child(3n+3) {
		padding-left: 0px;
	}	
	.news-thumbnail {
		height: 270px;
	}	
	.blogs .summary {
		bottom: -155px;
	}
	.newsletter {
		padding-bottom: 0;
	}
	.newsletter input {
		margin-bottom: 15px;
	}
	footer {
		padding: 40px 0;
	}
	#about {
		float: none;
		width: 100%;
	}	
	#about p {
		font-size: 22px;
		margin-top: 20px;
		max-width: 300px;
	}
	#contact, #useful-links {
		float: none;
		text-align: left;
		width: 100%;
	}
	footer h2.widget-title {
		margin-top: 25px;
	}	
	#useful-links ul {
		margin: 0;
		padding: 0;
	}	
	#contact h2, #useful-links h2 {
		font-size: 22px;
	}
	#bottom-footer-widgets li, #top-footer-widgets li {
		font-size: 20px;
	}	
	#contact p {
		font-size: 20px;
		margin: 0;
		padding: 0;
	}	
	#bottom-footer-widgets p, #bottom-footer-widgets li {
		font-size: 17px;
	}	
	#policies-menu,
	#copyright {
		float: none;
		width: 100%;
		text-align: center;
	}
	#about img {
		max-width: 250px !important;
	}	  
	.zoom-social-icons-list {
		margin: 20px 0 0;
	}
	.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
		margin: 0;
	}
	.gallery-columns-6 {
		grid-template-columns: repeat(3, 1fr);
	  }
	  #policies-menu li {
		padding: 0 10px;
		margin: 0;
	  } 
	  main section.hero {
		padding-top: 22.5px;
	  }
	  .about-why-nifty ul {
		margin-top: 22.5px;
	  }
	  .about-why-nifty li h3 {
		font-size: 40px;
	  }	  
	  .about-why-nifty li {
		padding: 0;
		width: 100%;
		float: none;
		display: block;
		margin-top: 22.5px;
	  }
	  .how-we-do-it p {
		margin-top: 22.5px;
	  }	  
	  .team-members li {
		width: 100%;
		float: none;
		margin-top: 25px;
	  }	
	  .team-members li:nth-child(3n+1) {
		padding-right: 0px;
	}
	.team-members li:nth-child(3n+2) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.team-members li:nth-child(3n+3) {
		padding-left: 0px;
	}  
	.team-members h4 {
		font-size: 22px;
	}
	.are-you-ready .column.left {
		width: 100%;
		padding-top: 0;
	}	
	.are-you-ready .column.right {
		width: 100%;
	}	
	.services-list .right {
		font-size: 30px;
	}	
	.deliver-results h2 {
		margin-bottom: 50px;
	}	
	.deliver-results li {
		float: none;
		width: 100%;
		padding-right: 0;
		margin-top: 25px;
	}	
	.deliver-results h3 {
		font-size: 40px;
		margin-bottom: 5px;
	}	
	.deliver-results li p {
		font-size: 20px;
	}	
	.pale-contact-form h2 {
		margin-bottom: 20px;
	}	
	.featured-case-study {
		text-align: center;	
	}
	.featured-case-study h2 {
		margin-bottom: 0;
	}
	.featured-case-study h2,
	.featured-case-study p {
		padding: 0 15px;
	}
	.grey-content h2, .orange-content h2, .green-content h2 {
		margin-bottom: 10px;
	}	
	.pale-contact-form h2 {
		margin-bottom: 20px;
	}	
	.page-template-page-resources .hero .right {
		padding-top: 40px;
	}
	.pale-contact-form .right {
		padding-top: 12px;
	}
	main section.hero p {
		max-width: 520px;
		margin-top: 10px;
		padding-left: 0;
		line-height: 1.2em;
	  }	
	  .page-template-page-resources .hero a.btn {
		margin-top: 20px;
	  }	 
	  .trusted-partners ul {
		margin-top: 20px;
	  } 
	  .trusted-partners li {
		width: 50%;
		padding: 10px;
		vertical-align: middle;
		text-align: center;
		float: left;
	  } 
	  .trusted-partners li:nth-child(odd) {
		clear: both;
	  }
	  main section.contact-us {
		padding: 20px 0 0;
	  }	  
	  .contact-us .center-content {
		padding: 0;
	  }
	  .contact-form .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
		margin: 0;
	  }
	  .contact-us .left {
		padding: 0 20px;
	  }	
	  .contact-us h2 {
		margin-bottom: 10px;
		margin-top: 30px;
	  }	    
	  #wpgmza_map_1 {
		height: 350px!important;
	  }
	  .foundations p {
		margin: 25px auto 0px;
	  }
	  .button-container a {
		margin: 0 10px;
		padding: 10px 20px;
	  }	  
	  .challenges h2 {
		margin-bottom: 10px;
	  }
	  .challenges h3 {
		font-size: 30px;
	  }	  
	  .challenges li {
		width: 50%;
		margin: 20px 0 0;
	  }	 
	  .challenges li p {
		padding: 15px 10px 10px;
		font-size: 20px;
	  }
	  .challenges li:nth-child(odd) {
		clear: both;
	  }	 
	  .quote p.quote-name {
		margin-top: 0;
	  } 
	  .sustainability h2 {
		margin-bottom: 10px;
	  }
	  .latest-careers #sp-ea-1122.sp-easy-accordion > .sp-ea-single > .ea-header a {
		font-size: 30px;
		padding: 10px 15px;
	  }	  
	  .careers-why-nifty li {
		width: 100%;
		float: none;
		padding: 25px 0 0;
	  }	  
	  .careers-why-nifty h3 {
		font-size: 40px;
	  }	  
	  .careers-why-nifty p {
		margin: 10px auto 25px;
	  }	  
	  .featured-post li {
		font-size: 22px;
	  }
	  .featured-post h2 {
		margin-bottom: 5px;
		margin-top: 25px;
	  }	  
	  .featured-post a.btn {
		margin-top: 12.5px;
	  }
	  .categories ul {
		text-align: center;
	  }	  
	  .categories li {
		width: 50%;
		float: left;
		padding: 10px 0;
	  }	
	  .featured-posts li {
		width: 100%;
		float: none;
		margin-bottom: 22.5px;
	  }	  
	  .featured-posts li:last-of-type {
		margin-bottom: 0;
	  }	  
	  .featured-posts li:nth-child(odd) {
		padding-right:0px;
	} 
	.featured-posts li:nth-child(even) {
		padding-left: 0px;
	}	
	.post-slider h3, .blog-posts-list h3, .featured-posts h3 {
		font-size: 50px;
	}	
	.post-slider .summary li, .featured-posts .summary li {
		font-size: 22px;
	}   
	.post-slider .summary, .blog-posts-list .summary, .featured-posts .summary {
		left: 20px;
	}
	.blog-posts-list li {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}	
	.blog-posts-list li:nth-child(odd) {
		padding-right: 0px;
	}
	.blog-posts-list li:nth-child(even) {
		padding-left: 0px;
	}	
	main section#breadcrumbs {
		font-size: 22px;
		padding: 22.5px 0 0;
	}
	main section#feature-image {
		padding: 40px 0 0;
	}
	main section#post-title {
		padding: 22.5px 0 0;
	}
	.single main section h1 {
		font-size: 60px;
	}	
	main section#author-socials {
		padding: 22.5px 0 0;
	}	
	#author-details {
		padding-right: 0;
	}	
	#author-name {
		font-size: 20px;
	}	
	#modified-date {
		font-size: 18px;
	}
	main #top-socials section {
		padding: 0;
	}	
	main section#post-content {
		padding: 45px 0;
	}
	#post-content aside {
		float: none;
		padding: 40px 20px;
		width: 100%;
	}	
	#post-content article {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 25px;
	  }		
	  .text-block {
		padding: 40px 25px;
	  }	
	  main #bottom-socials section {
		padding: 20px 0 0;
	  }			
	  .post-block h1, .post-block h2, .post-block h3, .post-block h4, .post-block h5, .post-block h6 {
		font-size: 35px;
		margin-bottom: 10px;
	  }	 
	  .post-block p {
		margin-bottom: 30px;
		font-size: 20px;
	  }	   
	  .image-block {
		padding: 40px 0;
	  }	  
	  #post-content aside h2 {
		font-size: 40px;
		margin-bottom: 20px;
	  }	  
	  .supercharge-brand h2 {
		max-width: 700px;
		line-height: 1em;
		margin-top: 0;
	  }	  
	  main section.supercharge-brand mark {
		line-height: 0.9em;
		padding: 7.5px 10px 2.5px;
	  }
	  .content-section h2 {
		margin-bottom: 10px;
		margin-top: 0px;
		line-height: 1.1em;
	  }	
	  .services-list-section h2 {
		margin-bottom: 25px;
	  }	    
	  .approach li {
		width: 100%;
		padding-right: 0;
		float: none;
		margin-top: 25px;
	  }	  
	  .services-list-section h3 {
		font-size: 50px;
		line-height: 1em;
		max-width: 200px;
		margin-bottom: 10px;
	  }	  
	  .services-list-section li p {
		line-height: 1.2em;
		font-size: 20px;
	  }	  
	  .services-list-section.grey h2 {
		margin-bottom: 10px;
	  } 
	  .services-list-section ul.tools {
		margin-top: 25px;
	  }	  
	  .tools li {
		width: 100%;
		padding-right: 0;
		float: none;
		margin-top: 25px;
	  }	  
	  .tools h3 {
		max-width: 355px;
		min-height: auto;
		font-size: 40px;
		margin-bottom: 0;
	  }	
	  .happen .left {
		width: 100%;
	  }	    
	  .happen h2 {
		margin-bottom: 20px;
	  }	
	  .happen .right {
		width: 100%;
		padding-top: 40px;
	  }	 
	  .case-studies li ul li {
		margin: 5px 0;
	}   
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 600px) {
	.content-section.green {
		padding-bottom: 45px;
	}
}