/*!
Theme Name: Datawise
Theme URI: http://underscores.me/
Author: Anagnostopoulos Kostas
Author URI: http://kanagn80@gmail.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: datawise-theme
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.

Datawise 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
# Datawise Custom CSS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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 */
	scroll-behavior: smooth;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
	overflow-x: hidden;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

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

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0 0 15px;
}

p {
	margin: 0 0 15px;
}

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

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,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button: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;
}

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: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	
}

a:hover, a:focus, a:active {

}

a:focus {

}

a:hover, a:active {

}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	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 {
	left: 0;
}

.main-navigation ul ul li {
	width: 200px;
    padding: 12px 8px;
}
.main-navigation ul ul a {
	color: #fff;
}

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

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

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

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

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

.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;
    width: 100%;
    height: auto;
}

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

/*--------------------------------------------------------------
# Datawise Custom Css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

@font-face {
  font-family: "Averta-Regular";
  src: url("./fonts/Averta.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Averta.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Averta.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Averta.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Averta.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Averta.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Averta.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Averta-Black";
  src: url("./fonts/AvertaBlack.eot"); /* IE9 Compat Modes */
  src: url("./fonts/AvertaBlack.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/AvertaBlack.otf") format("opentype"), /* Open Type Font */
    url("./fonts/AvertaBlack.svg") format("svg"), /* Legacy iOS */
    url("./fonts/AvertaBlack.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/AvertaBlack.woff") format("woff"), /* Modern Browsers */
    url("./fonts/AvertaBlack.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Averta-Bold";
  src: url("./fonts/AvertaBold.eot"); /* IE9 Compat Modes */
  src: url("./fonts/AvertaBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/AvertaBold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/AvertaBold.svg") format("svg"), /* Legacy iOS */
    url("./fonts/AvertaBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/AvertaBold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/AvertaBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
}

* {
	font-family: "Averta-Regular", sans-serif;
}

/*--------------------------------------------------------------
## General Rules
--------------------------------------------------------------*/

.hidden {display: none;}
.general-bg {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}
.parallax {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.darken {
	position: relative;
}
.darken:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}

/*--------------------------------------------------------------
## Page Transition Animations
--------------------------------------------------------------*/

.is-loading,
.is-loading a {
  cursor: progress;
}
.site-content {
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    -ms-transition: -o-transform .8s, opacity .8s;
    -o-transition: -o-transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s;
}
.slide-out .site-content {
    -webkit-transform: translate3d( 100vw, 0, 0 );
    -ms-transform: translate3d( 100vw, 0, 0 );
    -o-transform: translate3d( 100vw, 0, 0 );
    transform: translate3d( 100vw, 0, 0 );
    opacity: 0;
}

/*--------------------------------------------------------------
## General Rules
--------------------------------------------------------------*/

#masthead {
    display: inline-flex;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    height: 90px;
}
.overlay-color {
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
	height: 0;
	background-color: #fff;
	opacity: 0;
}

/*--------------------------------------------------------------
## Header Styles
--------------------------------------------------------------*/

.site-branding {
    display: inline-block;
    padding: 0;
    width: 435px;
    height: 90px;
    margin: 0 0 0 50px;
    position: relative;
}
.dark_logo_outer,
.custom-logo-link {
    position: relative;
    top: 50%;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Safari */
	transform: translate(0, -50%);
}
.site-branding img {
    height: 100%;
    max-width: 100%;
    width: auto;
}
.site-nav {
    width: 100%;
    display: inline-flex;
    position: relative;
}
#site-navigation {
    display: inline-block;
    width: 100%;
    text-align: right;
    position: relative;
    padding-right: 92px;
}
#site-navigation > div {
	display: inline-block;
	position: relative;
    top: 50%;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Safari */
	transform: translate(0, -50%);
}
#site-navigation .sub-menu {
    box-shadow: 0 1px 8px -5px #000;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-family: "Averta-Bold", sans-serif;
    font-size: 18px;
}
.main-navigation li {
    float: left;
    position: relative;
    padding: 12px 10px;
    margin-right: 3px;
    /*overflow: hidden;*/
}
.main-navigation li:before {
	content: "";
	height: 0;
	display: inline-block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	background: #fff;
	transition: 0.3s ease-in-out;
}
#site-navigation.main-navigation ul li:hover > ul, #site-navigation.main-navigation ul li.focus > ul {
    left: auto;
    margin-left: -10px;
    background-color: rgba(0,0,0,0.8);
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}
#site-navigation.main-navigation ul.sub-menu a {
	text-transform: uppercase;
	display: inline-block;
}
#site-navigation.main-navigation ul.sub-menu li {
    margin-left: 3px;
    display: block;
}
.main-navigation li:hover:before {
	bottom: 7px;
	height: 2px;
}
.offerItem {
    margin-right: 48px !important;
    margin-left: 37px;
    padding: 0 !important;
}
.offerItem a {
    border: 2px solid #fff;
    padding: 12px 53px !important;
    background: rgba(255,255,255,0);
    transition: all 0.3s ease-in-out;
    border-radius: 30px;
	color: #fff;
	border-radius: 30px;
	text-align: center;
}
.main-navigation .offerItem a:before,
.main-navigation .offerItem:before {
	display: none;
}
.main-navigation .offerItem a:hover {
	background: rgba(255,255,255,1);
	color: #000;
}

/*--------------------------------------------------------------
## Burger Menu
--------------------------------------------------------------*/

.main-menu-toggle.hamburger {
    display: inline-block;
    width: 90px;
    height: 90px;
    /*height: 113px;*/
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
	transition: all 0.15s ease;
}
.hamburger:focus,
.hamburger:hover {
	cursor: pointer;
	background: #dadada;
}
.burger-icon {
    display: inline-block;
	width: 37px;
	height: 37px;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 3px;
    height: 37px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000;
}
.hamburger-inner {
    top: 0;
    left: 6px;
    display: block;
}
.hamburger-inner:before {
    top: 0;
    left: 10px;
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}
.hamburger-inner:after {
   	top: 0;
    left: 20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}
.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent;
}
.is-active .hamburger-inner:before {
    top: -10px;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: translate3d(0,10px,0) rotate(45deg);
}
.is-active .hamburger-inner:after {
    top: -10px;
    left: 11px;
    transition: all .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: translate3d(0,10px,0) rotate(-45deg);
}
.hamburger.is-active + .lang_switch {display: none;}

/*--------------------------------------------------------------
## Language Menu
--------------------------------------------------------------*/

.lang_switch {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 100px;
    z-index: 1001;
    text-align: center;
    width: 90px;
}
.lang_switch ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lang_switch ul li {
	display: inline-block;
	padding: 0;
	line-height: 1;
}
.lang_switch ul li:first-child {
	border-right: 1px solid #fff;
    padding: 0 5px 0 0;
}
.lang_switch ul li a {
	line-height: 1;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
}

/*--------------------------------------------------------------
## Hidden Menu Styles
--------------------------------------------------------------*/

#hd-head {
    background: #000;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 100vh;
    opacity: 0;
    transform: translate(0, -100vh);
    transition: all .4s ease-in;
}
#hd-head * {
	color: #fff;
}
#hd-head.open {
	opacity: 1;
	display: block;
	transform: translate(0, 0);
}
.hd-menu-row {
	display: inline-flex;
	width: 100%;
	position: relative;
}
.hd-site-nav {
	width: 33%;
	min-width: 450px;
	padding-top: 81px;
}
#hd-site-navigation #hd-primary-menu {
	list-style-type: none;
	padding-left: 50px;
}
#hd-site-navigation #hd-primary-menu a {
	font-size: 36px; 
	line-height: 60px;
	font-family: "Averta-Bold", sans-serif;
	text-decoration: none;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#hd-site-navigation #hd-primary-menu a:before {
	content: "";
	display: inline-block;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -3px;
    transition: 0.3s ease-in-out;
	width: 100%;
}
#hd-site-navigation #hd-primary-menu .offerItem a {
	padding: 17px 52px !important;
}
#hd-site-navigation #hd-primary-menu .offerItem a:before {
	display: none;
}

