/*!
Theme Name: Unibox
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
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: unibox
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.

Unibox 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 {
	font-family: "Montserrat", sans-serif;
	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;
	text-decoration: none;
}
a:focus,
a:focus-visible,
a:focus-within {
	outline: none;
	border: none;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	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: #404040;
	font-family: "Montserrat", 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;
    overflow-x: hidden;
}

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:visited {
	color: #800080;
}

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

a:focus {
	outline: thin dotted;
}

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

/* 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);
	line-height: 1;
	padding: 0.6em 1em 0.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%;
}

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

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

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

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

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

.main-navigation a {
	display: block;
	text-decoration: none;
}

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

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

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

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

.post,
.page {
	margin: 0 0 1.5em;
}

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

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

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

/*** Common CSS start here ***/
.grid-container {
    max-width: 1680px;
}
h1 {
	font-size: 80px;
	letter-spacing: 1px;
	line-height: 90px;
	font-weight: 300;
	font-family: "Montserrat", sans-serif;
}
h2 {
	font-size: 50px;
	letter-spacing: 1px;
	line-height: 52px;
	text-transform: uppercase;
	color: #333333;
	font-weight: 300;
	font-family: "Montserrat", sans-serif;
}
h3 {
	font-size: 42px;
	line-height: 47px;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
  }
h5{
	font-size: 26px;
	line-height: 35px;
	font-weight: normal;
	margin: 0;
  }