#hd-site-navigation #hd-primary-menu li a:focus:before,
#hd-site-navigation #hd-primary-menu li a:hover:before {
	bottom: 7px;
}
#hd-site-navigation #hd-primary-menu .offerItem {
    position: absolute;
    right: 140px;
    top: -72px;
    margin: 0 !important;
    height: 52px;
}
#hd-site-navigation #hd-primary-menu .offerItem a {
	width: 100%;
	height: 100%;
    font-size: 18px;
    line-height: 1;
}
#hd-site-navigation #hd-primary-menu .offerItem a:hover,
#hd-site-navigation #hd-primary-menu .offerItem a:focus {
	background: rgba(255,255,255,1);
	color: #000;
}
#hd-site-navigation .sub-menu {
	list-style-type: none;
	padding: 0;
}
#hd-site-navigation  #hd-primary-menu .sub-menu li a {
	line-height: 1.3;
	font-size: 24px;
	text-transform: uppercase;
}
#hd-site-navigation #hd-primary-menu .sub-menu li a:focus:before,
#hd-site-navigation #hd-primary-menu .sub-menu li a:hover:before {
    bottom: 0px;
}

/*--------------------------------------------------------------
## Footer Styles
--------------------------------------------------------------*/

.site-footer {
    display: inline-flex;
    width: 100%;
    background: #e6e6e6;
    padding: 50px 170px 0;
}
.site-footer li,
.site-footer ul {
	list-style-type: none;
}
.site-footer li a {
	text-transform: uppercase;
}
.site-footer a {
	color: #000;
	text-transform: none;
	text-decoration: none;
    font-size: 18px;
}
.site-footer .menu li {
    margin-bottom: 5px;
}
.footer_menu_left .widget_media_image {
	text-align: left;
}
.footer_menu_left img,
.footer_left img {
    width: 340px;
}
.footer_left h4,
.footer_left ul {
	padding: 0;
}
.footer_left .widget_text {
	padding-left: 90px;
}
.footer_left .widget_text p {
	margin-bottom: 9px;
	font-size: 18px;
	color: #000;
}
.footer_menu_right .menu,
.footer_menu_left .menu {
	padding-left: 0;
	margin-left: 0;
}
.footer_menu_left {
    padding-left: 130px;
}
.footer_right h4,
.footer_left .widget,
.footer_menu_right .widget_text,
.footer_menu_left .widget_text {
    margin-bottom: 34px;
}
.footer_right .widget_text p:first-child,
.footer_right .widget_text strong,
.footer_menu_right .widget_text p:first-child,
.footer_menu_right .widget_text strong,
.footer_menu_left .widget_text strong {
    letter-spacing: 1.6px;
    font-weight: bolder;
}
.footer_menu_right {
	padding-left: 120px;
}
.footer_right {
	padding-left: 100px;
}
.gallery-columns-2 .gallery-item {
    max-width: 65px;
    text-align: left;
    margin-bottom: 0;
}
.footer_right .gallery {
	width: 100%;
    max-width: 150px;
}
.footer_right .widget_text img {
    max-width: 40px;
}
.footer_right .widget_text p {
	display: inline-block;
}
.footer_right .widget_text p:first-child {
	display: block;
}
.copyright {
	display: block;
	text-align: right;
	padding: 30px 140px;
	background: #e6e6e6;
}
.copyright li a,
.copyright li {
	letter-spacing: 0.15px;
	color: #000;
	text-transform: none;
	text-decoration: none;
    font-size: 18px;
}
.copyright li {
	display: inline-block;
	list-style-type: none;
}
.copyright li,
.copyright p {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## Home Styles
--------------------------------------------------------------*/

/*.home .custom-logo-link {
	pointer-events: none;
	cursor: default;
}*/

/*--------------------------------------------------------------
### Home Slider
--------------------------------------------------------------*/

.home-slider,
.owl-item {
    width: 100%;
    height: 100vh;
    position: relative;
}
.owl-carousel {
	position: relative;
}
.owl-nav {display: none;}
.owl-dots {
	position: absolute;
	right: 7.4%;
	bottom: 0;
	display: inline-block;
	background: #000;
	padding: 20px 25px;
}
.home-slider .owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 8px;
	border: 2px solid #000 !important;
	background: #fff !important;
	transition: all 0.2s linear;
	margin: 0 3px;
}
.home-slider .owl-dot:hover,
.home-slider .owl-dot:focus,
.home-slider .owl-dot.active {
	border: 2px solid #fff !important;
	background: #000 !important;
}
.home-slide {
	height: 100vh;
	width: 100%;
	display: inline-block;
	position: relative;
}
.home-slide:after {
	content: "";
	display: inline-block;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.slide-text {
	position: absolute;
	left: 8%;
	top: 48%;
	width: 55%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1;
}
.slide-text h1 {
	font-family: "Averta-Bold", sans-serif;
	font-weight: 900;
	color: #fff;
	font-size: 90px;
	line-height: 1.5;
	margin-bottom: 0;
}
.slide-text p {
	color: #fff;
	font-size: 70px;
	line-height: 1.3;
}
.slider-scroll-down {
	position: absolute;
	z-index: 1;
	bottom: 76px;
	left: 8%;
	display: inline-block;
	padding: 0 0 10px 40px;
	background-position: left 0 !important;
	background-repeat: no-repeat !important;
	line-height: 34px;
	color: #fff;
	font-family: Averta-bold, sans-serif;
	letter-spacing: 1px;
	transition: all 0.2s linear;
}
.slider-scroll-down:hover,
.slider-scroll-down:focus {
	background-position: left 10px !important;
	cursor: pointer;
}
.ebanner {
	display: inline-block;
    position: absolute;
    bottom: 76px;
    z-index: 10;
    right: 7.4%;
    width: 180px;
    height: 150px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/*--------------------------------------------------------------
### Home Content
--------------------------------------------------------------*/

/* First Row */

.home-first-row {
    width: 100%;
    display: inline-flex;
    padding: 157px 0 136px;
}
.home-first-row-left {
	width: 50%;
	padding: 0 0 0 50px;
	display: inline-block;
}
.home-first-row-right {
	display: inline-block;
	width: 50%;
}
.left-line {
	position: relative;
    padding-left: 100px;
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
}
.left-line:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 86px;
	height: 1px;
	background: #a8a8a8;
}
.first_row_image_right {
    display: inline-block;
    width: 100%;
    max-width: 872px;
    height: 596px;
    margin-top: 113px;
    margin-bottom: 56px;
}
.left-pad {
	padding-left: 100px;
}
.first_row_text_left {
	padding-top: 37px;
}
.first_row_text_left h2 {
	font-size: 50px;
	font-family: "Averta-Bold", sans-serif;
	color: #000;
	line-height: 1.2;
	margin-bottom: 25px; 
}
.first_row_text_left p {
	font-size: 30px;
	color: #000;
	line-height: 1.5;
}
.first_row_text_left a {
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    color: #000;
    font-size: 18px;
    font-family: Averta-Bold;
    letter-spacing: 0.2px;
    border: 1px solid #000;
    margin-top: 47px;
    padding: 16px 97px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.first_row_text_left a:hover {
	background: #000;
	color: #fff;
}
.home-first-row-right {
	text-align: right;
}
.first_row_text_right_small_header {
    width: 100%;
    max-width: 872px;
    text-align: left;
    padding-right: 24%;
    line-height: 1.5;
}

/* Second Row */

.home-sec-row {
	width: 100%;
	position: relative;
	background: #e6e6e6;
}
.sec-row-title {
    text-align: center;
    padding: 36px 10%;
}
.sec-row-title h2 {
    font-size: 50px;
    line-height: 1.2;
    font-family: "Averta-Bold", sans-serif;
    letter-spacing: 0.6px;
    margin-bottom: 20px;
}
.sec-row-title p {
    padding: 0 25%;
    color: #4e4e4e;
    line-height: 1.5;
    font-size: 18px;
}
.sec-row-image-canvas {
	position: relative;
	height: 757px;
	width: 100%;
}
.sec-row-laptop {
    position: absolute;
    left: 8%;
    top: 54px;
    width: 100%;
    max-width: 1000px;
    height: 542px;
    z-index: 1;
}
.sec-row-img-right-top {
    position: absolute;
    right: 14.5%;
    top: 0;
    width: 100%;
    max-width: 490px;
    height: 610px;
    background-size: contain !important;
    z-index: 2;
}
.sec-row-img-right-bot {
	position: absolute;
	right: 14%;
	bottom: 74px;
	width: 100%;
	max-width: 689px;
	height: 332px;
	z-index: 3;
	box-shadow: 0 0 15px -7px #000;
}
.home-third-row {
    background: #000;
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 42px 18.7%;
}
.third-row-text {
    width: 100%;
    max-width: 650px;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    display: inline-block;
}
.third-row-link {
	float: right;
}
.third-row-link a {
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    font-family: "Averta-Bold", sans-serif;
    letter-spacing: 0.2px;
    border: 1px solid #fff;
    padding: 16px 97px;
    border-radius: 50px;
}

/* Services - Fourth Row */

.home-fourth-row {
    width: 100%;
    display: inline-block;
    padding: 85px 7vw;
}
.fourth_row_title h3 {
	color: #000;
	line-height: 1.2;
    margin-bottom: 26px;
}
.fourth_row_title p {
    font-size: 30px;
    color: #000;
    line-height: 1.5;
    padding: 0;
}
.services-first-row,
.services-sec-row {
	display: inline-flex;
	width: 100%;
}
.service-div {
	display: inline-block;
	width: 764px;
	height: 614px;
	position: relative;
}
.third-row-services-container {
	margin: 70px auto;
}
.service-outer-div-left {
	margin-right: 45px;
}
.service-outer-div-right {
	margin-left: 45px;
}
.services-sec-row {
	margin-top: 78px;
}
.service-outer-div h3 {
	color: #fff;
	font-family: "Averta-Bold", sans-serif;
	font-size: 58px;
	line-height: 1.2;
	margin-bottom: 35px;
	text-transform: uppercase;
}
.service-outer-div p {
    font-size: 30px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 57px;
    letter-spacing: -0.3px;
    display: inline-block;
}
.service-outer-div p a {
	display: inline-block;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	font-size: 18px;
	font-family: "Averta-Bold", sans-serif;
	letter-spacing: 0.2px;
	border: 1px solid #fff;
	padding: 16px;
	text-align: center;
	min-width: 300px;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}
.service-outer-div p a:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.service-outer-div p:last-child {
	float: right;
}
.bot-left-service,
.top-right-service,
.top-left-service {
    padding: 155px 56px 25px 68px;
}
.bot-right-service {
	padding: 210px 50px 0 0;
}
.bot-right-service h4{
	font-size: 30px;
	font-family: "Averta-Regular", sans-serif;
	color: #000;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 0 140px;
    line-height: 1.26;
}
.bot-right-service h4:before {
	content: "";
    display: inline-block;
    width: 85px;
    height: 1px;
    background: #a8a8a8;
    position: absolute;
    left: 20px;
    top: 15px;
}

/* Client Row */

.client-row-gallery img {
	-webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
	filter: grayscale(100%) !important;
}
.client-row-gallery {
    /*padding: 0 120px 100px;*/
    padding: 0 85px 100px;
}
.client-bot-row {
    width: 100%;
    display: inline-flex;
    padding: 0 100px;
    margin-top: 50px;
    margin-bottom: 208px;
}
/*.client-left-link {
	width: 33%;
}*/
.client-bot-row .client-left-link a {
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    color: #000;
    font-size: 18px;
    font-family: Averta-Bold;
    letter-spacing: 0.2px;
    border: 1px solid #000;
    margin-top: 190px;
    margin-left: 40px;
    padding: 16px 97px;
    border-radius: 50px;
}
.client-right-quote {
	width: 77%;
}
.quote {
    /*padding: 50px 85px 41px 172px;*/
    padding: 50px 85px 41px 0;
    position: relative;
    font-size: 25px;
    font-family: "Averta-Bold", sans-serif;
    line-height: 1.5;
    color: #000;
}
/*.quote:before {
	content: '"';
	display: inline-block;
	position: absolute;
    left: 35px;
    top: -20px;
	font-size: 250px;
	color: #000;
}*/
.sub-quote {
	/*padding-left: 172px;*/
}
.sub-quote h4 {
    font-size: 30px;
    font-family: "Averta-Bold", sans-serif;
    line-height: 1.2;
    margin-bottom: 0;
    color: #000;
}
.sub-quote p {
	font-size: 30px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #000;
}

/* Hire Row */

.home-bottom-row {
    padding: 235px 372px 235px 138px;
    position: relative;
}
.home-bottom-row:after {
    background: rgba(0,0,0,0.5);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
}
.home-bottom-row .we-hire {
	z-index: 1;
	position: relative;
}
.home-bottom-row .we-hire h3 {
	font-size: 40px;
	font-family: "Averta-Bold", sans-serif;
	line-height: 1.2;
	color: #fff;
	display: inline-block;
}
.home-bottom-row .we-hire p {
    display: inline-block;
}
.home-bottom-row .we-hire h3 + p {
    position: absolute;
    right: 0;
    top: 67px;
}
.home-bottom-row .we-hire h3 + p + p {
	position: absolute;
    right: 0;
    top: 154px;
}
.home-bottom-row .we-hire a {
	display: inline-block;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	font-size: 18px;
	font-family: "Averta-Bold", sans-serif;
	letter-spacing: 0.2px;
	border: 1px solid #fff;
	padding: 16px;
	text-align: center;
	min-width: 300px;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}
.home-bottom-row .we-hire a:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.hire-inner {
	position: relative;
}

/*--------------------------------------------------------------
### Inside Pages Content
--------------------------------------------------------------*/

.page-header {
	width: 100%;
	height: 515px;
	position: relative;
}
.page-header h2 {
	position: absolute;
	top: 42%;
	left: 150px;
	color: #fff;
	z-index: 1;
	font-size: 60px;
	line-height: 1.2;
	font-family: "Averta-Bold", sans-serif;
}
.breadcrumb-div {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs span {
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	line-height: 1;
}
#breadcrumbs {
	position: relative;
	padding-left: 150px;
	margin-bottom: 0;
}
#breadcrumbs:before {
	content: "";
    display: inline-block;
    width: 85px;
    height: 1px;
    background: #a8a8a8;
    position: absolute;
    left: 50px;
    top: 7px;
}

/*--------------------------------------------------------------
### Case Study Page
--------------------------------------------------------------*/

.cs-post-row {
	max-width: 1600px;
}
.cs-post {
	display: inline-flex;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.cs-post-img {
	width: 300px;
	height: 300px;
	display: inline-block;
	float: left;
}
.cs-post-img-link {
	display: inline-block;
	float: left;	
}
.cs-post-inner {
	padding: 0 0 0 50px;
	float: left;
}
.cs-post-inner h2 a {
    font-family: "Averta-Bold", sans-serif;
    font-size: 26px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 50px;
    text-transform: none;
    text-decoration: none;
}

/*--------------------------------------------------------------
### Contact Page
--------------------------------------------------------------*/

.contact-top.offer-cont-row .offer-right-part {
    padding-top: 0;
	width: 50%;
}
.contact-top {
    padding: 20px 7% 50px 150px;
}
.contact-top-info {
	display: inline-block;
	width: 100%;
	max-width: 800px;
	padding-right: 25px;
}
.contact-top-info h2 {
    font-size: 50px;
    margin-bottom: 56px;
    padding: 0;
    line-height: 1.2;
    color: #000;
    font-family: "Averta-Bold", sans-serif;
}
.contact-top-info p {
	font-size: 30px;
	line-height: 1.5;
	color: #000;
    margin-bottom: 37px;
}
.contact-top-info-row {
    width: 100%;
    display: inline-flex;
    max-width: 980px;
    margin-top: 6px;
}
.contact-top-info-row a,
.contact-top-info-row p {
	font-size: 35px;
	font-family: "Averta-Bold", sans-serif;
	line-height: 1.5;
	color: #000;
}
.contact-top-info-left,
.contact-top-info-right {
	display: inline-block;
}
.contact-top-info-right {
    width: 50%;
}
.contact-top-info-left {
    border-right: 1px solid #000;
    width: 50%;
}
.contact-top-info-row .contact-top-info-left a {
	text-decoration: none;
}
.contact-top-info-row .contact-top-info-right {
	padding-left: 50px;
	width: 100%;
}
.contact-top-info-row .contact-top-info-right a {
	text-decoration: underline;
	position: relative;
	padding-right: 38px;
}
.contact-top-info-row .contact-top-info-right a:after {
	content: "";
	display: inline-block;
	background: url('images/icons/pin.png') no-repeat;
	background-size: contain;
	background-position: center;
	width: 24px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 5px;
}
.contact-form-div {
    background: #eaeaea;
    padding: 37px 31px;
    border-bottom: 22px solid #000;
}
.wpcf7-form {
	width: 100%;
	display: inline-block;
}
div.wpcf7 .wpcf7-submit:disabled {
	cursor: pointer;
}
.form-right,
.form-left {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-left: 83px;
    vertical-align: top;
}
.form-right {
    padding-bottom: 80px;
    width: 100%;
    max-width: 727px;
}
.form-right h3,
.form-left h3 {
	color: #000;
	font-size: 40px;
	font-family: "Averta-Bold", sans-serif;
	margin-bottom: 30px;
}
.form-left:before {
	content: "1";
}
.form-right:before {
	content: "2";
}
.form-right:before,
.form-left:before {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #000;
	color: #fff;
	border-radius: 25px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 50px;
	font-size: 35px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}
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"] {
	padding: 0px 25px;
    color: #000;
    border: 0;
    border-radius: 10px;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    font-family: "Averta-Regular", sans-serif;
    width: 100%;
    max-width: 645px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7e7e7e;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7e7e7e;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #7e7e7e;
}
textarea {
    font-size: 16px;
    border: 0;
    border-radius: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
    width: 100%;
    max-width: 645px;
	height: 145px;
	padding: 17px 25px;
	color: #000;
}
input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    font-family: "Averta-Bold", sans-serif;
    letter-spacing: 0.2px;
    border: 1px solid #fff;
    padding: 16px 97px;
    border-radius: 50px;
    background-color: #000;
    text-transform: uppercase;
}
.form-right input[type="submit"] {
	position: absolute;
	right: 0;
    bottom: 35px;
}

/*--------------------------------------------------------------
### About Us Page
--------------------------------------------------------------*/

.about-top {
	width: 100%;
    padding: 20px 147px 70px;
}
.about-top-txt {
	width: 100%;
	display: inline-block;
	max-width: 1200px;
}
.about-top-txt h3 {
	font-family: "Averta-Bold", sans-serif;
	font-size: 50px;
	color: #000;
	line-height: 1.2;
	margin-bottom: 50px;
}
.about-top-txt p {
	font-size: 30px;
	line-height: 1.7;
	color: #000;
}
.about-mid-bg {
	width: 100%;
	height: 500px;
	position: relative;
}
.about-mid-bg:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top:0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
}
.about-mid-txt {
	position: absolute;
	padding: 0 147px;
	left: 0;
	top: 50%;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Safari */
	transform: translate(0, -50%);
	width: 100%;
	z-index: 1;
}
.about-mid-txt h3 {
	font-family: "Averta-Bold", sans-serif;
	font-size: 60px;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 50px;
	width: 100%;
	max-width: 1000px;
	display: inline-block;
}
.about-mid-txt p {
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
	width: 100%;
	max-width: 840px;
	display: inline-block;
}
.about-mid-txt p:last-child {
	position: absolute;
	right: 15%;
	top: 0;
	/*-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
	width: auto;
}
.about-mid-txt a {
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    font-family: "Averta-Bold", sans-serif;
    letter-spacing: 0.2px;
    border: 1px solid #fff;
    padding: 16px;
    text-align: center;
    min-width: 300px;
    border-radius: 50px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.about-mid-txt a:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.about-bot {
    width: 100%;
    padding: 110px 147px 135px;
}
.about-bot-txt {
	position: relative;
	width: 100%;
}
.about-bot-txt h3 {
	font-family: "Averta-Bold", sans-serif;
	font-size: 50px;
	color: #000;
	line-height: 1.5;
	width: 100%;
	max-width: 1040px;
	display: inline-block;
}
.about-bot-txt a {
	display: inline-block;
	text-decoration: none;
	text-transform: none;
	color: #000;
	font-size: 18px;
	font-family: "Averta-Bold", sans-serif;
	letter-spacing: 0.2px;
	border: 1px solid #000;
	padding: 16px;
	text-align: center;
	min-width: 300px;
	border-radius: 50px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.about-bot-txt a:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.about-bot-txt p:last-child {
	position: absolute;
	right: 7%;
	top: 7px;
	/*-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
	width: auto;
}

/*--------------------------------------------------------------
### Offer Page
--------------------------------------------------------------*/

.offer-cont-row {
    display: inline-flex;
    width: 100%;
}
.offer-left-part {
	width: 50%;
}
.offer-right-part {
	padding-top: 222px;
	width: 43%;
}
.page-template-offer-page .main-navigation a {
	color: #000;
}
.page-template-offer-page #primary-menu .sub-menu {
	background-color: rgba(255,255,255,0.8) !important;
}
.page-template-offer-page #hd-head.open .custom-logo-link {display: inline-block;}
.page-template-offer-page .custom-logo-link {display: none;}
.page-template-offer-page .dark_logo_outer.hidden {
    display: inline-block;
    width: 100%;
    height: auto;
}
.page-template-offer-page .dark_logo_outer a {
    max-width: 200px;
    display: inline-block;
}
.page-template-offer-page .dark_logo_outer p {
	margin-bottom: 0;
}
.page-template-offer-page .dark_logo_outer img {
	height: auto;
    max-width: 100%;
    width: auto;
}
.page-template-offer-page #site-navigation .offerItem {
	border-color: #000;
}
.page-template-offer-page #hd-head.open .offerItem a {
	border: 2px solid #fff;
}
.page-template-offer-page .offerItem a {
    border: 2px solid #000;
}
.page-template-offer-page .main-navigation .offerItem a:hover {
    background: rgba(0,0,0,1);
    color: #fff;
}
.page-template-offer-page .main-navigation li:before {
    background: #000;
}
.page-header.offer-header h2 {
	color: #000;
    top: 64%;
}
.page-header.offer-header {
    height: 383px;
}
.offer-top-row {
	display: inline-flex;
	width: 100%;
	margin-top: 58px;
}
.offer-top-left,
.offer-top-right {
	display: inline-block;
	width: 100%;
}
.offer-top-left {
	max-width: 902px;
	margin-bottom: 50px;
}
.offer-top-left-text {
	padding-left: 147px;
}
.offer-top-left-text h3 {
	color: #000;
	font-size: 50px;
	line-height: 1.2;
	font-family: "Averta-Bold", sans-serif;
	margin-bottom: 40px;
}
.offer-top-left-text p {
	color: #000;
	font-size: 30px;
	line-height: 1.5;
}
.offer-left-img {
    display: inline-block;
    width: 100%;
    height: 500px;
    margin-top: 70px;
}
.offer-top-right .wpcf7 {
    background: #eaeaea;
    padding: 50px 31px 37px;
    border-bottom: 22px solid #000;
    margin-left: 25px;
}
.offer-top-right p {
    padding: 0 80px;
}
.offer-top-right h3 {
	color: #000;
	font-size: 28px;
	font-family: "Averta-Bold", sans-serif;
	margin-bottom: 50px;
	position: relative;
	padding-left: 80px;
}
.offer-top-right h3:before {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 35px;
	-ms-transform: translate(0, -38%); /* IE 9 */
	-webkit-transform: translate(0, -38%); /* Safari */
	transform: translate(0, -38%);
}
.offer-top-right .form-one h3:before {
	content: "1";
}
.offer-top-right .form-two h3:before {
	content: "2";
}
.offer-top-right .form-three h3:before {
	content: "3";
}
.offer-top-right .wpcf7-submit {
	float: right;
    margin: 50px 0;
}
.form-two select,
.offer-top-right select {
    border: 0;
    padding: 11px 25px;
    color: #7e7e7e;
    border: 0;
    border-radius: 10px;
    line-height: 50px;
    margin-bottom: 10px;
    font-family: "Averta-Regular", sans-serif;
    width: 100%;
    max-width: 645px;
    display: inline-block;
}
.select option {
	color: #000;
	line-height: 1.5;
}
.offer-top-right .wpcf7-form p {
    margin: 0 0 5px;
}
.offer-top-right .form-two,
.offer-top-right .form-one {
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
### Products Page
--------------------------------------------------------------*/

.product-row {
	padding: 20px 0 50px 147px;
	display: inline-flex;
	width: 100%;
}
.product-one-row.product-row {
	padding: 50px 0 50px 147px;
	margin-top: 20px;
}
.product-one-row {
	background: #000;
}
.product-three-row {
	background: #e1e1e1;
}
.product-one-row * {
	color: #fff;
}
.product-one-txt, .product-two-txt, .product-three-txt {
	display: inline-block;
	width: 60%;
	position: relative;
	padding-left: 100px;
}
.product-one-img, .product-two-img, .product-three-img {
	display: inline-block;
	width: 40%;
	text-align: right;
}
.prod-img-bg {
    display: inline-block;
    width: 100%;
    max-width: 607px;
    height: 400px;
}
.product-two-img .prod-img-bg.general-bg {
	background-size: contain !important;
}
.prod-num {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 50px;
	/*display: inline-block;*/
	line-height: 1;
	padding-bottom: 5px;
}
.prod-num:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 29px;
	height: 3px;
	background: #fff;
}
.product-row h3 {
	font-family: "Averta-Bold", sans-serif;
	font-size: 50px;
	line-height: 1.2;
    margin: 5px 0 25px;
}
.product-row.product-two-row .prod-num {
	color: #034a57;
}
.product-row.product-two-row .prod-num:after {
	background: #034a57;
}
.product-row.product-two-row h3 {
	color: #034a57;
}
.product-row.product-three-row h3 {
	color: #ff7800;
}
.product-row.product-three-row .prod-num {
	color: #ff7800;
}
.product-row.product-three-row .prod-num:after {
	background: #ff7800;
}
.product-row li,
.product-row p {
    font-size: 30px;
    line-height: 1.5;
}
.product-row ol, .product-row ul {
	list-style-type: none;
	margin: 0 0 45px 0;
	padding-left: 0;
}
.product-row li {
	position: relative;
	margin-bottom: 15px;
}
.product-row li:before {
    left: -40px;
    top: 0;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    position: absolute;
}
.product-row ol li:before {
	background: #fff;
	color: #000;
	border-radius: 13px;
}
.product-row ol li:first-child:before {content: "01";}
.product-row ol li:nth-child(2):before {content: "02";}
.product-row ol li:nth-child(3):before {content: "03";}
.product-row ol li:nth-child(4):before {content: "04";}
.product-row ol li:nth-child(5):before {content: "05";}
.product-row ol li:nth-child(6):before {content: "06";}
.product-row ol li:nth-child(7):before {content: "07";}
.product-row ol li:nth-child(8):before {content: "08";}
.product-row ol li:nth-child(9):before {content: "09";}
.product-row ol li:nth-child(10):before {content: "10";}
.product-row ul li:before {
	content: "";
	background: url('images/icons/Tick.png') no-repeat;
	background-size: contain !important;
	background-position: center; 
}
.product-row.product-two-row ul li:before {
	background: url('images/icons/TickGr.png') no-repeat;
}
.product-row.product-two-row ol li:before {
	background: #034a57;
	color: #fff;
	border-radius: 13px;
}
.product-one-row a {
	display: inline-block;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	font-size: 18px;
	font-family: "Averta-Bold", sans-serif;
	letter-spacing: 0.2px;
	border: 1px solid #fff;
	padding: 16px;
	text-align: center;
	min-width: 300px;
	border-radius: 50px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.product-one-row a:hover {
	color: #000;
	background: #fff;
}
.product-three-row a,
.product-two-row a {
	display: inline-block;
	text-decoration: none;
	text-transform: none;
	color: #000;
	font-size: 18px;
	font-family: "Averta-Bold", sans-serif;
	letter-spacing: 0.2px;
	border: 1px solid #000;
	padding: 16px;
	text-align: center;
	min-width: 300px;
	border-radius: 50px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.product-three-row a:hover,
.product-two-row a:hover {
	border: 1px solid #fff;
	background: #000;
	color: #fff;
}
span.wpcf7-list-item {margin-left: 0;}

/*--------------------------------------------------------------
### Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
#### Height Responsive
--------------------------------------------------------------*/

@media only screen and (max-height: 860px) {
	.hd-site-nav {padding-top: 20px;}
	#hd-site-navigation #hd-primary-menu a {line-height: 45px;}
	#hd-site-navigation #hd-primary-menu .sub-menu li a {font-size: 20px;}
}
@media only screen and (max-height: 701px) {
	#hd-site-navigation #hd-primary-menu .sub-menu li a {font-size: 18px;}
}
@media only screen and (max-height: 670px) {
	#hd-site-navigation #hd-primary-menu a {line-height: 36px;}
}
@media only screen and (max-height: 600px) {
	.hd-site-nav {padding-top: 0;}
	#hd-site-navigation #hd-primary-menu a {line-height: 1.4;}
	#hd-site-navigation #hd-primary-menu li a:focus:before, #hd-site-navigation #hd-primary-menu li a:hover:before {bottom: 0;height: 2px;}
}
@media only screen and (max-height: 560px) {
	#hd-site-navigation #hd-primary-menu a {line-height: 1.3;}
}

@media only screen and (max-height: 450px) {

	.hd-site-nav {padding-top: 5px;}
	#hd-site-navigation #hd-primary-menu a {font-size: 16px;line-height: 1.2;}
	#hd-site-navigation #hd-primary-menu .sub-menu li a {font-size: 16px;}
	#hd-site-navigation #hd-primary-menu .offerItem {margin-top: 5px !important;}
	#hd-site-navigation #hd-primary-menu li a:focus:before, #hd-site-navigation #primary-menu li a:hover:before {bottom: 3px;}
}

/*--------------------------------------------------------------
#### Width Responsive
--------------------------------------------------------------*/

@media only screen and (max-width: 1920px) {
	/* Fonts Adjustment */
	#hd-site-navigation #hd-primary-menu .offerItem a,
	.main-navigation a {font-size: 14px;}
	.page-header h2,
	.slide-text h1 {font-size: 45px;}
	.home-bottom-row .we-hire h3,
	.slide-text p {font-size: 30px;}
	.slider-scroll-down {font-size: 15px;}
	.form-right h3, 
	.form-left h3,
	.offer-top-right h3,
	.offer-top-right h3:before,
	.service-outer-div p,
	.left-line {font-size: 18px;}
	.fourth_row_title h3,
	.sec-row-title h2,
	.fourth_row_title h3,
	.contact-top-info h2,
	.first_row_text_left h2 {font-size: 26px;}
	.product-row h3,
	.about-top-txt h3,
	.about-bot-txt h3,
	.offer-top-left-text h3,
	.about-mid-txt h3,
	.sub-quote h4,
	.third-row-text,
	#hd-site-navigation #hd-primary-menu a {font-size: 26px;}
	.product-row li,
	.contact-top-info p,
	.contact-top-info-row a, .contact-top-info-row p,
	.product-row p,
	.about-mid-txt p,
	.fourth_row_title p,
	.about-top-txt p,
	.sub-quote p,
	.form-right:before, .form-left:before,
	.offer-top-left-text p,
	.sec-row-title p,
	.first_row_text_left p {font-size: 16px;}
	.first_row_text_left a,
	.third-row-link a,
	.home-bottom-row .we-hire a,
	.client-bot-row .client-left-link a,
	.home-bottom-row .we-hire a,
	.service-outer-div p a {font-size: 16px;}
	.service-outer-div h3 {font-size: 50px;}
	.bot-right-service h4 {font-size: 20px; line-height: 1.5;}
	.quote {font-size: 20px; line-height: 1.4;}
	.footer_left .widget_text p, .site-footer a, .copyright li, .copyright p,.copyright li a, .copyright li {font-size: 14px;}
	.quote:before {font-size: 210px;}
	/* End Font Adjust */

	/* Other */
	.page-header h2 {margin-bottom: 0;}
	/*.footer_left {padding-top: 11px;}*/
	.home-bottom-row .we-hire h3 + p {top: 0;}
	.home-bottom-row .we-hire h3 + p + p {top: 80px;}
	/*.footer_left img {width: 300px; margin-left: 12px;}*/
	.footer_left img {width: 125px;margin-left: 90px;}
	.footer_menu_left img {width: 125px;}
	.custom-logo-link {max-width: 200px;}
	.site-branding img {height: auto;}
	.offerItem {margin-right: 45px !important;margin-left: 30px;}
	.first_row_image_right {margin-top: 0px;}
	.contact-top-info-row .contact-top-info-right a:after {width: 20px;height: 20px;right: 8px;}
	.offer-top-right h3,.form-right h3, .form-left h3  {margin-bottom: 15px;}
	.first_row_image_right {height: 450px;margin-bottom: 28px;}
	.home-fourth-row {padding: 85px 5vw;}
	.page-header {height: 40vh;}
	.page-header.offer-header {height: 35vh;}
	.offer-right-part {padding-top: 19vh;}
	.service-div {width: 43vw;}
	.service-outer-div-left {margin-right: 2vw;}
	.service-outer-div-right {margin-left: 2vw;}
}
	.service-div {width: 43vw;}
@media only screen and (max-width: 1800px) {
	.service-outer-div p a {min-width: auto;padding: 16px 30px;}
	.about-mid-txt p:last-child,
	.about-bot-txt p:last-child {position: relative;right: initial;top: initial;-ms-transform: translate(0, 0);-webkit-transform: translate(0, 0);transform: translate(0, 0);float: right;}
}
@media only screen and (max-width: 1650px) {
	.home-first-row-left {padding: 0 2% 0 50px;}
	.home-bottom-row {padding: 200px 15vw;}
	.home-third-row {padding: 42px 15vw;}
	.service-div {height: 500px;padding: 100px 56px 25px 68px;}
	.bot-right-service {padding: 110px 50px 0 0;}
	.about-bot-txt h3 {width: 65%;}
}
@media only screen and (max-width: 1509px) {
	.main-navigation li {padding: 12px 8px;}
	.offerItem {margin-right: 20px !important;margin-left: 10px;}
}
@media only screen and (max-width: 1450px) {
	/* Fonts Adjustment */
	#hd-site-navigation #hd-primary-menu .offerItem a,
	.main-navigation a {font-size: 12px;}
	.page-header h2,
	.slide-text h1 {font-size: 42px;}
	.slide-text p {font-size: 26px;}
	.slider-scroll-down {font-size: 14px;}
	.offer-top-right h3,
	.offer-top-right h3:before,
	.left-line {font-size: 16px;}
	.fourth_row_title h3,
	.sec-row-title h2,
	.fourth_row_title h3,
	.contact-top-info h2,
	.first_row_text_left h2 {font-size: 24px;}
	.product-row h3,
	.about-top-txt h3,
	.about-bot-txt h3,
	.offer-top-left-text h3,
	.about-mid-txt h3,
	.sub-quote h4,
	.form-right h3, 
	.form-left h3,
	#hd-site-navigation #hd-primary-menu a {font-size: 20px;}
	.third-row-text,
	.product-row li,
	.contact-top-info p,
	.contact-top-info-row a, .contact-top-info-row p,
	.product-row p,
	.about-mid-txt p,
	.fourth_row_title p,
	.service-outer-div p,
	.about-top-txt p,
	.form-right:before, .form-left:before,
	.offer-top-left-text p,
	.sub-quote p,
	.first_row_text_left p {font-size: 18px;}
	.about-top-txt p {line-height: 1.5;}
	.first_row_text_left a,
	.third-row-link a,
	.about-bot-txt a,
	.about-mid-txt a,
	.product-one-row a,
	.product-three-row a,
	.product-two-row a,
	.home-bottom-row .we-hire a,
	.client-bot-row .client-left-link a,
	.home-bottom-row .we-hire a,
	.service-outer-div p a {font-size: 14px;}
	.home-bottom-row .we-hire h3,
	.service-outer-div h3 {font-size: 40px;}
	.bot-right-service h4 {font-size: 20px; line-height: 1.4;}
	.quote {font-size: 20px; line-height: 1.4;}
	.footer_left .widget_text p, .site-footer a, .copyright li, .copyright p,.copyright li a, .copyright li {font-size: 14px;}
	.quote:before {font-size: 170px;}
	/* End Font Adjust */

	/* Other */
	.fourth_row_title h3 {margin-bottom: 0;}
	.about-mid-txt h3 {font-family: "Averta-Bold", sans-serif;}
	.site-footer {padding: 187px 0 0;}
	.sec-row-laptop {left: 0;}
	.sec-row-img-right-top {right: 6.5%;}
	.home-fourth-row {padding: 0 5vw;}
	.home-first-row {padding: 100px 0;}
	.first_row_text_right_small_header {padding-right: 25px;}
	.bot-right-service {padding: 100px 0 0 0;}
	.client-bot-row .client-left-link a {padding: 16px;width: 100%;text-align: center;max-width: 300px;}
	.about-mid-txt p:last-child, .about-bot-txt p:last-child {float: none;margin-top: 25px;}
	.product-one-txt, .product-two-txt, .product-three-txt {padding-left: 80px;padding-right: 50px;}
	.offer-top-left {padding-right: 20px;}
	.client-bot-row {margin-top: 0px;}
}
@media only screen and (max-width: 1350px) {
	.service-outer-div p {margin-bottom: 15px;width: 100%;}
	#site-navigation {display: none;}
	.sec-row-title p {padding: 0;}
	.third-row-services-container {margin: 0 auto;}
	.third-row-text {max-width: 65%; line-height: 1.5;}
	.third-row-link {width: 35%;text-align: right;}
	.third-row-link a {padding: 16px 56px;}
	.contact-top {padding: 70px 0 50px 8vw;}
	.offer-left-part {width: 50%;}
	.offer-right-part {width: 50%;}
	.bot-right-service.service-div {padding: 50px 50px 25px 0;}
	.service-div {padding: 50px 50px 25px 50px;}
	.client-row-gallery {padding: 0 120px 50px;}
	.client-bot-row .client-left-link a {margin-top: 50px;margin-left: 0;}
	.site-footer {padding: 80px 0 0;}
	.prod-num {font-size: 30px;}
}
@media only screen and (max-width: 1200px) {
	.footer_menu_left,.footer_menu_right,.footer_right {padding-left: 8%;}
	.offer-left-img {height: 400px;}
	.offer-left-img {margin-top: 83px;}
}
@media only screen and (max-width: 1000px) {
	.home-first-row {display: inline-block;}
	.home-first-row-left {width: 100%;padding: 0 5vw 20px;}
	.home-first-row-right {width:100%;}
	.first_row_text_left {padding-left: 10vw;}
	.first_row_image_right {height: 300px;max-width: initial;}
	.first_row_text_right_small_header {max-width: initial;}
	.first_row_text_left a {margin-top: 20px;}
	.first_row_text_right_small_header {padding: 0 5vw 25px 15vw;}
	.left-line:before {left: 5vw; width: 8vw;}
	.home-first-row-left .left-line {padding-left: 10vw;}
	.home-first-row-left .left-line:before {left: 0;}
	.home-first-row {padding: 50px 0;}
	.bot-right-service h4:before {left: 0;top: 13px;width: 8vw;}
	.bot-right-service h4 {padding: 0 0 0 10vw;}
	.sec-row-laptop {max-width: 500px;height: 500px;background-size: contain !important;}
	.sec-row-img-right-top {right: 3.5%;height: 480px;background-size: contain !important;}
	.sec-row-img-right-bot {right: 20%;bottom: 5%;max-width: 576px;height: 278px;background-size: contain !important;}
	.sec-row-image-canvas {height: 600px;}
	.services-first-row, .services-sec-row, .client-bot-row {display: inline-block;}
	.service-div {width: 100%;height:auto;padding: 50px;}
	.services-sec-row, .service-outer-div-right, .service-outer-div-left {margin: 0 0 15px;}
	.service-outer-div p:last-child {margin: 0 0 0 20px; float: none;}
	.service-outer-div p {width:auto;margin-bottom: 25px;}
	.bot-right-service.service-div {padding: 50px 0 0 0;}
	.client-bot-row .client-left-link a {margin: 0;}
	.client-left-link {width: 100%;text-align: center;}
	.client-right-quote {width: 100%;}
	.quote:before {left: 35px;top: 0;font-size: 100px;}
	.quote {padding: 50px 85px 41px 0;}
	.sub-quote {padding-left: 0;}
	.client-bot-row {margin-bottom: 100px;}
	.home-bottom-row .we-hire h3 + p,.home-bottom-row .we-hire h3 + p + p {position: relative;right: initial;top: initial;display: block;}
	.home-bottom-row {padding: 100px 5vw;}
	.home-bottom-row .we-hire h3 {margin-bottom: 50px;}
	.copyright {padding: 30px 5vw;}
	.home-third-row {padding: 42px 5vw;}
	.site-footer {padding: 80px 5vw 10px;}
	.footer_left img {margin-left: 0;}
	.footer_left .widget_text {padding-left: 0;}
	.footer_menu_left,.footer_menu_right,.footer_right {padding-left: 20px;}
	.footer_left, .footer_menu_left,.footer_menu_right,.footer_right {width: 25%;}
	.client-bot-row, .client-row-gallery {padding-left: 5vw;padding-right: 5vw;}
	.sec-row-laptop {left: 25px;top: 0;}
	.owl-dots {-ms-transform: translate(0, 0);-webkit-transform: translate(0, 0);transform: translate(0, 0);}
	.about-mid-bg {height: 500px;}
	.about-bot-txt h3 {width: 100%;}
	.about-bot {padding: 70px 10vw 70px 10vw;}
	.about-top {padding: 25px 10vw 70px 10vw;}
	#breadcrumbs {padding-left: 10vw;}
	#breadcrumbs:before {width: 7vw;left: 2vw;}
	.about-mid-txt {padding: 0 10vw;}
	.about-mid-txt h3 {margin-bottom: 25px;}
	.page-header h2 {left: 10vw;}
	.product-row {padding: 50px 5vw;display: inline-block;}
	.about-top {padding: 25px 10vw 70px;}
	.product-one-txt, .product-two-txt, .product-three-txt {padding-right: 10vw;padding-left: 10vw;width: 100%;}
	.product-one-img, .product-two-img, .product-three-img {display: flex;;width: 100%;}
	.prod-img-bg {max-width: initial; margin-top: 25px;height: 350px;}
	.product-row {padding: 50px 0 0;}
	.prod-num {left: 10px;}
	.contact-top {padding: 70px 5vw 50px;}
	input[type="submit"] {padding: 16px 25px;}
	.contact-form-div {margin-top: 50px;}
	.offer-top-left-text {padding-left: 10vw;padding-right: 10vw;}
	.offer-cont-row {display: inline-block;}
	.offer-left-part {width: 100%;}
	.offer-top-row {margin-top: 0;}
	.offer-top-left-text h3 {margin-bottom: 15px;}
	.offer-left-img {margin-top: 15px;height: 250px;}
	.offer-top-left {max-width: initial;padding-right: 0;}
	.offer-right-part {width: 100%;padding-top: 0;margin-top: -6px;}
	.offer-top-right .wpcf7 {margin-left: 0;}
	.offer-top-right .wpcf7-submit {float: left;margin: 25px 0 0;}
	.contact-top.offer-cont-row .offer-right-part {width: 100%;}
}
@media only screen and (max-width: 900px) {
	/* Fonts Adjustment */
	#hd-site-navigation #hd-primary-menu .offerItem a {font-size: 12px;padding: 12px 40px !important;margin-top: 7px;}
	.main-navigation a {font-size: 12px;}
	.page-header h2,
	.slide-text h1 {font-size: 32px;font-family: "Averta-Bold", sans-serif;}
	.slide-text p {font-size: 20px; margin-top: 15px;}
	.slider-scroll-down {font-size: 14px;}
	.offer-top-right h3,
	.offer-top-right h3:before,
	.left-line {font-size: 16px;}
	.fourth_row_title h3,
	.sec-row-title h2,
	.fourth_row_title h3,
	.contact-top-info h2,
	.first_row_text_left h2 {font-size: 22px;}
	.product-row h3,
	.about-top-txt h3,
	.about-bot-txt h3,
	.offer-top-left-text h3,
	.about-mid-txt h3,
	.sub-quote h4,
	.form-right h3, 
	.form-left h3,
	#hd-site-navigation #hd-primary-menu a {font-size: 18px;}
	.third-row-text,
	.product-row li,
	.contact-top-info p,
	.contact-top-info-row a, .contact-top-info-row p,
	.product-row p,
	.about-mid-txt p,
	.fourth_row_title p,
	.service-outer-div p,
	.about-top-txt p,
	.sec-row-title p,
	.form-right:before, .form-left:before,
	.offer-top-left-text p,
	.sub-quote p,
	.first_row_text_left p {font-size: 16px;}
	.first_row_text_left a,
	.third-row-link a,
	.home-bottom-row .we-hire a,
	.client-bot-row .client-left-link a,
	.home-bottom-row .we-hire a,
	input[type="submit"],
	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"],
	#breadcrumbs, #breadcrumbs a, #breadcrumbs span, textarea, .wpcf7-list-item-label,
	.service-outer-div p a {font-size: 14px;}
	.home-bottom-row .we-hire h3,
	.service-outer-div h3 {font-size: 32px;}
	.bot-right-service h4 {font-size: 18px; line-height: 1.4;}
	.quote {font-size: 18px; line-height: 1.4;}
	.footer_left .widget_text p, .site-footer a, .copyright li, .copyright p,.copyright li a, .copyright li {font-size: 14px;}
	.quote:before {font-size: 120px;}
	/* End Font Adjust */

	.about-mid-txt a,.about-bot-txt a {min-width: initial;}
	#breadcrumbs:before {top: 7px;}
	.form-right h3, .form-left h3 {margin-bottom: 25px;}
	.contact-form-div {padding: 20px 3vw;}
	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"] {
		padding: 0px 15px;border-radius: 7px;margin-bottom: 5px;
	}
	.form-right h3, .form-left h3 {margin-bottom: 5px;}
	.form-right, .form-left {padding-left: 5vw;}
	.form-right:before, .form-left:before {width: 30px;height: 30px;line-height: 30px;}
	.form-right, .form-left {width: 100%;}
	.contact-top-info-left {width: 50%;min-width: initial;}
	.contact-top-info-row .contact-top-info-right {width: 50%;}
	.site-footer {padding: 80px 4vw 10px;}
	.footer_menu_left, .footer_menu_right, .footer_right {padding-left: 5px;}
}
@media only screen and (max-width: 750px) {
	.footer_right h4, .footer_left .widget, .footer_menu_right .widget_text, .footer_menu_left .widget_text {margin-bottom: 10px;}
	.sec-row-img-right-bot {right: 20px;}
	.sec-row-title {padding: 36px 10% 15px;}
	.prod-num {font-size: 35px;}
	.contact-top {padding-top: 25px;}
	.page-header h2,
	.slide-text h1 {font-size: 24px;font-family: "Averta-Bold", sans-serif;}
	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"] {line-height: 40px;}
}
@media only screen and (max-width: 700px) {
	#hd-site-navigation #hd-primary-menu .offerItem {position: relative;display: inline-block;right: initial;top: initial;height: auto; margin-top: 5px;}
	.slider-scroll-down {bottom: 15px;}
	.main-menu-toggle.hamburger {width: 65px;height: 65px;}
	.service-outer-div p:last-child {margin: 0;}
	.service-outer-div p {display: block;}
	.footer_right .widget_text strong, .footer_menu_right .widget_text strong, .footer_menu_left .widget_text strong {letter-spacing: 0;}
	.offer-top-right p {padding: 0 0 0 80px;}
	.lang_switch {top: 70px;width: 65px;}

	.site-footer {padding: 40px 5vw 10px;display: inline-block;}
	.footer_left, .footer_menu_left, .footer_menu_right, .footer_right {display: inline-block;padding:0;width: 100%;vertical-align: top;}
	.footer_menu_left img {display: none;}
	.footer_menu_right .widget_text, .footer_menu_left .widget_text {margin-bottom: 10px;}
	.copyright {text-align: left; }
	.sec-row-title {padding: 36px 5vw 0;}
	.footer_left {padding-right: 5px;}
}
@media only screen and (max-width: 680px) {
	#hd-site-navigation #hd-primary-menu {padding-left: 25px;}
	.sec-row-img-right-bot {max-width: 380px;}
	.sec-row-img-right-bot {right: initial;left: 50px;height: 183px;}
}
@media only screen and (max-width: 600px) {
	.sec-row-img-right-top {right: 0;height: 315px;max-width: 290px;top: 50px;}
	.sec-row-laptop {max-width: 320px;height: 250px;top: 50px;}
	.product-three-row a, .product-two-row a {min-width: initial;}
	.form-right:before, .form-left:before {left: -2vw;}
	.copyright {padding: 0 5vw 30px;}
	.footer_right .widget_text {margin-bottom: 0;}
	.site-branding {margin-left: 25px;}
	.page-header h2 {left: 5vw;margin-bottom: 0;top: 60%;}
	.about-top {padding: 25px 5vw 70px;}
	#breadcrumbs:before {width: 2vw;left: 1vw;}
	#breadcrumbs {padding-left: 5vw;}
	.about-mid-txt {padding: 0 5vw;}
	.about-mid-bg {height: auto; min-height: 350px;}
	.about-bot {padding: 70px 5vw;}
	.offer-top-left-text {padding-left: 5vw;padding-right: 5vw;}
	.offer-top-right h3:before {width: 30px;height: 30px;border-radius: 30px;left: 0px;top: 9px;line-height: 30px;font-size: 14px;}
	.offer-top-right .wpcf7 {padding: 25px 5vw;}
	.offer-top-right h3 {padding-left: 40px;margin-bottom: 0;}
	.offer-top-right p {padding: 0 0 0 0;}
	.offer-top-right .form-two {margin-top: 30px;}
	.offer-top-right select {padding: 10px 15px;border-radius: 7px;line-height: 1;margin-bottom: 25px;display: inline-block;}
	textarea {border-radius: 7px;padding: 10px 15px;}
	.home-first-row-left .left-line {padding-left: 5vw;padding-right: 5vw;}
	.home-first-row-left {padding: 0 0 20px;}
	.bot-right-service h4:before, .left-line:before, .home-first-row-left .left-line:before {left: 1vw;width: 3vw;}
	.first_row_text_left {padding-left: 5vw;padding-right: 5vw;}
	.first_row_text_right_small_header {padding: 0 5vw 25px;}
	.home-fourth-row {padding: 0;}
	.bot-right-service h4 {padding: 0 5vw;}
	.bot-right-service h4 {font-size: 17px;line-height: 1.6;}
	.sec-row-title {padding: 36px 5% 15px;}
	.quote {padding: 25px 0;}
	.sub-quote {padding-left: 0;}
	.client-bot-row {margin-bottom: 50px;}
	.home-bottom-row .we-hire h3, .service-outer-div h3 {font-size: 24px;margin-bottom: 15px;}
	.sec-row-img-right-bot {max-width: 360px;height: 175px;bottom: 10%;}
	.first_row_text_left a,.product-three-row a, .product-two-row a,.about-mid-txt a, .about-bot-txt a, .service-outer-div p a, .home-bottom-row .we-hire a {padding: 10px 16px;text-align: center;min-width: 200px;}
} 
@media only screen and (max-width: 550px) {
	.about-top-txt br {display: none;}
}
@media only screen and (max-width: 500px) {
	.contact-top-info-left {border-right: 0;width:100%;}
	.contact-top-info-row .contact-top-info-right {width:100%;padding-left: 0;}
	.contact-top-info-row {display: inline-block;}
	.ebanner {width: 130px;height: 110px;}
}
@media only screen and (max-width: 450px) {
	.form-right:before, .form-left:before {display: none;}
	.form-right, .form-left {padding-left: 0;}
	.site-branding {width: 320px;height: 65px;margin: 0 0 0 25px;}
	.site-branding img {height: 32px;}
	.sec-row-image-canvas {height: 500px;}
	.sec-row-img-right-bot {max-width: 320px;height: 155px;bottom: 8%;}
	.sec-row-img-right-top {right: 0;height: 255px;max-width: 290px;top: 135px;}
	.quote:before {left: 0;top: 13px;font-size: 80px;}
	.third-row-text {max-width: initial;width: 100%; margin-bottom: 25px;}
	.third-row-link {width: 100%;text-align: left;}
	.home-fourth-row br {display: none;}
	.service-div {padding: 50px 20px;}
	.owl-dots {display: none;}
	.slide-text {width: 80%;}
	.prod-num {font-size: 20px;}
	.prod-num:after {width: 100%;}
	.product-row li:before {left: -30px;top: 0;width: 23px;height: 23px;font-size: 13px;line-height: 23px;}
	.ebanner {bottom: 25px;right: 4.4%;}
	.slider-scroll-down {display: none;}
}

.grecaptcha-badge{
	visibility: collapse !important;  
}