p {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 26px;
	color: rgb(51 51 51 / 69%);
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}
.orange-left-arrow {
	padding-left: 46px;
	position: relative;
}
.orange-left-arrow::before {
    content: "";
    display: block;
    background-color: #F47D00;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.btn {
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  letter-spacing: 0.17px;
  border: 1px solid #F47121;
  border-radius: 23px;
  padding: 12px 27px;
  background-color: #F47D00;
  color: #fff;
  position: relative;
  transition: 0.4s ease-in-out;

}
.btn::after {
  background: center/contain no-repeat url("./assets/images/arrow-up-accordion.svg");
  content: " ";
  display: inline-block;
  min-width: 20px;
  width: 19px;
  height: 19px;
  background-size: 19px;
  z-index: 1;
  transition: 0.4s ease-in-out;
  margin-left: 5px;
  position: relative;
  transform: rotate(-45deg);
}
.btn:hover{
  background-color: #333333;
  border-color: #707070;
}
.cky-notice-btn-wrapper .cky-btn {
    color: #F47D00 !important;
    border-color: #F47D00 !important;
}
.cky-notice-btn-wrapper .cky-btn:hover {
    background-color: #F47D00 !important;
    color: #FFFFFF !important;
}
.cky-notice-btn-wrapper .cky-btn-accept {
    color: #FFFFFF !important;
	background-color: #F47D00 !important;
}
.cky-notice-btn-wrapper .cky-btn-accept:hover {
    background: transparent !important;
    color: #F47D00 !important;
}
.page-wrap-inner {
    position: relative;
    overflow: hidden;
}
.page-wrap-inner .grid-line-wrap {
	max-width: 1680px;
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.page-wrap-inner .grid-line {
    position: absolute;
    display: block;
    content: '';
    background-image: linear-gradient(to bottom, #707070 10%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.page-wrap-inner .grid-line--1 {
    left: 24px;
}
.page-wrap-inner .grid-line--2 {
    left: 25%;
}
.page-wrap-inner .grid-line--3 {
    left: 50%;
}
.page-wrap-inner .grid-line--4 {
    left: 75%;
}
.page-wrap-inner .grid-line--5 {
    right: 24px;
}
/*** Common CSS end here ***/

/************ HomePage CSS start Here **************/
/*** Homepage: Banner CSS start here ***/
.banner-section {
    position: relative;
    z-index: 1;
    padding-bottom: 0px;
}
.banner-section .slideshow * {
	outline: none;
}
.banner-section .slideshow .slider-track {
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.banner-section .slideshow .item {
    height: 100vh;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-color: #000;
}
.banner-section .slideshow .item .grid-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}
.banner-section .slideshow .item:before {
	content: "";
	display: block;
	width: 100%;
	height: 400px;
	background: linear-gradient(180deg, rgba(110, 78, 6, 0) 0%, #1f120c 100%);
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 1;
}
.banner-section .slideshow .item img {
	height: 100%;
	width: 100%;
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.banner-section .slideshow .slide.slick-active img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
	animation: cssAnimation 8s 1 ease-in-out forwards;
}
.banner-section .slideshow ul.slick-dots {
	opacity: 0;
	display: none !important;
}
.banner-section .slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.banner-section .hover-elements {
	width: 100%;
    /* margin: -120px 0 0px; */
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banner-section .hover-elements .banner-arrow {
    position: relative;
    text-align: left;
    cursor: pointer;
    max-width: 384px;
    width: 100%;
    margin-right: auto;
    padding-left: 34px;
}
.banner-section .hover-elements .banner-arrow:before {
    content: "";
    background-image: url(./assets/images/arrow-white-rgt.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    position: absolute;
    bottom: 3px;
    right: -50px;
    width: 20px;
    height: 20px;
	opacity: 0;
}
.banner-section .hover-elements .banner-arrow:hover:before {
    opacity: 1;
}
.banner-section .hover-elements .banner-arrow a {
	text-decoration: none;
    font-size: 25px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 5px;
}
.banner-section .hover-elements .banner-arrow span.orange-arrow {
    display: block;
    background-color: #F47D00;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-section .hover-elements .banner-arrow p {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 26px;
	color: rgb(255 255 255 / 69%);
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	text-align: left;
	margin-bottom: 0;
}
.banner-section .slideshow .item h1 {
	margin: 0px;
	z-index: 1;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 300;
}
.banner-section .link-circle {
	position: absolute;
	bottom: -60px;
	right: -50px;
	z-index: 1;
	width: 337px;
	height: 337px;
	left: unset;
	top: unset;
}
.banner-section .link-circle .tablet-link-circle {
    display: none;
}
.banner-section .link-circle a {
    position: absolute;
    border-radius: 50%;
    display: block;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.banner-slider .slick-current img.img-obj-fit.is-active {
	animation: zoom 8s linear;
	-webkit-animation: zoom 8s linear;
	transition: 8s linear;
}

.banner-section .slideshow .item img {
	width: 0;
	transition: all 0.5s ease;
}
.banner-section .slideshow .item img.is-active {
	width: 100%;
	transition: all 1s ease;
}
.banner-section .slideshow .item.is-active img {
	width: 100%;
	transform: none;
}
.banner-section .slideshow .item h1.is-active {
	opacity: 1;
	transition: all 1s ease;
}
.banner-section .slideshow .item h1 {
	opacity: 0;
	transition: all 1s ease;
}
.banner-section .hover-elements.is-active {
	opacity: 1;
	transition: all 1s ease;
}
.banner-section .hover-elements {
	opacity: 0;
	transition: all 1s ease;
}
.banner-section .hover-elements .banner-arrow span.orange-arrow {
	height: 0;
	opacity: 0;
	transition: all 1s ease;
}
.banner-section .hover-elements .banner-arrow span.orange-arrow.is-active {
	height: 100%;
	opacity: 1;
	transition: all 1s ease;
}
.banner-section .slideshow .item:before {
	height: 0;
	opacity: 0;
	transition: all 1s ease;
}
.banner-section .slideshow .item.is-active::before {
	height: 100%;
	opacity: 1;
	transition: all 1s ease;
}
.banner-section .hover-elements .banner-arrow a {
	height: 0;
	opacity: 0;
	transition: all 1s ease;
	position: relative;
	bottom: -20px;
}
.banner-section .hover-elements .banner-arrow a.is-active {
	height: 100%;
	opacity: 1;
	transition: all 1s ease;
	bottom: 0;
}
.banner-section .hover-elements .banner-arrow p {
	height: 0;
	opacity: 0;
	transition: all 1s ease;
	position: relative;
	bottom: -40px;
}
.banner-section .hover-elements .banner-arrow p.is-active {
	height: 100%;
	opacity: 1;
	transition: all 1s ease;
	bottom: 0;
}
.banner-section .hover-elements .banner-arrow:before {
	transition: 0.4s ease-in-out;
}
.banner-section .hover-elements .banner-arrow span.orange-arrow {
	background-color: rgb(255 255 255 / 20%);
	transition: 1s ease-in-out;
	overflow: hidden;
}
.banner-section .hover-elements .banner-arrow.slick-active .orange-arrow::before {
	background-color: rgb(255 255 255 / 20%);
	bottom: 0;
	animation: progressBar 4000ms linear forwards;
	-webkit-animation: progressBar 4000ms linear forwards;
}
.banner-section .hover-elements .banner-arrow .orange-arrow::before {
	content: " ";
	position: absolute;
	top: 0;
	height: 0;
	background: transparent;
	transition: 1s ease-in-out;
	width: 5px;
	height: 100%;
}
.banner-slider .slick-slide.slick-active {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* transition-delay: 10ms; */
	opacity: 1 !important;
	background-color: transparent !important;
}
/*** Homepage: Banner CSS end here ***/
/*** Homepage: Gallery slider CSS start here ***/
.gallery-section {
	padding-top: 227px;
	padding-bottom: 210px;
	position: relative;
	z-index: 0;
}
.gallery-section::before {
    content: "";
    display: block;
    position: absolute;
    right: -500px;
    top: -280px;
    background-image: url("./assets/images/anagrame-shape.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 800px;
}
.gallery-section .gallery-sl .item img {
	width: 100%;
	height: 538px;
	object-fit: cover;
	object-position: center;
}
.gallery-section .gallery-sl .type_1 {
	width: 503px !important;
	padding: 0 25px 0 0;
}
.gallery-section .gallery-sl .type_2 {
	width: 464px !important;
	padding: 183px 25px 0 25px;
}
.gallery-section .gallery-sl .type_3 {
	width: 380px !important;
	padding: 25px 25px 0 25px;
}
.gallery-section .gallery-sl .type_4 {
	width: 524px !important;
	padding: 183px 50px 0 25px;
}
/*** Homepage: Gallery slider CSS end here ***/
/*** Homepage: Animated Image section start here ***/
.image-fw .image-caption {
	display: none;
}
.home .image-fw .image-caption {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0;
	margin-top: 0;
	position: absolute;
	right: 0;
    bottom: -31px;
	z-index: 1;
}
.home .image-fw .image-caption p {
	margin: 0px 0px 0px 15px;
	text-align: left;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	letter-spacing: 0.17px;
	color: #333333;
	opacity: 1;
}
.image-fw .slick-arrow {
	top: 85px;
	right: 45px;
	left: unset;
	bottom: unset;
	z-index: 1;
	width: 58px;
	height: 58px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.image-fw .slick-prev {
	background-image: url(./assets/images/left-arrow-icon.svg);
	right: 152px;
}
.image-fw .slick-next {
	background-image: url(./assets/images/right-arrow-icon.svg);
}
.image-fw .slick-arrow:before {
	content: unset;
}
.image-fw__inner img {
	/* transition: all 1s ease; */
	height: 659px;
	width: 100%;
	object-fit: cover;
	margin: 31px 0px;
	/* transform: scale(1); */
	transition: all 1s ease;
}
.image-fw__cell {
	position: relative;
}
.image-fw__bg {
	position: absolute;
	width: 100%;
	max-width: 420px;
	height: 0%;
	top: 0;
	left: 0;
	transition: all 1s ease;
	bottom: auto;
	background-color: transparent;
}
.image-fw__bg.is-active {
	height: 100%;
	transition: all 1s ease;
	bottom: 0;
}
.home .image-fw__inner img {
	margin: 31px 0px 0;
}
.image-fw .image-slider img.img-obj-fit {
    position: unset;

}
.image-fw__wrap {
	position: relative;
	z-index: 1;
	padding-bottom: 0;
	overflow: hidden;
	width: 100%;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.image-fw__wrap .slick-list.draggable {
    padding-bottom: 722px;
}
/* .image-fw__inner.is-active {
	width: 100%;
	transition: all 1s ease;
	position: relative;
} */
.image-fw.is-active .image-fw__wrap {
	width: 100%;
	transition: all 1s ease;
}
.image-fw.is-active img {
	/* transform: scale(1.05); */
	transition: all 1s ease;
}

.image-fw__inner {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 0 !important;
}
.image-fw__inner.is-active {
	width: 100% !important;
	opacity: 1;
	transition: all 1s ease;
}
.image-fw__wrap {
	transition: all 1s ease;
}


.image-fw__inner img {
	width: 100%;
	opacity: 1;
}
/*** Homepage: Animated Image section end here ***/
/*** Homepage: Propos section start here ***/
.propos-section {
	padding: 130px 0 115px;
	position: relative;
    z-index: 0;
}
.propos-section .left-propos {
	max-width: 580px;
	margin: 0 auto 0 0;
}
.propos-section .left-propos h2{
    text-align: left;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    opacity: 1;
}
.propos-section .left-propos h2::before {
	height: 99px;
}
.propos-section .right-propos {
	max-width: 651px;
	margin-right: auto;
}
.propos-section .right-propos p {
	color: rgb(51 51 51 / 70%);
	letter-spacing: 0.18px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 30px;
}
.propos-section .right-propos a {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	letter-spacing: 0.17px;
	color: #333333;
	opacity: 1;
	padding-bottom: 25px;
	border-bottom: 5px solid #333333;
}
.propos-section .right-propos a:hover {
	color: #f47d00;
	border-bottom: 5px solid #f47d00;
}

.propos-section .right-propos a{
	transition: 1s ease-in-out;
}
/*** Homepage: Propos section end here ***/
/*** Homepage: Catchment section CSS start here ***/
.catchment-section{
	position: relative;
	z-index: 1;
}
.catchment-section .about {
    max-width: 375px;
    margin: 80px auto 0px 45px;
}
.catchment-section .about h2 {
    letter-spacing: 0.5px;
    color: #333333;
    text-transform: uppercase;
    opacity: 1;
    position: relative;
	padding-left: 0px;
	margin-bottom: 40px;
}
.catchment-section .about h2:before {
    height: 99px;
    left: -45px;
}
.catchment-section .about p {
	color: rgb(51 51 51 / 70%);
	letter-spacing: 0.18px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 56px;
}
.catchment-section .about a {
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    letter-spacing: 0.17px;
    color: #F47D00;
    opacity: 1;
    display: flex;
    align-items: center;
    max-width: 255px;
    border: 1px solid #F47121;
    border-radius: 50px;
    padding: 14px 25px;
}
.catchment-section .about a img {
    width: 20px;
    height: 20px;
    margin-left: 26px;
}
.catchment-section .map-area {
    padding-right: 45px;
    /* margin-left: -45px; */
	position: relative;
}
.orange-svg,
.grey-svg{
	cursor: pointer;
}
.catchment-section .map-area .orange-link,
.catchment-section .map-area .grey-link {
    display: none;
    position: absolute;
    top: 38%;
    left: 27%;
    width: 100%;
    max-width: 164px;
    height: 70px;
    font: normal normal bold 22px/normal Montserrat;
    letter-spacing: 0.22px;
    color: #333333;
    opacity: 1;
    background: #fff;
    text-align: center;
    padding: 20px 35px;
    border-radius: 40px;
    z-index: 1;
    cursor: pointer;
}
.catchment-section .map-area svg {
    width: 100%;
	height: auto;
}
.catchment-section .map-area .orange-link.show,
.catchment-section .map-area .grey-link.show{
	display: inline-block;
}
.catchment-section .map-area .orange-link {
    color: #F47D00;
    top: 47%;
    left: unset;
    right: 25%;
}
.catchment-section .map-area .orange-link::after,
.catchment-section .map-area .grey-link::after {
    content: "";
    display: block;
    width: 50px;
    height: 26px;
    background-color: #fff;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    margin: 0 auto;
    position: absolute;
    bottom: -25px;
    left: 58px;
}
/*** Homepage: Catchment section CSS end here ***/
/*** Homepage: Counter section CSS start here ***/
.counter-section {
    padding: 177px 0px 167px;
}
.counter-section .about {
    max-width: 500px;
}
.counter-section .about h2 {
    text-align: left;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    opacity: 1;
}
.key-list {
    max-width: 100%;
    padding-right: 0;
    width: 100%;
    padding-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	grid-gap: 90px 28px;
}
.key-item {
    position: relative;
    padding: 0;
    width: calc(50% - 14px);
}
.key-item .key-item-top {
    display: flex;
    align-items: center;
}
.key-item__text {
    text-align: left;
    max-width: calc(100% - 105px);
    margin-left: auto;
}
.key-item__icon svg, .key-item__icon img {
    max-width: 62px;
    height: auto;
}
.key-item__icon {
    margin-right: 40px;
}
.key-item__icon svg, .key-item__icon img {
    max-width: 60px;
    height: auto;
}
.key-item__num-wrap {
    font-size: 0;
    display: flex;
    align-items: end;
	position: relative;
}
.key-item__num {
    display: inline-block;
    font: normal normal 300 80px/88px Montserrat;
}
.key-item__mark {
    display: inline-block;
    font: normal normal 300 67px/normal Montserrat;
    position: absolute;
    top: -20px;
    right: -35px;
}
.key-item__text h3 {
	margin-bottom: 30px;
	text-align: left;
	font: normal normal 500 22px/30px Montserrat;
	letter-spacing: 0.22px;
	color: #333333;
	opacity: 1;
}
.key-item:after {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: calc(100% - 105px);
    background-color: #d5d5d5;
    bottom: 0;
    right: 0;
}
/*** Homepage: Counter section CSS end here ***/

/*** Contact Page: Contact CSS start Here ***/
.contact-page {
    background-color: #fff;
}
.contact {
    padding-bottom: 27px;
    position: relative;
    z-index: 1;
}
.contact-page .grid-container .grid-margin-x ,
.contact-page .grid-container .grid-margin-x>.cell {
	margin: 0px;
}
.contact-page .grid-container .grid-margin-x>.large-6 {
    width: calc(50% - 0rem);
	margin: 0px;
}
.contact .quform {
    padding: 115px 0px 36px 0;
}
img.lazyloaded {
    opacity: 1;
}
.banner-section .img-obj-fit,
.contact-page .img-obj-fit{
    position: absolute;
    object-position: 50% 10%;
    object-fit: cover;
    height: 100%;
    width: 100%;
    left: 0;
}
.top-contact {
    position: relative;
}
.top-contact__grid {
    position: relative;
    padding-top: 270px;
    padding-bottom: 270px;
    min-height: 300px;
}
.top-contact__title {
    position: relative;
    padding-left: 30px;
    text-transform: uppercase;
    color: #fff;
	margin: 0px;
}
.top-contact__title:before {
    position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: calc(100% - 20px);
    top: 10px;
    left: 0;
    background-color: #F47D00;
}
.contact .quform .quform-form-title {
    font: 700 26px/35px "Montserrat",sans-serif;
    margin-bottom: 50px;
	position: relative;
	padding-left: 30px;
	color: #333333;
    opacity: 1;
}
.contact .quform .quform-form-title:before {
    position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: calc(100% - 10px);
    background-color: #F47D00;
    left: 0;
    top: 5px;
}
.contact .quform-elements {
    padding-left: 30px;
    padding-right: 30px;
}
.quform .quform-spacer {
    position: relative;
    padding: 0 0 0 0;
}
textarea::placeholder,
textarea::-webkit-input-placeholder
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea:-moz-placeholder,  
input::placeholder,
input::-webkit-input-placeholder
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder
{
    color: rgb(51 51 51 / 70%);
}
.quform .quform-field-captcha,
.quform .quform-field-date,
.quform .quform-field-email,
.quform .quform-field-file,
.quform .quform-field-multiselect,
.quform .quform-field-password,
.quform .quform-field-select,
.quform .quform-field-text,
.quform .quform-field-textarea,
.quform .quform-field-time,
.quform .select2-container--quform .select2-selection {
    display: block;
    margin: 0;
    min-width: 10px;
    max-width: 100%;
    width: 100%;
    padding: 8px;
    height: auto;
    line-height: 1.5;
    font-size: 1em;
    border: 1px solid #e3e3e3;
}
.quform .quform-field-captcha,
.quform .quform-field-date,
.quform .quform-field-email,
.quform .quform-field-password,
.quform .quform-field-text,
.quform .quform-field-textarea,
.quform .quform-field-time {
    font: 400 18px/30px "Montserrat",sans-serif;
    height: 61px;
    background-color: transparent;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #d5d5d5;
    color: #333;
}
.btn-arrow, .quform-submit {
    position: relative;
    display: inline-block;
    font: 600 15px/19px "Montserrat",sans-serif;
    padding: 13px 50px 13px 30px;
    background-color: #F47D00;
    color: #fff;
    border-radius: 23px;
}
.quform .iwt-dropdown-area .quform-spacer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	margin-top: 50px;
}
.quform .iwt-dropdown-area .quform-spacer .quform-label {
    width: 150px;
}
.quform .iwt-dropdown-area .quform-spacer .quform-inner.quform-inner-select {
    width: calc(100% - 150px);
    padding-left: 30px;
}
.quform .iwt-dropdown-area .quform-spacer .quform-inner.quform-inner-select select {
    border: none;
    font: normal normal normal 18px/26px Montserrat;
    letter-spacing: 0.18px;
    color: #333333;
    opacity: 1;
    border-bottom: 1px solid #f47d00;
    text-align: left;
	padding: 0px 30px 20px 10px;
	background-image: url(./assets/images/gray-down-arrow-up.svg);
    background-size: 19px 19px;
	background-position: right -30px top 5px;
	background-repeat: no-repeat;
}
select:focus,
.ui-selectmenu-button:focus{
	background-color: #fff;
}
select option:focus,
.ui-selectmenu-button option:focus{
	background-color: green;
}
.quform .iwt-dropdown-area .quform-spacer .quform-label .quform-label-text {
    text-align: left;
    font: normal normal 600 18px/26px Montserrat;
    letter-spacing: 0.18px;
    color: #333333;
    opacity: 1;
}
.quform-element-submit button {
    display: block;
    margin: 0;
    cursor: pointer;
    line-height: 1.5;
    max-width: 100%;
}
.quform button.quform-submit {
    padding: 13px 50px 13px 30px !important;
    line-height: 19px;
}
.quform-responsive-elements-phone-landscape .quform-element-submit {
    margin-top: 30px;
}
.quform-responsive-elements-phone-landscape .quform-element-submit button {
    width: auto;
    border: none;
}
.btn-arrow:after, .quform-submit:after {
    position: absolute;
    display: block;
    content: '';
    width: 28px;
    height: 28px;
    background-size: 28px;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    background: center/contain no-repeat url('./assets/images/arrow-up2-white.svg');
}
.btn-arrow:hover, .quform-submit:hover {
    background-color: #333;
    color: #fff;
}
.contact--right {
    position: relative;
    background-color: #fff;
    padding: 70px 80px 0px 78px;
    margin-top: -150px;
}
.contact__label {
	position: relative;
    font: 700 17px/21px "Montserrat", sans-serif;
    color: rgba(51, 51, 51, 0.2);
    margin-bottom: 10px;
}
.contact-list > div > .contact__label::after {
	position: absolute;
	content: "" ;
	width: calc(100% - 35%) ;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
	height: 1px;
	opacity: 0.2;
	border-bottom: 1px solid #333333;
	
}

.contact address {
    position: relative;
    font: 400 26px/35px "Montserrat", sans-serif;
    color: #333;
    margin-top: 30px;
    margin-bottom: 60px;
}
.contact__link {
    display: inline-block;
    font: 400 26px/32px "Montserrat", sans-serif;
    color: #333;
    margin-bottom: 30px;
}
.contact__link:hover {
    color: #17A5E3;
}
.contact__map-wrap {
    margin-top: 50px;
}
.contact__map {
    height: 340px;
}
.contact__content {
    margin-bottom: 50px;
}
.contact-details .contact-info-row .contact-info-box {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 47px;
	margin-top: 30px;
    margin-bottom: 60px;
}
.contact-details .contact-info-row .contact-info-box .contact-placeholder{
	border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	min-width: 133px;
    min-height: 133px;
    background-color: #F0F0F0;
}
.contact-details .contact-info-row .contact-info-box .contact-information{
	position: relative;
    font: 400 26px/35px "Montserrat",sans-serif;
    color: #333;
    padding-left: 36px;
	position: relative;
}
.contact-details .contact-info-row .contact-info-box .contact-information::before {
	position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: calc(100% - 16px);
    background-color: #F47D00;
    top: 8px;
    left: 0;
}
.contact-details .contact-info-row .contact-info-box .contact-information p.contact-name {
    letter-spacing: 0.26px;
    color: #333333;
    text-align: left;
    /* font: normal normal bold 26px/35px Montserrat; */
    font: normal normal bold 18px/25px Montserrat;
    letter-spacing: 0.26px;
    color: #333333;
    opacity: 1;
    margin: 0 0 17px 0;
    padding-top: 15px;
}
.contact-details .contact-info-row .contact-info-box .contact-information span {
    display: block;
    letter-spacing: 0.26px;
    color: #333333;
    text-align: left;
    /* font: 400 26px/35px "Montserrat", sans-serif; */
    letter-spacing: 0.26px;
    opacity: 1;
    margin: 0 0 17px 0;
    font: 400 18px/25px "Montserrat", sans-serif;
}
.contact-details .contact-info-row .contact-info-box .contact-information span a {
    /* letter-spacing: 0.26px; */
    color: #333333;
    text-align: left;
    /* font: 400 26px/35px "Montserrat", sans-serif; */
    letter-spacing: 0.26px;
    opacity: 1;
    padding-left: 15px;
    font: 400 18px/25px "Montserrat", sans-serif;
}
.contact-details .contact-list .contact-items {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 47px;
	margin-top: 30px;
    margin-bottom: 30px;
}
.contact-details .contact-list .contact-items .contact__label{
	margin-bottom: 40px;
}
.contact-details .contact-list .contact-items .contact-placeholder { 
	border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	min-width: 96px;
    min-height: 96px;
    background-color: #F0F0F0;
}
.contact-details .contact-list .contact-items .contact-information {
	position: relative;
    font: 400 26px/25px "Montserrat",sans-serif;
    color: #333;
	position: relative;
}
.contact-details .contact-list .contact-items .contact-information p.contact-name{
	letter-spacing: 0.26px;
	color: #333333;
	text-align: left;
	font: normal normal bold 18px/25px Montserrat;
	letter-spacing: 0.18px;
	color: #333333;
	opacity: 1;
	margin:  0 0 15px 0;
}
.contact-details .contact-list .contact-items .contact-information span {
	display: block;
	letter-spacing: 0.26px;
	color: #333333;
	text-align: left;
	font: 400 18px/25px "Montserrat", sans-serif;
	letter-spacing: 0.26px;
	opacity: 1;
	margin:  0 0 15px 0;
}
.contact-details .contact-list .contact-items .contact-information span a {
	letter-spacing: 0.26px;
	color: #333333;
	text-align: left;
	font: 400 18px/25px "Montserrat", sans-serif;
	letter-spacing: 0.26px;
	opacity: 1;
	padding-left: 15px;
}
.contact-page .gallery-section::before {
    right: unset;
    left: -390px;
    top: -360px;
}
/*** Contact Page: Contact CSS end Here ***/


/*** Header CSS start here ***/
body.home:before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	max-height: 279px;
  height: 100%;
	background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
header .main-navigation ul li a{
  transition: 0.4s ease-in-out;
}
header .iwt-header-main .main-navigation ul li>a:after {
  position: absolute;
  display: block;
  content: '';
  width: 40px;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #333;
  opacity: 0;
}
header .iwt-header-main .main-navigation ul li.current-menu-item>a:after,
header .iwt-header-main .main-navigation ul li.current_page_ancestor>a:after,
header .iwt-header-main .main-navigation ul li.current_page_parent>a:after {
  opacity: 1;
}
header#masthead {
	padding: 10px 0px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
	background: transparent;
}
header#masthead a.iwt-header-logo img {
	max-width: 150px;
  width: 100%;
	height: auto;
}
header .iwt-header-main {
	width: 100%;
}
header .iwt-header-main .main-navigation {
	display: block;
	width: 100%;
}
header .iwt-header-top {
	width: 100%;
	flex-flow: row;
	justify-content: flex-end;
	text-align: right;
	margin-bottom: 10px;
}
header .main-navigation ul li a {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Montserrat";
	text-decoration: none;
	padding: 10px;
}
header .iwt-header-top .iwt-header-top-link a {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 26px;
	color: #ffffff;
	font-weight: normal;
	font-family: "Montserrat";
	text-transform: uppercase;
}
header .iwt-header-top .iwt-header-top-link a.linkedin-logo {
	margin-left: 20px;
}
header .iwt-header-top .iwt-header-top-link a.linkedin-logo img {
	height: auto;
	width: auto;
}
header .main-navigation ul li a:hover {
	color: #f47d00;
}
header .iwt-header-main .main-navigation {
	display: flex;
  width: 100%;
  align-items: center;
	justify-content: flex-end;
}
header .wpml-fish select,
header .ui-selectmenu-button {
	background: transparent !important;
	border: none !important;
	color: #fff;
	width: auto;
	padding: 10px;
	margin: 0px;
}
header .wpml-fish select {
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}
header .main-navigation ul li {
	margin-right: 15px;
}
.header.is-open .mob-menu-wrap {
  left: 0;
  opacity: 1;
  transition: all 0.25s ease;
}
.menu-btn {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 34px;
  width: 24px;
  height: 18px;
  transform: translateY(-50%);
}
.menu-btn:hover {
  cursor: pointer;
}
.menu-btn.menu-is-open .menu-btn-line--1 {
  transform: rotate(-45deg);
  width: 12px;
  top: 4px;
  transition: all 0.2s ease;
}
.menu-btn.menu-is-open .menu-btn-line--2{
  left: 1px;
}
.menu-btn.menu-is-open .menu-btn-line--3 {
  transform: rotate(45deg);
  width: 12px;
  bottom: 3px;
  transition: all 0.2s ease;
}
.menu-btn-line {
  position: absolute;
  display: block;
  content: '';
  width: 24px;
  height: 1px;
  background-color: #333;
}
.menu-btn-line--1 {
  top: 0;
  left: 0;
  transition: all 0.2s ease;
}
.menu-btn-line--2 {
  top: 50%;
  left: 0;
  transition: all 0.2s ease;
}
.menu-btn-line--3 {
  bottom: 0;
  left: 0;
  transition: all 0.2s ease;
}
.wpml-fish {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
}
.wpml-fish .wpml-ls-legacy-dropdown .wpml-ls-flag{
    display: none;
}
.wpml-fish .wpml-ls-legacy-dropdown .wpml-ls-flag+span {
    margin-left: 0;
}
.wpml-fish .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    margin-top: 0;
}
header .wpml-fish:before {
  position: absolute;
  display: block;
  content: '';
  width: 12px;
  height: 6px;
  background: center/contain no-repeat url("./assets/images/ctrl-down.svg");
  background-size: 12px 6px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.mob-menu-wrap .wpml-fish:before{
  display: none;
}
.wpml-ls-native {
  color: #fff;
}
header.header--dark.is-stuck .wpml-fish select,
header.header--light .wpml-fish select,
.is-open .wpml-ls-native,
.header--light .wpml-ls-native,
.is-stuck .wpml-ls-native {
  color: #333 ;
}
.wpml-ls-native:hover {
  color: #fff;
}
.is-open .wpml-ls-native:hover,
.header--light .wpml-ls-native:hover,
.is-stuck .wpml-ls-native:hover {
  color: #333;
}
.wpml-ls-legacy-dropdown {
  width: 45px;
  font-size: 13px;
  font-weight: 500;
}
.wpml-ls-legacy-dropdown a {
  font: 700 18px/1 "Montserrat", sans-serif;
  border: none;
  color: #fff;
  background-color: transparent !important;
}
.is-stuck .wpml-ls-legacy-dropdown a {
  color: #333;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  padding-left: 0;
  padding-right: 25px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  display: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
  position: absolute;
  display: block;
  content: '';
  width: 12px;
  height: 6px;
  background: center/contain no-repeat url("./assets/images/ctrl-down.svg");
  background-size: 12px 6px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
header.header--dark.is-stuck .wpml-fish::before,
header.header--light .wpml-fish::before,
header.header--dark.is-open .wpml-fish:before,
.is-open .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before,
.header--light .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before,
.is-stuck .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
  background: center/contain no-repeat url("./assets/images/ctrl-down-black.svg");
}
.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
  top: 0;
}
.sticky {
  z-index: 5;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  text-align: center;
}
.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus {
  border-bottom: none;
  color: #fff;
}
.bottom-line {
  padding: 15px 0;
}
.bottom-line__link {
  display: inline-block;
  padding: 5px 0;
  font: 500 12px/15px "Montserrat",sans-serif;
  text-transform: uppercase;
  color: #333;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border-top: none;
  margin-top: 14px;
}
.header-container--light .header--light,
.page-template-about-design header {
  padding: 45px 0 35px 0;
}
.logo__small {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 0;
  opacity: 0;
}
.logo a {
  display: inline-block;
}
.logo img {
  width: 100%;
  max-width: 150px;
  height: auto;
  object-fit: contain;
}
header .wpml-fish select option{
  background: transparent;
}
.header-container {
  z-index: 3;
}
.header-container--dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.header {
  padding: 10px 0 30px 0;
  background-color: #fff;
  transition: all 0.5s ease;
  box-shadow: none;
}
.header-container--light header.is-stuck,
.header.is-stuck {
  background-color: #fff;
  padding: 18px 0;
  transition: all 0.5s ease;
  -moz-box-shadow: 0px 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0 30px 0px rgba(0, 0, 0, 0.1);
}
.header.is-stuck .top-line-wrap {
  display: none;
}
.header.is-stuck .logo__big {
  opacity: 0;
}
.header.is-stuck .logo__small {
  opacity: 1;
}
.header.is-stuck .header-menu.menu li>a {
  color: #333;
}
.header.is-stuck .header-menu.menu li>a:hover {
  color: #5DC9D1;
}
.header.is-stuck .header-menu.menu li.current-menu-item>a:after,
.header.is-stuck .header-menu.menu li.current_page_ancestor>a:after,
.header.is-stuck .header-menu.menu li.current_page_parent>a:after {
  background-color: #F47D00;
}
.header.is-stuck .menu-btn-line {
  background-color: #333;
}
.header--dark {
  background-color: transparent;
}
.header--dark.is-open {
  background-color: #fff;
}
.header--dark.is-open .menu-btn-line {
  background-color: #333;
}
.header--dark.is-open #Path_136,
.header--dark.is-open #Path_137,
.header--dark.is-open #Path_138,
.header--dark.is-open #Path_139,
.header--dark.is-open #Path_140,
.header--dark.is-open #Path_141,
.header--dark.is-open #Path_142,
.header--dark.is-open #Path_143,
.header--dark.is-open #Path_144,
.header--dark.is-open #Path_145 {
  fill: #333;
}
.header--dark.is-open .socials__link {
  background-color: #333;
  color: #fff;
}
.socials__link {
  display: inline-block;
  color: #fff;
  background-color: #333;
  border-radius: 50%;
  width: 34px;
  line-height: 34px;
  text-align: center;
}
.header--dark .top-line__link {
  color: #fff;
}
/* .header--dark .socials__link {
  background-color: #fff;
  color: #333;
} */

.header--dark .header-menu.menu li>a {
  color: #fff;
  transition: 0.4s ease-in-out;
}
.header--dark .header-menu.menu li.current-menu-item>a:after,
.header--dark .header-menu.menu li.current_page_ancestor>a:after,
.header--dark .header-menu.menu li.current_page_parent>a:after {
  background-color: #F47D00;
}
.header--dark .menu-btn-line {
  background-color: #fff;
}
.menu-grid-container {
  transform: translateY(0);
  transition: all 0.5s ease;
}
.menu-grid-container.header--home {
  transform: translateY(-115%);
  transition: all 0.5s ease;
}
.menu-grid-container.is-active {
  transform: translateY(0);
  transition: all 0.5s ease;
  position: relative;
  z-index: 3;
}
.jobs-num {
  position: absolute;
  top: 0;
  right: -7px;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  background-color: #F34B56;
  color: #fff;
  font: 700 13px/22px "Montserrat", sans-serif;
  border-radius: 50%;
}
.socials {
  display: inline-block;
  padding-left: 24px;
}
.mob-menu-wrap {
  position: absolute;
  padding-top: 45px;
  padding-bottom: 100px;
  width: 100%;
  left: 100%;
  opacity: 0;
  top: 80px;
  transition: all 0.25s ease;
  z-index: 2;
  background-color: #fff;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a.wpml-ls-link {
  text-align: left;
  padding: 15px 15px 10px;
  position: relative;
  width: 130%;
  left: -14px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child>a:after {
  display: none;
}
.header--light .iwt-header-logo.light {
  display: inline-block !important;
}
.header--dark .iwt-header-logo.dark {
  display: inline-block;
}
.header.is-stuck .top-line-wrap {
  display: none;
}
.header .iwt-header-logo.light{
  display: none;
}
.header--dark a.logo__home {
  display: none;
}
.header--light a.logo__home {
  display: none;
}

.logo {
  display: inline-block;
  font-size: 0;
}

.logo__home {
  position: relative;
  height: 66px;
  font-size: 0;
}
.logo__big {
  opacity: 1;
  font-size: 0;
}

.header .logo__big img {
    max-width: 200px;
}
.sticky.is-stuck .logo__small img {
    max-width: 150px;
}
.is-open .wpml-ls-native, .header--light .wpml-ls-native, .is-stuck .wpml-ls-native {
  color: #333;
}
.mobile-menu-mob li a span,
footer nav.main-navigation li a span,
.header-menu.menu li a span {
  background: #F47D00;
  width: 25px;
  height: 25px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  right: -10px;
  border-radius: 50%;
  top: -10px;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  font-weight: bold;
}
.mobile-menu-mob li a span {
  background-color: #F34B56;
  right: auto;
  position: relative;
  left: auto;
  top: 0;
  margin-left: 8px;
  display: inline-flex;
  line-height: 25px;
}
/*** Header CSS end here ***/

/*** Footer CSS start here ***/
.site-footer {
    position: relative;
    z-index: 1;
}
footer .iwt-contact-info {
	margin-bottom: 100px;
}
footer .iwt-footer-main .iwt-contact-title {
	margin-bottom: 38px;
	margin-top: 30px;
}
footer .iwt-footer-main .iwt-contact-info a {
	color: #333333;
	font-size: 18px;
	display: block;
	margin-bottom: 15px;
	outline: none;
	border: 0;
	transition: 0.4s ease-in-out;
}
footer .iwt-footer-main {
	background-color: #FCFCFC;
	padding: 70px 0 50px;
}
footer .iwt-footer-social-menu a.linkedin {
	width: 54px;
	height: 54px;
	background: #fff;
	display: flex;
	align-items: center;
	border-radius: 50%;
	justify-content: space-around;
	color: #333333;
	font-size: 24px;
	line-height: normal;
	transition: 0.4s ease-in-out;
}
footer nav.main-navigation li a {
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	font-weight: bold;
	padding: 10px;
	transition: 0.4s ease-in-out;
	display: inline-block;
	position: relative;
}
footer a.iwt-footer-logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 449px;
	width: 100%;
	margin-bottom: 127px;
}
footer .iwt-footer-bottom-warp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* opacity: 1 !important;
	transform: none !important; */
}
footer .iwt-fbottom-cright-text {
	margin-right: auto;
}
footer .iwt-footer-copyright {
	background-color: #fff;
	padding: 24px 0 22px 0;
}
footer .iwt-fbottom-cright-text p a {
	font-size: 13px;
	line-height: 28px;
	color: rgb(51 51 51 / 60%);
	text-transform: uppercase;
	margin: 0px;
	text-decoration: none;
	cursor: pointer;
}
footer .iwt-fbottom-cright-text p {
	margin-bottom: 0;
	margin-left: 42px;
	font-size: 13px;
	line-height: 28px;
	color: rgb(51 51 51 / 60%);
	text-transform: uppercase;
}
footer .iwt-fbottom-logo .iwt-fbtm-logo {
	display: inline-block;
	max-width: 94px;
	width: 100%;
}
footer nav.main-navigation li a:hover,
footer .iwt-footer-main .iwt-contact-info a:hover,
.iwt-footer-social-menu nav li a:hover {
	color: #17A5E3;
}
footer .iwt-footer-social-menu a.linkedin:hover {
	background-color: #17A5E3;
	color: #fff;
}
footer .iwt-fbottom-mby-text .iwt-fbottom-title {
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .iwt-fbottom-mby-text .iwt-fbottom-title p {
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 5px;
	font-weight: 500;
	color: rgb(51 51 51 / 60%);
}
footer .iwt-fbottom-mby-text .iwt-fbottom-title .made-by {
	margin-left: 8px;
	max-width: 20px;
	width: 100%;
}
footer a.iwt-footer-logo img {
	width: 100%;
	display: inline-block;
}
footer a.iwt-footer-logo .iwt-footer-logo-img {
	max-width: 123px;
	width: 100%;
	margin-right: 38px;
}
footer .iwt-footer-logo-contact a.iwt-footer-logo h4 {
	font-size: 34px;
	line-height: 40px;
	font-weight: lighter;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 0;
	font: normal normal 300 34px/40px Montserrat;
	letter-spacing: 0.34px;
	color: #333333;
}
footer .iwt-footer-logo-contact a.iwt-footer-logo h4 b {
	display: block;
}
/*** Footer CSS end here ***/

/*** About Page: About Us start here ***/
.post, .page {
	margin: 0;
}
.page-template-about-design header .iwt-header-main .main-navigation ul li.menu-item a:hover {
	color: #5DC9D1;
}
.about-us-section {
  /* margin-top: 186px; */
  padding-top: 54px;
}
.bg-img {
  position: absolute;
  width: calc(100% + 66px);
  height: 100%;
  max-height: 420px;
  bottom: 0;
  left: -33px;
  right: 33px;
  transition: all 1s ease;
  background-color: #f47d00;
  z-index: -1;
}
.about-us-section .about-us-rgt {
  position: relative;
}
.about-us-section .about-us-img img {
  display: inline-block;
  height: 100%;
  width: 100%;
  min-height: 1013px;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.about-second-section .about-us-rgt {
  margin-left: 124px;
  margin-top: 157px;
  max-width: 530px;
  margin-bottom: 138px;
}
.about-us-section .about-us-lft {
  padding-right: 85px;
  max-width: 720px;
}
.about-us-section{
  position: relative;
  /* z-index: -1; */
}
.page-template-about-design
  header
  .iwt-header-main
  .main-navigation
  ul
  li.menu-item
  a {
  color: #333333;
}
/*** About Page: About Us end here ***/

/*** About Page: About section start here ***/
#about-second-section{
  scroll-behavior: smooth;
}
.about-second-section .about-us-img img {
  min-height: auto;
  max-height: 420px;
  max-width: 420px;
}
.about-second-section .about-us-img {
  text-align: right;
}
.about-second-section .about-us-rgt h3 {
  margin-bottom: 37px;
}
.about-second-section .about-us-rgt p {
  margin-bottom: 15px;
}
.about-us-section .about-us-warp{
  position: relative;
  z-index: 1;
}
/* .about-us-section .about-us-warp::after {
  position: absolute;
  display: block;
  content: "";
  width: 330px;
  height: 330px;
  background: center/contain no-repeat url("./assets/images/gray-circle-arrow-down.svg");
  background-size: contain;
  bottom: 20px;
  left: -163px;
  z-index: -1;
} */
.about-us-section .link-circle {
  position: absolute;
  left: -167px;
  top: 100%;
  bottom: unset;
} 
.about-us-section .link-circle  a {
  position: absolute;
  border-radius: 50%;
  display: block;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  outline: none;
}
/*** About Page: About section end here ***/

/*** About Page: Content section start here ***/
.content-section .about-us-rgt {
  max-width: 650px;
  margin: 0 auto 0 0;
  margin-top: 33px;
}
.content-section .about-us-lft {
  max-width: 559px;
  width: 100%;
  padding-right: 15px;
}
.content-section {
  margin-top: 123px;
}
/*** About Page: Content section end here ***/

/*** About Page: History section start here ***/
.history {
  position: relative;
  padding-bottom: 135px;
  background-color: #fff;
  overflow: hidden;
}
.sl-arrow {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 72px;
  background-color: #1d1d1d;
  border-radius: 50%;
  text-align: center;
  transition: all 0.5s ease;
}
.sl-arrow:after {
  position: absolute;
  display: block;
  content: "";
  width: 27px;
  height: 21px;
  background: center/contain no-repeat url("./assets/images/arrow-up-white.svg");
  background-size: 27px 21px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sl-arrow--left {
  transform: translate(0, 0) rotate(180deg);
}
.history:before {
  position: absolute;
  display: block;
  content: "";
  background-color: #fcfcfc;
  width: 100vw;
  top: 0;
  height: 100%;
  z-index: 0;
}
.history--left-title {
  padding-top: 190px;
}
.history__title {
  padding-left: 25px;
  margin-bottom: 0;
}
.history__grid {
  padding-top: 125px;
}
.history__range {
  position: relative;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  font: 600 18px/22px "Montserrat", sans-serif;
  padding: 30px;
  color: #333;
  opacity: 0.3;
  text-align: left;
}
.history__range:after {
  position: absolute;
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  background-size: 28px;
  background: center/contain no-repeat url("./assets/images/arrow-up.svg");
  top: 50%;
  right: 5px;
  transform: translate(0, -50%) rotate(45deg);
  opacity: 0;
}
.history__range.is-active,
.history__range:hover {
  opacity: 1;
  cursor: pointer;
}
.history__range.is-active:after,
.history__range:hover:after {
  opacity: 1;
}
.history--cell-top {
  position: relative;
  z-index: 2;
}
.history--cell-left {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.history--cell-left:before {
  position: absolute;
  display: block;
  content: "";
  width: 50vw;
  height: calc(100% + 250px);
  background-color: #fcfcfc;
  top: -125px;
  right: 0;
  z-index: -1;
}
.history-range-wrap {
  max-width: 370px;
  padding-right: 20px;
}
.history--cell-right {
  position: relative;
}
.history--cell-right .sl-arrow-wrap {
  position: absolute;
  top: 0;
  bottom: inherit;
  left: 48%;
}
.history-sl-wrap {
  opacity: 1;
  transition: all 0.5s ease;
  margin-left: -1.5rem;
}
.history-sl-wrap.hide-it {
  opacity: 0;
  transition: all 0.5s ease;
}
.history-sl {
  position: relative;
}
.history-sl:before {
  position: absolute;
  display: block;
  content: "";
  width: 100vw;
  height: calc(100% + 125px);
  background-color: #292929;
  top: -125px;
  left: 34%;
}
.history-sl .slick-list {
  overflow: visible;
}
.history-sl .slick-slide:not(.slick-active) .history__range,
.history-sl .slick-slide:not(.slick-active) .history-item--right {
  opacity: 0;
}
.history-item {
  color: #fff;
  float: left;
  width: 100%;
}
.history-item--left {
  float: left;
  width: 44.44%;
}
.title-line {
  position: relative;
  padding-left: 28px;
}
.sl-arrow:hover {
  cursor: pointer;
  background-color: #a6a6a6;
  transition: all 0.5s ease;
}
.history-item--right {
  float: right;
  width: 55.56%;
  padding-top: 130px;
  padding-left: 3.5%;
  padding-right: 3.5%;
}
.history-item__image img {
  min-height: 560px;
  object-fit: cover;
  object-position: left;
}
.history-item__image {
  padding-bottom: 30%;
}
.history-item__year {
  display: inline-block;
  font: 700 80px/1 "Montserrat", sans-serif;
  margin-bottom: 25px;
  width: 100%;
}
.history-item__title {
  position: relative;
  margin-bottom: 30px;
}
.history-item__title:before {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  height: 86%;
  top: 7%;
  left: 0;
  background-color: #f47d00;
}
.history-item__text {
  color: rgba(255, 255, 255, 0.7);
  padding-left: 25px;
}
.type-drop-down-gallery__list {
  width: 100%;
  margin: 0;
  align-items: center;
  text-align: center;
  font-size: 0;
}
p:empty{
  display: none;
}
.show-mobile,
.humberger_btn,
.iwt-res-menu{
  display: none;
}
/*** About Page: History section end here ***/
/*** FAQ Page: FAQ section CSS start here ***/
.iwt-faq-section {
  padding-top: 162px;
}
.iwt-faq-section h1 {
  margin: 0;
}
.iwt-faq-section b{
  display: block;
}
.iwt-faq-section .iwt-faq-title {
  position: relative;
  margin-bottom: 28px;
}
.iwt-faq-section .iwt-faq-title,
.iwt-faq-section .iwt-faq-text {
  padding-left: 49px;
}
.question-box span.orange-arrow,
.iwt-faq-section .iwt-faq-title span.orange-arrow {
  display: block;
  background-color: #F47D00;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.iwt-faq-section .iwt-faq-lft {
  position: relative;
  z-index: 0;
  height: 100%;
}
.iwt-faq-section .iwt-faq-lft .iwt-faq-text h5 {
	color: #333333;
	font: normal normal normal 26px/35px Montserrat;
}
.iwt-faq-section .iwt-faq-lft::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  max-width: 964px;
  height: 100%;
  max-height: 964px;
  background: center/contain no-repeat url("./assets/images/anagrame-shape.svg");
  background-size: contain;
  z-index: -1;
  transform: translate(-30% ,0px);
  top: 320px;
  left: -30%;
  transition: 0.4s ease-in-out;
}
.iwt-faq-rgt ul.accordion li.accordion-item a {
  padding: 42px 75px 17px 0;
  border: 0;
  border-top: 1px solid #D5D5D5;
  font-size: 22px;
  color: #333333;
  font-weight: bold;
  line-height: 30px;
  transition: 0.4s ease-in-out;
  min-height: 120px;
  background: transparent;
  outline: none;
}
.iwt-faq-rgt ul.accordion li.accordion-item:last-of-type a {
  border-bottom: 1px solid #D5D5D5;
}
.iwt-faq-rgt ul.accordion li.accordion-item a:focus,
.iwt-faq-rgt ul.accordion li.accordion-item a:hover{
  background: transparent;
}
.iwt-faq-rgt ul.accordion {
  background: transparent;
  margin-bottom: 95px;
}
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title::before {
  position: absolute;
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  background: center/contain no-repeat url("./assets/images/arrow-down.svg");
  background-size: 19px;
  z-index: 1;
  transform: rotate(90deg);
  top: 55px;
  right: 26px;
  transition: 0.4s ease-in-out;
}
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title::after {
  position: absolute;
  width: 72px;
  height: 72px;
  display: inline-block;
  content: " ";
  background-color: #fff;
  border-radius: 50%;
  right: 0;
  top: 19px;
  transform: none;
  transition: 0.4s ease-in-out;
}
.page-template-faq header{
  background-color: transparent;
}
.iwt-faq-rgt {
  padding-left: 55px;
  position: relative;
}
.iwt-faq-rgt::before {
  background-color: #FCFCFC;
  top: -285px;
  height: calc(100% + 409px);
  width: 1000%;
  bottom: -124px;
  position: absolute;
  display: inline-block;
  content: " ";
  left: 0;
  z-index: -1;
  right: 0;
}
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title.active::before,
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title:hover::before{
  background: center/contain no-repeat url("./assets/images/arrow-up-accordion.svg");
}
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title.active::after,
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title:hover::after{
  background-color: #F47D00;
}
.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title.active::before {
  transform: rotate(-90deg);
  right: 25px;
  transition: 0.4s ease-in-out;
}
.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content {
  background: transparent;
  padding: 0;
  margin-top: 13px;
  border: 0;
  margin-bottom: 12px;
  color: hsl(0deg 0% 20% / 70%);
  transition: 0.4s ease-in-out;
}
.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul li a,
.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content p{
  color: hsl(0deg 0% 20% / 70%);
}
.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul{
  margin-left: 47px;
  margin-top: 36px;
}
.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul li {
  position: relative;
  list-style-type: none;
  line-height: 26px;
  font-size: 18px;
  margin-bottom: 36px;
  display: inline-flex;
  align-items: baseline;
}
.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul li::before {
  background: center/contain no-repeat url("./assets/images/accordion-img.svg");
  content: " ";
  display: inline;
  min-width: 8px;
  width: 8px;
  height: 13px;
  background-size: 8px 13px;
  z-index: 1;
  transition: 0.4s ease-in-out;
  margin-right: 20px;
}
.question-box {
  background: #fff;
  padding: 21px 31px 27px 63px;
  position: relative;
  display: flex;
  box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 10%);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 124px;
}
.question-box .question-title {
  width: 100%;
  max-width: calc(100% - 218px);
  margin-right: 45px;
}
.question-box .question-title b{
  display: block;
}
.question-box .question-btn {
  max-width: 218px;
  width: 100%;
  text-align: right;
}
.question-box .question-btn a.contact-nou-btn{
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.question-box .question-title h5 {
  font-size: 25px;
  font: normal normal 300 25px/28px Montserrat;
  margin-bottom: 0;
  line-height: 28px;
  color: #292929;
}
.question-box .question-title h5 b {
  font: normal normal bold 25px/28px Montserrat;
}
.iwt-footer-logo-contact .iwt-contact-title h6 {
	font: normal normal bold 18px/26px Montserrat;
	letter-spacing: 0.18px;
	color: #333333;
	opacity: 1;
}
/* .zoomout{
	animation: zoomout 8s ease-out;
	-webkit-animation: zoomout 8s ease-out;
	transition: 8s ease-out;
	-webkit-transition: 8s ease-out;
	-moz-transition: 8s ease-out;
	-ms-transition: 8s ease-out;
	-o-transition: 8s ease-out;
} */
/*** FAQ Page: FAQ section CSS end here ***/

/********** Responsive Design CSS start Here **********/
@keyframes zoom{
  0%{
      transform: scale(1.1);
  }
  100%{
      transform: scale(1);
  }
}
/* @keyframes zoomout{
	0%{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}
	100%{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
	}
  } */
@-webkit-keyframes progressBar {
  0% {
      height: 0;
    }
  
    100% {
      height: 100%;
      background-color: #F47D00;
    }
} 
@keyframes progressBar {
    0% {
      height: 0;
    }
  
    100% {
      height: 100%;
      background-color: #F47D00;
    }
}
@media only screen and (min-width: 1681px) {
  /*** About Page: History section start here ***/
  .history:before {
    right: 50%;
  }
  /*** About Page: History section end here ***/
}
@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  /*** About Page: History section start here ***/
  .history:before {
    right: 50%;
  }
  /*** About Page: History section end here ***/
  /*** FAQ Page: FAQ section CSS start here ***/
  .iwt-faq-rgt .question-box .question-title {
    margin-right: 10px;
  }
  /* .iwt-faq-rgt .question-box {
    padding: 21px 27px 27px 35px;
  } */
  /*** FAQ Page: FAQ section CSS end here ***/
}
@media screen and (max-width: 1600px) {
	/*** Homepage: Catchment section CSS start here ***/
	.catchment-section .map-area {
		margin-left: 0;
	}
	/*** Homepage: Catchment section CSS end here ***/
	/*** Contact Page: Contact CSS start Here *****/
	.top-contact__grid {
		padding-top: 200px;
		padding-bottom: 200px;
	}
	/*** Contact Page: Contact CSS end Here ***/
}
@media only screen and (max-width: 1566px) {
  /*** About Page: About Us start here ***/
  .about-us-section .about-us-lft {
    padding-right: 50px;
  }
  /*** About Page: About Us end here ***/
}
@media screen and (max-width: 1440px) {
	.catchment-section .map-area .grey-link {
		font-size: 20px;
		left: 24%;
	}
	.catchment-section .map-area .orange-link {
		right: 19%;
		font-size: 20px;
	}
}
@media screen and (max-width: 1399px) {
	/*** Contact Page: Contact CSS start Here *****/
	.contact--right {
		padding: 50px 40px 0px 40px;
	}
	/* .contact-details .contact-info-row .contact-info-box .contact-information span,
	.contact-details .contact-info-row .contact-info-box .contact-information span a {
		font: 400 22px/30px "Montserrat", sans-serif;
	} */
	/*** Contact Page: Contact CSS end Here ***/
}
@media screen and (max-width: 1300px) {
	/*** Homepage: Banner CSS start here ***/
	.banner-section .hover-elements {
		bottom: 45px;
	}
	/*** Homepage: Banner CSS end here ***/
	/*** Common CSS start here ***/
	h1 {
		font-size: 65px;
		line-height: 73px;
	}
	/*** Common CSS end here ***/
	/*** Homepage: Animated Image section start here ***/
	.image-fw__inner img {
		height: 550px;
	}
	.image-fw__wrap .slick-list.draggable {
		padding-bottom: 614px;
	}
	/*** Homepage: Animated Image section end here ***/
	/*** Homepage: Propos section start here ***/
	.propos-section .left-propos {
		margin-right: 30px;
	}
	/*** Homepage: Propos section end here ***/
	/*** Homepage: Counter section CSS start here ***/
	.key-item__num {
		font: normal normal 300 60px/68px Montserrat;
	}
	.key-item__icon {
		margin-right: 30px;
	}
	.key-item__icon svg, .key-item__icon img {
		max-width: 50px;
	}
	.key-item__text h3 {
		font-size: 16px;
		line-height: normal;
		font-weight: 500;
	}
	.key-item__text {
		max-width: calc(100% - 80px);
	}
	.key-item:after {
		width: calc(100% - 80px);
	}
	.key-list {
		grid-gap: 70px 20px;
	}
	/*** Homepage: Counter section CSS end here ***/
	/*** Homepage: Gallery slider CSS CSS start here ***/
	.gallery-section::before {
		right: -300px;
		top: -180px;
		width: 100%;
		max-width: 600px;
		height: 100%;
		max-height: 600px;
	}
	/*** Homepage: Gallery slider CSS CSS end here ***/
	/*** Contact Page: Contact CSS start Here *****/
	.contact-page .gallery-section::before {
		left: -300px;
		top: -200px;
		width: 100%;
		max-width: 600px;
		height: 100%;
		max-height: 600px;
	}
	.contact-details .contact-info-row .contact-info-box {
		gap: 25px;
	}
	.top-contact__grid {
		padding-top: 180px;
		padding-bottom: 180px;
	}
	/*** Contact Page: Contact CSS end Here ***/
}
@media only screen and (max-width: 1266px) {
	/*** About Page: About Us start here ***/
	.about-us-section .about-us-lft {
	  padding-right: 40px;
	}
	.about-second-section .about-us-rgt {
	  margin-left: 80px;
	  margin-top: 100px;
	}
	/*** About Page: About Us end here ***/
	/*** FAQ Page: FAQ section CSS start here ***/
	.iwt-faq-rgt .question-box {
	  padding: 21px 31px 27px 48px;
	}
	.iwt-faq-rgt .question-box .question-title {
	  margin-right: 2px;
	}
	/*** FAQ Page: FAQ section CSS end here ***/
}
@media only screen and (max-width: 1200px){
	.catchment-section .map-area .orange-link,
	.catchment-section .map-area .grey-link {
		max-width: 145px;
		height: 60px;
		padding: 15px 20px;
		border-radius: 40px;
	}
	.catchment-section .map-area .orange-link::after,
	.catchment-section .map-area .grey-link::after {
		width: 40px;
		height: 20px;
		bottom: -18px;
		left: 50px;
	}
	.catchment-section .map-area .grey-link {
		left: 20%;
		top: 39%;
	}
	.catchment-section .map-area .orange-link {
		right: 17%;
		top: 46%;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 640px) {
	/*** Footer CSS start here ***/
	footer .iwt-footer-main a.iwt-footer-logo {
		display: inline-block;
	}
	footer .iwt-footer-logo-contact a.iwt-footer-logo .iwt-footer-logo-img {
		margin-right: 0;
		margin-bottom: 39px;
	}
	/*** Footer CSS end here ***/
}
@media screen and (max-width: 1024px) {
	/*** Common CSS start here ***/
	.grid-container {
		max-width: 100%;
		padding-right: 34px;
		padding-left: 34px;
	}
	.page-wrap-inner .grid-line--1 {
		left: 34px;
	}
	.page-wrap-inner .grid-line--2 {
		left: 33.33%;
	}
	.page-wrap-inner .grid-line--3 {
		left: 66.66%;
	}
	.page-wrap-inner .grid-line--4 {
		display: none;
	}
	.page-wrap-inner .grid-line--5 {
		right: 34px;
	}
	/*** Common CSS end here ***/
	/*** Homepage: Banner CSS start here ***/
	.banner-section .hover-elements .cell:first-child {
		margin-bottom: 35px;
	}
	.banner-section .hover-elements {
		bottom: -55px;
	}
	.banner-section .link-circle {
		bottom: -250px;
		right: -140px;
	}
	.banner-section .link-circle .desktop-link-circle{
		display: none;
	}
	.banner-section .link-circle .tablet-link-circle {
		display: block;
	}
	/*** Homepage: Banner CSS end here ***/
	/*** Homepage: Animated Image section start  here ***/
	.home .image-fw .image-caption {
		bottom: -1px;
		display: none;
	}
	.image-fw__wrap .slick-list.draggable {
		padding-bottom: 72%;
	}
	.image-fw__bg {
		width: 40%;
		max-width: 282px;
	}
	.image-fw__inner img {
		margin: 15px 0px;
		height: auto;
		min-height: 430px;
	}
	.home .image-fw__inner img {
		margin: 15px 0px 25px;
	}
	.image-fw__bg.is-active {
		top: -4px;
	}
	.image-fw .slick-arrow {
		top: 60px;
		right: 30px;
		width: 40px;
		height: 40px;
	}
	.image-fw .slick-prev {
		right: 100px;
	}
	/*** Homepage: Animated Image section end here ***/
	/*** Homepage: Propos section start here ***/
	.propos-section {
		padding: 160px 0 80px;
	}
	.propos-section .right-propos {
		max-width: 700px;
		padding-left: 46px;
	}
	.propos-section .right-propos p {
		margin-bottom: 39px;
	}
	.propos-section .left-propos h2 {
		margin-bottom: 55px;
	}
	/*** Homepage: Propos section end here ***/
	/*** Homepage: Counter section CSS start here ***/
	.counter-section .about {
		margin-bottom: 93px;
	}
	.counter-section {
		padding: 177px 0px 115px;
	}
	.key-item:after {
		width: 180px;
		left: 75px;
	}
	/*** Homepage: Counter section CSS end here ***/
	/*** Homepage: Catchment section CSS start here ***/
	.catchment-section .grid-x {
		flex-direction: column-reverse;
	}
	.catchment-section .about p {
		margin-bottom: 45px;
	}
	.catchment-section .about {
		max-width: 419px;
		margin: 0px auto 45px 45px;
	}
	.catchment-section .map-area {
		padding: 0px 53px;
		margin-bottom: 20%;
	}
	/*** Homepage: Catchment section CSS start here ***/
	/*** Homepage: Gallery slider CSS CSS start here ***/
	.gallery-section {
		padding-top: 100px;
		padding-bottom: 97px;
	}
	.gallery-section::before {
		content: unset;
	}
	/*** Homepage: Gallery slider CSS CSS end here ***/
	/*** Contact Page: Contact CSS start Here *****/
	.quform .iwt-dropdown-area .quform-spacer .quform-inner.quform-inner-select select {
		padding: 0px 30px 20px 0;
	}
	.quform .iwt-dropdown-area .quform-spacer {
		display: block;
	}
	.quform .iwt-dropdown-area .quform-spacer .quform-inner.quform-inner-select {
		padding-left: 0px;
		width: 100%;
	}
	/* .quform .iwt-dropdown-area{
		display: none;
	} */
	.top-contact__grid {
		padding-top: 390px;
		padding-bottom: 80px;
	}
	.contact-page .gallery-section::before {
		content: unset;
	}
	.contact-page .grid-container .grid-margin-x>.large-6 {
		width: calc(100% - 0rem);
	}
	[class*="ease-"][data-scroll="in"] {
		transform: none;
	}
	.fade-in[data-scroll="in"],
	.ease-right[data-scroll="in"],
	.ease-left[data-scroll="in"],
	.ease-btm[data-scroll="in"],
	.ease-top[data-scroll="in"] {
		opacity: 1;
	}
	.contact--right {
		padding: 0;
		margin-top: 0px ;
	}
	[data-scroll] {
		transition: opacity 0.5s ease-in-out,transform 1s cubic-bezier(0.16, 0.88, 0.45, 1);
	}
	.fade-in[data-scroll="in"],
	.ease-right[data-scroll="in"],
	.ease-left[data-scroll="in"],
	.ease-btm[data-scroll="in"],
	.ease-top[data-scroll="in"]{
		opacity: 1;
	}
	[class*="ease-"][data-scroll="in"] {
		transform: none;
	}
	.contact__link {
        font: 400 20px/25px "Montserrat", sans-serif;
    }
	.contact address {
        margin-bottom: 40px;
        font: 400 20px/25px "Montserrat", sans-serif;
    }
	.contact-info-row {
		background-color: #FCFCFC;
		padding: 40px 74px 20px 74px;
		margin: 0 -33px ;
	}
	.contact-list {
		padding: 45px 0px 20px 0px;
	}
	.contact-info-row .contact__label {
		text-align: center;
	}
	.contact-address-area {
		padding: 0px 41px;
	}
	.cell.contact__map-wrap {position: relative;padding-bottom: 76px;}
	.cell.contact__map-wrap::after {
		position: absolute;
		display: block;
		content: '';
		width: calc(100% + 82px);
		height: 20px;
		background-color: #F47D00;
		bottom: 0;
		left: 41px;
		transform: translate(-82px, 0px);
	}
	.contact .quform {
		padding: 155px 0px 36px 0;
	}
	/*** Contact Page: Contact CSS end Here ***/

	/*** Header CSS start here ***/
	.header.is-stuck {
		padding: 20px 0;
	}
	.mob-menu-wrap {
		top: 82px;
	}
	.mob-menu-wrap .bottom-line a.bottom-line__link {
		color: #333;
	}
	header.header--dark.is-open .logo__small,
	.header.is-stuck .logo__small {
		opacity: 1;
		transform: none;
		top: 0;
		position: relative;
	}
	header.header--dark.is-open .logo__big,
	.header.is-stuck .logo__big {
		opacity: 0;
		display: none;
	}
	header .iwt-header-main .main-navigation {
		width: calc(100% - 150px);
	}
	.humberger_btn {
		display: block;
		background: transparent;
	}
	header .iwt-header-main .main-navigation ul {
		display: none;
	}
	.header {
		padding: 20px 0;
	}
	.jobs-num {
		position: relative;
	}
	.socials {
		padding-left: 0;
	}
	.title-bar {
		line-height: 45px;
	}
	.title-bar .menu-icon {
		padding: 0;
		border: none;
		background-color: transparent;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 30px;
		height: 24px;
		cursor: pointer;
	}
	.title-bar .menu-icon span {
		top: 0;
		display: block;
	}
	.title-bar .menu-icon span::before,
	.title-bar .menu-icon span::after {
		content: "";
		display: block;
	}
	.title-bar .menu-icon span,
	.title-bar .menu-icon span::before,
	.title-bar .menu-icon span::after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		border-radius: 0;
		-webkit-transition-property: -webkit-transform, opacity;
		transition-property: transform, opacity;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	.title-bar .menu-icon span::before {
		top: 10px;
	}
	.title-bar .menu-icon span::after {
		top: 20px;
	}
	.title-bar .menu-icon span:hover,
	.title-bar .menu-icon span:hover::before,
	.title-bar .menu-icon span:hover::after {
		background-color: #fff;
	}
	.title-bar .menu-icon.is-active span {
		transform: translate3d(0, 10px, 0) rotate(45deg);
	}
	.title-bar .menu-icon.is-active span::before {
		transform: rotate(-45deg) translate3d(-4.28571px, -7px, 0);
		display: none;
	}
	.title-bar .menu-icon.is-active span::after {
		transform: translate3d(0, -20px, 0) rotate(-90deg);
	}
	.top-bar {
		background: #5DC9D1;
	}
	.mobile-menu-mob {
		background: transparent;
	}
	.mobile-menu-mob li>a {
		font: 700 15px/19px "Montserrat", sans-serif;
		padding: 25px 0;
		color: #333;
		border-bottom: 1px solid #d5d5d5;
		background-color: #fff;
		position: relative;
	}
	.mobile-menu-mob li {
		width: 100%;
	}
	.mobile-menu-mob .submenu-toggle {
		padding: 0;
	}
	.mobile-menu-mob .submenu a {
		padding-left: 1.54688rem;
	}
	.mobile-menu-mob .submenu .submenu a {
		padding-left: 2.15625rem;
	}
	.wpml-fish {
		right: 75px;
		display: none;
	}
	header.is-open .header-inner-wrap .wpml-fish{
		display: inline-block;
	}
	header.header--dark.is-open .wpml-fish select{
		color: #333 ;
	}
	.header.is-stuck .mob-menu-wrap {
		top: 57px;
	}
	/* .header-container--light .header--light, .page-template-about-design header {
		padding: 20px 0;
	} */
	.header-container--light .header--light, .page-template-about-design header {
		padding: 38px 0 0 0;
	}
	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
		margin-top: 5px;
	}
	.wpml-fish, .menu-btn {
		top: 0;
		transform: none;
	}
	header .wpml-fish select {
		padding: 5px 25px 5px 5px;
		line-height: normal;
		height: auto;
	}
	.menu-btn {
		top: 5px;
		transform: none;
	}
	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a.wpml-ls-link {
		left: -15px;
	}
	/*** Header CSS end here ***/
	/*** Footer CSS start here ***/
	footer .iwt-footer-main .iwt-contact-left{
		max-width: 234px;
		width: 100%;
		margin-left: auto;
		margin-right: 0;
	}
	footer .main-navigation ul {
		flex-direction: column;
	}
	footer .iwt-footer-social-menu .grid-x {
		align-items: end;
	}
	footer .iwt-fbottom-cright-text p {
		margin-left: 23px;
	}
	footer .iwt-footer-main .iwt-footer-logo-contact {
		margin-bottom: 0;
	}
	footer .iwt-footer-main .iwt-contact-left .iwt-contact-info {
		margin-bottom: 50px;
	}
	footer .iwt-footer-main {
		padding-bottom: 40px;
	}
	footer .iwt-footer-main a.iwt-footer-logo {
		margin-bottom: 19px;
	}
	/*** Footer CSS end here ***/

	/*** About Page: About Us start here ***/
	.about-us-section .about-us-lft h3 b{
		display: block;
	}
	.about-us-section .about-us-rgt {
		position: relative;
	}
	.about-us-section {
		/* margin-top: 296px; */
		padding-top: 123px;
	}
	.about-us-section .about-us-img img {
		min-height: 577px;
	}
	.about-us-section .about-us-lft {
		padding-right: 0;
		margin-bottom: 92px;
		max-width: 100%;
	}
	/* .about-us-section .about-us-rgt {
		max-width: 468px;
		margin-left: auto;
	} */
	.about-us-section .about-us-rgt {
		max-width: 70%;
		margin-left: auto;
	}
	.bg-img {
		width: calc(100% + 34px);
		left: -17px;
		right: 17px;
		max-height: 224px;
	}
	.about-second-section .about-us-img {
		text-align: left;
	}
	/* .about-second-section .about-us-img img {
		max-height: 234px;
		max-width: 234px;
	} */
	.about-second-section .about-us-img img {
		/* max-height: 234px; */
		max-width: 30%;
	}
	.about-second-section .about-us-rgt {
		margin-left: 0;
		margin-top: 136px;
		max-width: 100%;
		margin-bottom: 137px;
	}
	.about-second-section .about-us-rgt h3 {
		margin-bottom: 42px;
	}
	.about-us-section .link-circle  {
		top: 240px;
		left: -167px;
		bottom: auto;
	}
	.content-section .about-us-lft h3 b,
	.about-second-section .about-us-rgt h3 b {
		display: block;
	}
	/*** About Page: About Us start here ***/
	/*** About Page: Content section start here ***/
	.content-section {  
		margin-top: 86px;
		margin-bottom: 111px;
	}
	.content-section .about-us-rgt {
		margin-top: 26px;
		margin-left: 0;
		max-width: 100%;
	}
	.content-section .about-us-lft {
		max-width: 100%;
		padding-right: 0;
	}
	/*** About Page: Content section start here ***/

	/*** FAQ Page: FAQ section CSS start here ***/
	.iwt-faq-rgt .question-box .question-title {
		margin-right: 2px;
		max-width: 290px;
	}
	.iwt-faq-section .iwt-faq-lft {
		position: relative;
		z-index: -1;
		height: 100%;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title::after {
		top: 20px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title::before {
		top: 55px;
	}
	.iwt-faq-section {
		padding-top: 193px;
	}
	/* .iwt-faq-section {
		padding-top: 256px;
	} */
	.iwt-faq-section .iwt-faq-lft {
		height: auto;
		margin-bottom: 55px;
	}
	.iwt-faq-section .iwt-faq-lft::after{
		display: none;
	}
	.iwt-faq-section .iwt-faq-title {
		margin-bottom: 55px;
	}
	.iwt-faq-rgt {
		padding-left: 49px;
		padding-top: 108px;
		padding-bottom: 54px;
		padding-right: 49px;
	}
	/* .iwt-faq-rgt ul.accordion li.accordion-item a {
		padding: 17px 75px 43px 0;
		min-height: 104px;
	} */
	.iwt-faq-rgt ul.accordion li.accordion-item a {
		padding:17px 180px 43px 0;
		min-height: 104px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title.active {
		padding-bottom: 20px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content {
		margin-top: 10px;
		margin-bottom: 27px;
		margin-left: 30px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul {
		margin-top: 30px;
	}
	.question-box {
		padding: 21px 38px 23px 63px;
		margin-bottom: 0;
	}
	.iwt-faq-rgt::before {
		top: 0;
		height: 100%;
		width: 1000%;
		bottom: 0;
		left: -50%;
		z-index: -1;
		right: 0;
	}
	.question-box .question-title {
		max-width: calc(66% - 218px);
	}
	.question-box .question-title b {
		display: inline;
	}
	/*** FAQ Page: FAQ section CSS end here ***/

	/*** About Page: History section start here ***/
	.history-item--left {
		width: 100%;
	}
	.history-item--right {
		width: 100%;
		padding: 150px 20% 110px 0;
		background-color: #292929;
	}
	.history-item__image {
		max-width: 560px;
		padding-bottom: 0;
	}
	.history-item__year {
		font: 700 65px/1 "Montserrat", sans-serif;
		margin-bottom: 20px;
	}
	.history-item__title {
		margin-bottom: 20px;
		padding-left: 25px;
	}
	.history-sl:before {
		height: calc(100% - 200px);
		bottom: 0;
		top: inherit;
		left: -34px;
	}
	.history:before {
		width: calc((100vw - 68px) * 0.66);
		left: 0;
		right: inherit;
	}
	.history {
		padding-bottom: 160px;
	}
	.history__grid {
		padding-top: 60px;
	}
	.history--left-title {
		padding-top: 137px;
	}
	.history--cell-right .sl-arrow-wrap {
		left: 0;
		top: 600px;
	}
	.history--cell-left:before {
		display: none;
	}
	.history__range:after {
		opacity: 1;
	}
	.history__range {
		opacity: 1;
		max-width: 350px;
		font: 600 15px/22px "Montserrat", sans-serif;
		padding: 18px 45px 14px 25px;
	}
	.history__range.is-active {
		border-bottom: 1px solid #d5d5d5;
	}
	.history-range-wrap {
		margin-bottom: 70px;
	}
	.history .grid-container {
		max-width: 100%;
	}
	/*** About Page: History section end here ***/
	.catchment-section .map-area .orange-link {
		right: 24%;
		top: 47%;
	}
	.catchment-section .map-area .grey-link {
		left: 30%;
		top: 37%;
	}
}
@media print,
screen and (min-width: 1024px) {
	/*** Header CSS start here ***/
	.top-line {
		display: inline-block;
	}
	.top-line__link {
		display: inline-block;
		font: 500 12px/15px "Montserrat", sans-serif;
		text-transform: uppercase;
		color: #333;
	}
	.top-line__link:hover {
		color: #5DC9D1;
	}
	.header-inner-wrap {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		font-size: 0;
		padding-right: 60px;
	}
	.top-bar {
		display: inline-block;
	}
	.header-menu.menu li>a {
		position: relative;
		font: 700 18px/40px "Montserrat", sans-serif;
		color: #333;
	}
	.header-menu.menu li>a:after {
		position: absolute;
		display: block;
		content: '';
		width: 40px;
		height: 1px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #F47D00;
		opacity: 0;
	}
	.header-menu.menu li>a:hover {
		color: #5DC9D1;
	}
	.header-menu.menu li.active-jobs>a {
		margin-right: 5px;
	}
	.header-menu.menu li.current-menu-item>a:after,
	.header-menu.menu li.current_page_ancestor>a:after,
	.header-menu.menu li.current_page_parent>a:after {
		opacity: 1;
	}
	.header-menu.menu li.is-active>a {
		background: #a2362e;
		color: #5DC9D1;
	}
	.header-menu.menu .submenu {
		z-index: 11;
		display: none;
	}
	.header-menu.menu .submenu.js-dropdown-active {
		display: block;
	}
	.header-menu.menu .submenu li>a {
		background: #a2362e;
		color: #5DC9D1;
		line-height: 30px;
	}
	.header-menu.menu .submenu li>a:hover {
		background: #85d6dc;
		color: #fff;
	}
	.header-menu.menu .submenu li.current-menu-item>a,
	.header-menu.menu .submenu li.current_page_ancestor>a,
	.header-menu.menu .submenu li.current_page_parent>a {
		background: #85d6dc;
		color: #fff;
	}
	/*** Header CSS end here ***/
}
@media screen and (max-width: 767px) {
	.catchment-section .map-area .orange-link,
	.catchment-section .map-area .grey-link {
		max-width: 120px;
		height: 50px;
		padding: 15px 15px;
		font-size: 16px;
	}
	.catchment-section .map-area .orange-link::after,
	.catchment-section .map-area .grey-link::after {
		left: 40px;
	}
	.catchment-section .map-area .grey-link {
		left: 28%;
	}
	.catchment-section .map-area .orange-link {
		right: 20%;
	}
	/*** Common CSS start here ***/
	h1 {
		font-size: 32px;
		line-height: 36px;
	}
	p{
		font-size: 15px;
		line-height: 22px;
	}
	.grid-container {
		padding-right: 32px;
		padding-left: 32px;
	}
	.page-wrap-inner .grid-line--1 {
		left: 32px;
	}
	.page-wrap-inner .grid-line--2 {
		display: none;
	}
	.page-wrap-inner .grid-line--3 {
		left: 50%;
	}
	.page-wrap-inner .grid-line--5 {
		right: 32px;
	}
	.orange-left-arrow::before {
		height: 58px;
		top: 5px;
	}
	.orange-left-arrow {
		padding-left: 25px;
	}
	/*** Common CSS end here ***/
	/*** Homepage: Banner CSS start here ***/
	.banner-section .slideshow .item .grid-container {
		align-items: flex-end;
	}
	.banner-section .slideshow .item h1 {
		margin-bottom: 232px;
	}
	.banner-section .hover-elements .banner-arrow a {
		font-size: 18px;
		line-height: 26px;
	}
	.banner-section .hover-elements .banner-arrow p {
		font-size: 12px;
		line-height: 22px;
	}
	.banner-section .hover-elements .cell:first-child {
		margin-bottom: 25px;
	}
	.banner-section .link-circle {
		bottom: -365px;
		right: -222px;
	}
    .banner-section .link-circle svg {
        max-width: 166px;
        height: auto;
    }
	.banner-section .hover-elements .banner-arrow {
		max-width: 290px;
		padding-left: 25px;
	}
	.banner-section .hover-elements .banner-arrow:before {
		right: -40px;
	}
	.banner-section .slideshow .item h1{
		padding-bottom: 0px;
	}
	/*** Homepage: Banner CSS end here ***/
	/*** Homepage: Gallery slider CSS CSS start here ***/
	.gallery-section {
		padding-bottom: 20px;
	}
	.gallery-section .gallery-sl .type_1 {
		width: 200px !important;
		padding: 0 10px 0 0;
	}
	.gallery-section .gallery-sl .type_2 {
		width: 354px !important;
		padding: 70px 10px 0 10px;
	}
	.gallery-section .gallery-sl .type_3 {
		width: 294px !important;
		padding: 10px 10px 0 10px;
	}
	.gallery-section .gallery-sl .type_4 {
		width: 400px !important;
		padding: 126px 20px 0 10px;
	}
	.gallery-section .gallery-sl .item img {
		min-height: 195px;
		height: auto;
	}
	/*** Homepage: Gallery slider CSS CSS end here ***/
	/*** Homepage: Propos section start here ***/
	.propos-section {
		padding: 140px 0 80px;
	}
	.propos-section .right-propos {
		max-width: 100%;
		padding-left: 25px;
	}
	.propos-section .left-propos h2 {
		margin-bottom: 45px;
	}
	.propos-section .right-propos a {
		font-size: 10px;
		padding-bottom: 15px;
	}
	.propos-section .left-propos h2::before {
		height: 58px;
	}
	/*** Homepage: Propos section end here ***/
	/*** Homepage: Animated Image section start  here ***/
	.image-fw__wrap .slick-list.draggable {
		padding-bottom: 74%;
	}
	.home .image-fw .image-caption p {
		margin: 0px 0px 0px 10px;
		font-size: 12px;
	}
	.home .image-fw .image-caption {
		bottom: -6px;
	}
	.image-fw__bg.is-active {
		top: -16px;
	}
	.home .image-fw .image-caption svg {
		max-width: 12px;
	}
	.image-fw__inner img {
		min-height: 190px;
		margin: 10px 0px;
	}
	.image-fw .slick-arrow {
		top: 50px;
		right: 25px;
		width: 25px;
		height: 25px;
	}
	.image-fw .slick-prev {
		right: 80px;
	}
	.home .image-fw__inner img {
		margin: 10px 0px 15px;
	}
	/*** Homepage: Animated Image section end  here ***/
	/*** Homepage: Counter section CSS start here ***/
	.key-item__num {
		font: normal normal 300 54px/47px Montserrat;
	}
	.counter-section {
		padding: 85px 0px 60px;
	}
	.counter-section .about {
		margin-bottom: 60px;
		max-width: 250px;
	}
	.key-list {
		grid-gap: 20px 0px;
		flex-direction: column;
		flex-wrap: unset;
		align-items: flex-start;
		padding-right: 30px;
	}
	.key-item {
		width: 100%;
	}
	.key-item__text {
		max-width: calc(100% - 85px);
	}
	.key-item:after{
		width: calc(100% - 85px);
	}
	/*** Homepage: Counter section CSS end here ***/
	/*** Homepage: Catchment section CSS start here ***/
	.catchment-section .about a {
		font-size: 13px;
		max-width: 220px;
	}
	.catchment-section .about h2:before {
		top: 7px;
		left: -25px;
		height: 58px;
	}
	.catchment-section .about {
		max-width: 100%;
		margin: 0px auto 45px 25px;
	}
	.catchment-section .map-area {
		padding: 0;
	}
	/*** Homepage: Catchment section CSS end here ***/
	/*** Contact Page: Contact CSS start Here *****/
	.contact-info-row .contact__label {
		text-align: left;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information::before {
		top: 0px;
		height: 100%;
	}
	.top-contact__grid {
		padding-top: 400px;
		padding-bottom: 50px;
	}
	.contact .quform .quform-form-title {
        padding-left: 20px;
		padding-left: 20px;
		text-align: left;
		font: normal normal bold 20px/25px Montserrat;
		letter-spacing: 0.2px;
    }
	.contact .quform .quform-form-title:before {
		height: 100%;
		top: 0;
	}
	.contact .quform-elements {
		padding-left: 20px;
	}
	.quform .quform-field-captcha,
	.quform .quform-field-date,
	.quform .quform-field-email,
	.quform .quform-field-password,
	.quform .quform-field-text,
	.quform .quform-field-textarea,
	.quform .quform-field-time {
		height: 60px;
		font-size: 15px;
	}
	.contact__label {
		font: 700 17px/17px "Montserrat", sans-serif;
	}
	.contact__map-wrap {
		margin-top: 25px;
	}
	.contact__map {
		width: calc(100% + 40px);
		left: -20px;
	}
	.quform .quform-form-title {
		font-size: 20px;
	}
	.contact {
        padding-bottom: 20px;
    }
    .contact .quform {
        padding: 20px 0 30px 0;
    }
	.contact .quform {
		padding: 20px 0 30px 0;
	}
	.top-contact__title:before {
        height: 100%;
        top: 0;
    }
	.contact-info-row {
		background-color: #FCFCFC;
		padding: 45px 33px 20px 33px;
	}
	.contact-details .contact-info-row .contact-info-box .contact-placeholder ,
	.contact-details .contact-list .contact-items .contact-placeholder {
		min-width: 52px;
		min-height: 52px;
	}
	.contact-details .contact-list .contact-items .contact-placeholder img, 
	.contact-details .contact-info-row .contact-info-box .contact-placeholder img {
		width: 21px;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information {
		padding-left: 20px;
	}
	.contact-details .contact-info-row .contact-info-box {
		margin-bottom: 10px;
		gap: 15px;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information p.contact-name {
		font: normal normal bold 15px/25px Montserrat;
		margin-bottom: 5px;
		padding-top: 0;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information span a{
		font: 400 15px/20px "Montserrat", sans-serif;	
		padding-left: 5px;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information span {
		font: 400 15px/20px "Montserrat", sans-serif;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information span {
		margin-bottom: 5px;
	}
	.contact-details .contact-info-row .contact-info-box .contact-information span:last-child {
		margin-bottom: 0;
	}
	.contact-details .contact-list .contact-items {
		gap: 15px;
	}
	.contact-details .contact-list .contact-items .contact-information p.contact-name {
		font: normal normal bold 15px/20px Montserrat;
		margin: 0 0 10px 0;
	}
	.contact-details .contact-list .contact-items .contact-information span a,
	.contact-details .contact-list .contact-items .contact-information span {
		font: 400 15px/20px "Montserrat", sans-serif;
		margin: 0 0 5px 0;
	}
	.contact-details .contact-list .contact-items .contact-information span a {
		padding-left: 10px;
	}
	.contact-address-area {
		padding: 0px 23px;
	}
	.contact address {
		padding-left: 35px;
	}
	.contact address:before {
		position: absolute;
		display: block;
		content: '';
		width: 5px;
		height: calc(100% - 16px);
		background-color: #F47D00;
		top: 8px;
		left: 0;
	}
	.cell.contact__map-wrap {
		padding-bottom: 56px;
	}
	.cell.contact__map-wrap::after {
		width: calc(100% + 40px);
		left: 60px;
	}
	.contact .quform {
		padding: 145px 0px 36px 0;
	}
	.contact-list {
		padding: 45px 0px 100px 0px;
	}
	/*** Contact Page: Contact CSS end Here ***/

	/*** FAQ Page: FAQ section CSS start here ***/
	.question-box .question-title {
	  max-width: calc(100% - 218px);
	}
	.question-box .question-title b {
	  display: inline;
	}
	.iwt-faq-rgt .question-box {
	  padding: 21px 31px 27px 35px;
	}
	.iwt-faq-rgt .question-box .question-title {
	  margin-right: 2px;
	  max-width: calc(100% - 218px);
	}
	/*** FAQ Page: FAQ section CSS end here ***/
	/*** About Page: About Us start here ***/
	.history-sl-wrap {
		margin-left: 0px;
	}
	.about-us-section .link-circle svg {
	  max-width: 166px;
	  height: auto;
	}
	.about-us-section .link-circle {
	  top: auto;
	  left: -82px;
	  bottom: auto;
	}
	/*** About Page: About Us end here ***/
}
@media screen and (max-width: 40.06125em) {
	p {
	  font-size: 15px;
	  line-height: 22px;
	}
	h3 {
	  font-size: 26px;
	  line-height: 33px;
	}
	h2 {
	  font-size: 24px;
	  line-height: 26px;
	}
	/*** Homepage: Animated Image section start here ***/
	.image-fw__bg.is-active {
		top: -11px;
	}
	/*** Homepage: Animated Image section end here ***/

	/*** FAQ Page: FAQ section CSS start here ***/
	.iwt-faq-rgt .question-box .question-title {
	  margin-right: 0;
	  max-width: 100%;
	}
	.iwt-faq-section {
	  padding-top: 122px;
	}
	.iwt-faq-section .iwt-faq-title, .iwt-faq-section .iwt-faq-text {
	  padding-left: 20px;
	}
	.iwt-faq-section .iwt-faq-title {
	  margin-bottom: 17px;
	}
	.iwt-faq-rgt::before{
	  display: none;
	}
	.iwt-faq-rgt {
	  padding-left: 0;
	  padding-top: 40px;
	  padding-bottom: 70px;
	  padding-right: 0;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title::after {
	  width: 42px;
	  height: 42px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item a {
	  font-size: 15px;
	  line-height: 20px;
	  /* padding: 19px 45px 22px 0; */
	  padding: 19px 50px 22px 0;
	  min-height: 82px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title::before {
	  right: 14px;
	  background-size: 13px;
	  width: 13px;
	  height: 13px;
	  margin-top: -5px;
	  top: 40px;
	} 
	.iwt-faq-rgt ul.accordion li.accordion-item a.accordion-title.active::before {
	  right: 15px;
	}
	.question-box {
	  padding: 16px 50px 27px 32px;
	  margin-bottom: 0;
	  flex-wrap: wrap;
	}
	.question-box .question-btn {
	  max-width: 100%;
	  text-align: left;
	}
	.iwt-faq-rgt ul.accordion {
	  margin-bottom: 70px;
	}
	.question-box .question-title {
	  max-width: 100%;
	  margin-right: 0;
	  margin-bottom: 23px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul li {
	  font-size: 15px;
	  line-height: 22px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul li::before {
	  margin-top: 7px;
	  margin-right: 19px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul li {
	  align-items: initial;
	}
	.iwt-faq-rgt .question-box {
	  padding: 21px 31px 27px 35px;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content {
	  margin-left: 0;
	}
	.iwt-faq-rgt ul.accordion li.accordion-item .accordion-content ul {
	  margin-left: 21px;
	}
	/*** FAQ Page: FAQ section CSS end here ***/
	/*** Header CSS start here ***/
	.header-container--light .header--light, .page-template-about-design header {
	  padding: 33px 0 0 0;
	}
	.header.is-stuck {
	  padding: 10px 0;
	}
	.mob-menu-wrap {
	  top: 72px;
	  padding-top: 25px;
	  padding-bottom: 50px;
	  min-height: 100vh;
	}
	.wpml-fish {
	  right: 65px;
	}
	.sidebar {
	  margin-top: 50px;
	}
	.logo__big {
		max-width: 132px;
	}
	.logo__big svg {
		width: 100%;
	}
    .sticky.is-stuck .logo__small img {
        max-width: 120px;
    }
	/*** About Page: About Us start here ***/
	.content-section .about-us-lft h3 b,
	.about-second-section .about-us-rgt h3 b,
	.about-second-section .about-us-rgt h3 b,
	.about-us-section .about-us-lft h3 b{
	  display: inline;
	}
	.about-second-section .about-us-img img {
	  max-height: 234px;
	  max-width: 234px;
	}
	.about-us-section .about-us-rgt {
	  max-width: calc(100% - 78px);
	  margin-left: auto;
	}
	.about-second-section .about-us-rgt h3 {
	  margin-bottom: 40px;
	}
	.about-us-section .about-us-lft {
	  margin-bottom: 116px;
	}
	.about-us-section .about-us-img img {
	  min-height: 288px;
	}
	.about-us-section {
	  /* margin-top: 298px; */
	  padding-top: 125px;
	  margin-bottom: 48px;
	}
	.about-second-section .about-us-rgt {
	  margin-top: 56px;
	  margin-bottom: 89px;
	}
	.about-second-section .about-us-img img {
	  max-height: 156px;
	  max-width: 156px;
	}
	/*** About Page: About Us start here ***/
	/*** Footer CSS start here ***/
	footer nav.main-navigation li a {
		font-size: 15px;
		line-height: 20px;
		padding: 8px;
	}
	footer .iwt-footer-main {
		padding-bottom: 30px;
	}
	footer .iwt-footer-main .iwt-contact-left .iwt-contact-title {
	  margin-bottom: 38px;
	  margin-top: 0;
	}
	footer .iwt-footer-main .iwt-contact-title,
	footer .iwt-contact-left .iwt-footer-social-menu{
	  width: 40%;
	}
	footer .iwt-contact-left .main-navigation,
	footer .iwt-footer-main .iwt-contact-left .iwt-contact-info {
	  width: 60%;
	}
	footer .iwt-footer-main .iwt-contact-left .iwt-contact-info {
	  margin-bottom: 23px;
	}
	footer .iwt-footer-main .iwt-contact-title h6 {
	  font-size: 15px;
	}
	.iwt-footer-logo-contact .main-navigation ul {
	  display: block;
	}
	.hide-mobile{
	  display: none;
	}
	.show-mobile{
	  display: inline-block;
	}
	footer .iwt-footer-main .iwt-contact-left {
	  max-width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	}
	footer .iwt-footer-logo-contact a.iwt-footer-logo {
	  margin-bottom: 56px;
	}
	footer .iwt-contact-info {
	  margin-bottom: 39px;
	}
	footer .iwt-footer-copyright {
	  padding: 22px 0 22px 0;
	}
	footer .iwt-footer-bottom-warp .iwt-fbottom-logo{
	  display: none;
	}
	footer .iwt-footer-bottom-warp .iwt-fbottom-cright-text p ,
	footer .iwt-fbottom-cright-text p a {
	  margin-left: 0;
	  font-size: 7px;
	  line-height: 28px;
	}
	footer .iwt-footer-main .iwt-contact-left  .iwt-contact-info a {
	  font-size: 15px;
	  line-height: 22px;
	}
	footer .iwt-footer-logo-contact a.iwt-footer-logo .iwt-footer-logo-img {
	  max-width: 76px;
	  width: 100%;
	  margin-right: 10px;
	}
	footer .iwt-footer-logo-contact a.iwt-footer-logo h4 {
	  font-size: 22px;
	  line-height: 26px;
	}
	/*** Footer CSS start here ***/
	/*** About Page: Content section start here ***/
	.content-section .about-us-rgt {
	  margin-top: 24px;
	}
	.content-section {
	  margin-bottom: 55px;
	  margin-top: 44px;
	}
	/*** About Page: Content section start here ***/
	/*** About Page: History section start here ***/
	.bg-img {
	  width: calc(100% + 16px);
	  left: -8px;
	  right: 8px;
	  max-height: 124px;
	}
	.history--left-title {
	  padding-top: 66px;
	}
	.history-range-wrap {
	  max-width: 100%;
	  padding-right: 0;
	}
	.history-item--right {
	  padding: 70px 0;
	}
	.history-item__image img {
	  min-height: 300px;
	  object-fit: cover;
	  object-position: center;
	}
	.history-item__image {
	  max-width: 75%;
	  padding-bottom: 0;
	}
	.history-item__year {
	  font: 700 32px/1 "Montserrat", sans-serif;
	}
	.history-item__title {
	  font-size: 26px;
	  line-height: 33px;
	}
	.history-item__text {
	  font-size: 15px;
	  line-height: 22px;
	  margin-bottom: 0;
	}
	.history {
	  padding-bottom: 0;
	}
	.history:before {
	  width: calc((100vw - 64px) * 0.8);
	}
	.history--left-title {
	  padding-top: 65px;
	}
	.history__range {
	  max-width: 100%;
	  font: 600 15px/18px "Montserrat", sans-serif;
	  text-align: left;
	}
	.history__grid {
	  padding-top: 50px;
	}
	.history__range:after {
	  width: 19px;
	  height: 19px;
	  background-size: 19px;
	}
	/*** About Page: History section start here ***/
}
@media screen and (max-width: 540px) {
	/*** Homepage: Animated Image section start here ***/
	.image-fw__bg.is-active {
		top: -8px;
	}
	/*** Homepage: Animated Image section end here ***/
	/*** About Page: History section start here ***/
	.contact-list > div > .contact__label::after {
		width: calc(100% - 45%);
	}
	/*** About Page: History section end here ***/
	.catchment-section .map-area .orange-link,
	.catchment-section .map-area .grey-link {
		max-width: 100px;
		height: 40px;
		padding: 10px;
		font-size: 14px;
	}
	.catchment-section .map-area .orange-link::after,
	.catchment-section .map-area .grey-link::after {
		left: 35px;
		width: 30px;
		height: 15px;
		bottom: -13px;
	}
	.catchment-section .map-area .grey-link {
		left: 27%;
		top: 40%;
	}
	.catchment-section .map-area .orange-link {
		right: 10%;
	}
}
@media screen and (max-width: 480px) {
		/*** About Page: History section start here ***/

	.image-fw__bg.is-active {
		top: -5px;
	}
		/*** About Page: History section end here ***/

		/*** About Page: History section start here ***/
	.contact-list > div > .contact__label::after {
		width: calc(100% - 55%);
	}
		/*** About Page: History section End here ***/

}
@media screen and (max-width: 380px) {
	h5 {
	  font-size: 20px;
	  line-height: 25px;
	}
	/*** About Page: History section start here ***/

	.image-fw__bg.is-active {
		top: -3px;
	}
		/*** About Page: History section end here ***/
	/*** About Page: History section start here ***/
	.history-item__image img {
	  min-height: 260px;
	}
	/*** About Page: History section end here ***/
	/*** Footer CSS start here ***/
	footer .iwt-footer-main .iwt-contact-title,
	footer .iwt-contact-left .iwt-footer-social-menu{
	  width: 30%;
	}
	footer .iwt-contact-left .main-navigation,
	footer .iwt-footer-main .iwt-contact-left .iwt-contact-info {
	  width: 70%;
	}
	footer .iwt-footer-bottom-warp .iwt-fbottom-cright-text p ,
	footer .iwt-fbottom-cright-text p a {
	  line-height: 12px;
	}
	/*** Footer CSS end here ***/
	/*** FAQ Page: FAQ section CSS end here ***/
	.question-box {
	  padding: 15px 30px;
	}
	/*** FAQ Page: FAQ section CSS end here ***/
}
@keyframes cssAnimation {
	from {
		-webkit-transform: scale(1) translate(0px);
	}

	to {
		-webkit-transform: scale(1.3) translate(0px);
	}
}
@-webkit-keyframes cssAnimation {
	from {
		-webkit-transform: scale(1) translate(0px);
	}

	to {
		-webkit-transform: scale(1.3) translate(0px);
	}
}
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
	/*** Homepage: Banner CSS start here ***/
	.banner-section .slideshow .item {
        height: calc(100vh + 180px);
    }
	/*** Homepage: Banner CSS end here ***/
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
	/*** Homepage: Banner CSS start here ***/
	.banner-section .slideshow .item {
        height: calc(100vh + 260px);
    }
	/*** Homepage: Banner CSS end here ***/
}
/******** Responsive Design CSS end Here *********/