/*---------------*/
/* NORMILIZE.CSS */
/*---------------*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  	margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * 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;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/*------------*/
/* LAYOUT.CSS */
/*------------*/
/* Base elements and classes */
html {
	min-height: 100%;
}
body > div > footer,
body > div > header,
body > div > section,
body > footer,
body > header,
body > section {
	/* class used in the full template-width containers */
	clear: both;
	margin: 0 auto;
}
section#gkPageTop {
	overflow: visible; /* Necessary to make menu working */
	width: 100%; /* Necessary to achieve full background width */
}
#gkTop1,
#gkTop2,
#gkTop3,
#gkTop4,
#gkTop5,
#gkTop6,
#gkTop7,
#gkTop8,
#gkTop9,
#gkTop10,
#gkBottom1,
#gkBottom2,
#gkBottom3,
#gkBottom4,
#gkBottom5,
#gkBottom6,
#gkBottom7,
#gkBottom8,
#gkBottom9,
#gkBottom10 {
	/* Positions blocks -clearing */
	clear: both;
}
/* Columns */
section#gkContent,
section#gkComponentWrap,
aside#gkSidebar {
	/* Main columns */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
.itemBody {
	float: left;
	width: 100%;
}
/*------------*/
/* JOOMLA.CSS */
/*------------*/


legend {
	color: #000000;
}
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 39px;
	line-height: 39px;
	padding: 12px;
}
html.-moz-select {
	padding: 3px 5px
}

button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.readon:hover {
	background: #000000;
	border-color: #000000;
	color: #fff!important;
}
input[type=checkbox],
.checkbox,
input[type=radio],
.radio {
	background: transparent!important;
	border: none!important;
	height: auto!important;
	margin-top: 7px!important
}
select[size] {
	font-size: 12px;
	height: auto
}
select[size="1"] {
	height: 39px;
	line-height: 39px;
}
.invalid {
	border: 1px solid #e25527!important;
	color: #000
}
label {
	color: #111;
	font-size: 13px;
	font-weight: 600;
	padding: 0 6px 0 0;
}
label.invalid {
	background: #fff;
	border: none!important;
	color: #e25527!important
}
section img {
	display: block;
	height: auto;
	max-width: 100%;
}
table {
	margin-bottom: 20px;
	width: 100%
}
th {
	background: #000000;
	color: #eee;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}
tbody tr td {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px
}
tbody tr td p {
	margin: .5em 0
}
section.login .login-fields {
	padding-bottom: 16px
}
section.login .login-fields label {
	display: block;
	float: left;
	line-height: 34px;
	min-width: 100px
}
section.login ul {
	font-size: 11px;
	margin-top: 40px
}
.profile dl {
	margin: 32px 0;
}
.profile dt {
	clear: both;
	color: #444;
	float: left;
	font-size: 14px;
	font-weight: 300;
	min-width: 200px;
}
.tip-wrap {
	z-index: 1;
}
#awMessages {
	-webkit-box-shadow: 0 0 20px -4px #444;
	-moz-box-shadow: 0 0 20px -4px #444;
	box-shadow: 0 0 20px -4px #444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	bottom: 20px;
	max-width: 320px;
	overflow: hidden;
	position: fixed;
	right: 20px;
	z-index: 20000000;
}
#awMessages #system-message-container {
	float: left;
	position: relative;
	width: 100%;
}
#awMessages #system-message {
	margin: 0;
	position: relative;
}
#awMessages #system-message dt {
	display: none;
}
#awMessages #system-message .message {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000000;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	margin: 0;
	padding: 30px;
	text-align: center;
}
#awMessages #system-message .message p {
	margin: 0;
}
/* Languages */
#gkLang {
    float: left;
	margin: 0 0 0 50px;
	pointer-events: auto;
}
div.mod-languages > div,
div.mod-languages > form {
	display: inline-block;
	margin: 0 3px
}
div.mod-languages {
	text-align: center
}
div.mod-languages p {
	margin-bottom: .5em
}
.mod-languages ul.lang-inline,
.mod-languages ul.lang-block {
	display: inline-block;
	float: left
}
div.mod-languages > ul.lang-block > li,
div.mod-languages > ul.lang-inline > li {
	color: #fff;
	font-size: 13px;
	margin: 0;
	text-transform: lowercase;
}
div.mod-languages ul.lang-inline li:after {
    content: "/";
    margin: 0;
}
div.mod-languages ul.lang-inline li:last-child:after {
	content: '';
}
.mod-languages ul li.lang-active {
	font-weight: 700
}
div.mod-languages ul.lang-inline li a {
	color: #fff;
}
/*-------------*/
/* TEMPLATE.CSS */
/*-------------*/
/* Basic elements */
html {
	-webkit-font-smoothing: subpixel-antialiased;
}
body {
	background: #fff;
	color: #000000;
	font-family: 'Arial';
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	margin: 0 auto;
	min-height: 100%;
	overflow-x: hidden;
	padding: 0;
	word-wrap: break-word;
	position: relative;
	width: 100%;
}
a {
	color: #000000;
	position: relative;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
	text-decoration: none;
}
a:hover {
	color: #9e9385;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 44px;
	font-weight: 500;
}
h2,
.componentheading {
	font-size: 42px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 15px 0 30px;
}
iframe {
	max-width: 100%!important;
}
/*general rules*/
.overlayDarkBg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.05);
	z-index: 1;
    pointer-events: none;
}
/* Containers */
.bodyInner {
	float: left;
	position: relative;
	width: 100%;

}
.gkPage {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	margin: 0 auto!important;
	padding: 0 20px;
	width: 100%;
}
#gkHeader {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#gkHeaderTop {
	position: relative;
	width: 100%;
	z-index: 10001;
}
#gkHeaderTop > .gkPage {
	position: relative;
}
#gkHeaderMod {
	float: left;
	position: relative;
	width: 100%;
}
#gkHeaderNav {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 30px 40px;
	top: 0;
	width: 100%;
	z-index: 10000;
	float: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#gkHeaderNav.scroll {
	position: fixed;
}
#gkHeaderNav.scroll.upscroll {
	opacity: 1;
	padding: 15px 40px 15px;
	background-color: #000;
}
#gkHeaderNav.scroll.upscroll.isAtTop{
	padding: 30px 40px 30px;
	background-color: transparent;
}
#gkHeaderNav.scroll.downscroll {
	opacity: 0;
	padding: 0 40px 30px;
	pointer-events: none;
}
#gkHeaderNav.scroll.headroom--pinned{
    opacity: 1;
    padding: 15px 40px 15px;
    background-color: #000;
}
#gkHeaderNav.scroll.headroom--unpinned {
    opacity: 0;
    padding: 0 40px 30px;
    pointer-events: none;
}

#gkHeaderNav.scroll.headroom--pinned.headroom--top{
    padding: 30px 40px 30px;
    background-color: transparent;
}




#gkHeaderNav > div {
	position: relative;
}
#gkHeaderNav .gkPage {
	max-width: 100%;
	padding: 0 40px;
}
.gkHeaderNavInner {
	-webkit-align-items: center;
	align-items: center;
	float: left;
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	z-index: 1;
}
/* TEMPLATE MENU */
#gkMainMenu {
	float: left;
	margin-left: auto;
	padding: 0;
	pointer-events: all;
	width:auto;
}
#gkMainMenu:after {
	clear: both;
	content: "";
	display: table;
}
#gkMainMenu .gkMenu {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0;
	position: relative;
	text-align: center;
}
.gkMenu > ul {
	margin: 0;
	padding: 0;
}
.gkmenu.level0 {
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
	max-width: 760px;
    width: 100%;
}
.gkMenu > ul > li {
	clear: none !important;
	display: inline-block;
	font-size: 16px;
	text-align: left;
	margin: 0 25px 0 0;
}
.gkMenu > ul > li:last-child{
	margin: 0 0 0 0;
}

.gkMenu > ul > li > a {
	display: block;
	float: left;
	font-weight: 300;
	position: relative;
	color: #fff;
}

.blackOut .gkMenu > ul > li > a{
	color: #000;


}
/* main menu CSS */
.gkMenu > ul > li > a{
	overflow: hidden;
	padding: 5px 0;
}
.gkMenu > ul > li > a::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	z-index: 0;
	bottom: 1px;
	left: 0;
	background: #fff;
	-webkit-transform: translate3d(calc(-100% - 1px), 0, 0);
	transform: translate3d(calc(-100% - 1px), 0, 0);
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
	transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}

.gkMenu > ul > li > a,
.gkMenu > ul > li > a:after {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}


.gkMenu > ul > li > a:hover::after {
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.gkMenu > ul > li > a.active::after{
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.gkMenu ul ul {
	padding: 12px 0 8px;
}
.gkMenu > ul li div.childcontent {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eee;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.2); 
	margin-top: 0;
	text-transform: none;
}
.gkMenu > ul li div.childcontent-inner {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gkMenu > ul li > .childcontent .gkcol {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 0;
}
.gkMenu > ul li div.childcontent li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1;
	margin: 0;
	padding: 0 20px;  
	text-align: left;
}
.gkMenu > ul li div.childcontent li:hover > a,
.gkMenu > ul li div.childcontent li:hover > a small {
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.gkMenu > ul li div.childcontent li:first-child  { 
	border: none;
}
.gkMenu > ul li div.childcontent a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 7px 0; 
}
.gkMenu > ul li li div.childcontent small {
	padding-bottom: 5px;
}
.gkMenu > ul li div.childcontent li.group {
	padding: 0;
	margin: 0;
	height: auto;
	border: none !important;
	background: none;
}
.gkMenu > ul li div.childcontent .header {
	display: block;
	font-weight: 600;
	margin: 6px 0 0;
	padding: 0 20px;
}
.gkMenu > ul li div.childcontent .header small {
	display: block;
	text-transform: none;
}
.gkMenu .childcontent.active,
.gkMenu > ul > li:hover > .childcontent {
    pointer-events: auto;
}
.gkMenu .childcontent {
    pointer-events: none;
}
/* hide mobile menu */
#awMobileMenuWrapper {
	display: none;
	margin: 5px 0 0 auto;
	pointer-events: all;
}
/* Logo  */
div.logoContainer {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	float: left;
	margin: 0 0 0;
	position: relative;
	width: auto;
	pointer-events: all;
}
#gkLogo {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	text-shadow: none;
}
#gkLogo img,
#gkLogo svg {
	display: block;
	margin: 0;
	height: auto;
	width: auto;
}
/* Group modules */
#gkTop1,
#gkTop2,
#gkTop3,
#gkTop4,
#gkTop5,
#gkTop6,
#gkTop7,
#gkTop8,
#gkTop9,
#gkTop10,
#gkBottom1,
#gkBottom2,
#gkBottom3,
#gkBottom4,
#gkBottom5,
#gkBottom6,
#gkBottom7,
#gkBottom8,
#gkBottom9,
#gkBottom10 {
	overflow: hidden;
	padding: 0;
}
#gkPageWrap {
	margin: 0 auto;
}
#gkContent,
#gkPageContent {
	width: 100%;
	position: relative;
}
/* homepage*/
.homeHeading {
	height: 1px;
	left: -50vw;
	pointer-events: none;
	overflow: hidden;
	position: absolute;
}
.espaContainer {
	background-color: #fff;
	float: left;
	position: relative;
	width: 100%;
	z-index: 10002;
}
.espaContainer .espaContainerInner {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	float: left;
	height: 50px;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	width: 100%;
}
.espaContainer .espaImage {
	float: left;
	position: relative;
}
.espaContainer .espaImage a {
	display: block;
	float: left;
	position: relative;
}
.espaContainer .espaImage img {
	display: block;
	float: left;
	height: auto;
	max-height: 50px;
	position: relative;
	width: 100%;
}
.homePage #gkHeaderNav {
	background-color: rgba(0,0,0,0.3);
	top: 50px;
}
.homePage #gkPageContent {
	background-color: rgba(0,0,0,0.3);
	height: calc(100vh - 50px);
	position: absolute;
	top: 50px;
	width: 100%;
}
.homePage #gkFooter {
	display: none;
}


.aw_articles {
	position: absolute;
	width: 100%;
	height: 100%;

}
.awArticlesPreloader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 10000;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition: left 0.5s ease , opacity 0.5s ease 0.3s ;
	-moz-transition: left 0.5s ease , opacity 0.5s ease 0.3s ;
	transition: left 0.5s ease , opacity 0.5s ease 0.3s ;
}
.awArticlesPreloader.hidden{
	left: 100%;
	opacity: 0;
}
.awPreloaderInner {
	max-width: 1085px;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.awPreloaderInner svg{
	width: 100%;
}

.backvision {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: #fff;
	top:0;
	left: 0;

}
.backvision.bv-dragging{
	cursor: grabbing !important;
}

.backvision .gkPage {
	max-width: 1440px;
	height: 100%;
}
.backvisionInner {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
}
.bv-banners {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
.bv-banners .bv-text {
	pointer-events: none;
}
.overlayProjectLink {
	position: absolute;
	width: 120%;
	height: 100%;
	left: -30%;
	pointer-events: all ;
}

.bv-banners li > div{
	position: relative;
	float: left;
}
.awBvBanner {
	position: absolute !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-moz-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	font-size: 200px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	max-width: 1160px;
	width: 100% !important;
}
.awBvBanner .generalTitle{
	pointer-events: all;
}
.awBvBanner .generalTitle a{
	color: #fff;
}
.projectTitle{
	float: left;
	position: relative;
	font-size: 200px !important;
	font-weight: 900 !important;
	pointer-events: none;
}
.projectLink {
	float: left;
	position: relative;
	width: auto;
	margin: 20px 0 0 0;
    z-index: 100;
	pointer-events: all;

}
.projectLink a {
	width: auto;
	position: relative;
	font-size: 17px;
	color: #ffffff;
	font-weight: 300;
    float: left;
}
.projectLink a.lined:after{
	background: #fff;
	height: 2px;
}
.bv-controls .bv-sound {
	display: none ;
}
/*aw articles slick mode*/
.awArticlesInner {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
.awArticlesInner .slick-list {
    height: 100%;
}
.awArticlesInner .slick-track {
    height: 100%;
}
.awArticlesInner .slick-slide{
    overflow: hidden;
}
.awArticlesInner .slick-slide > div,
.awArticlesInner .slick-slide {
    height: 100%;
}
.awArticleItem {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
.awArticleItemVideo {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}
.awArticleItemImage {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.awArticleItemInfo {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 3;
}
.awArticleInfoInner {
    float: left;
    position: relative;
    width: 100%;
}
.awArticleInfoInner a{
    color: #fff;
}
.awArticleInfoInner a:hover{
    color: #fff;
}
.awArticlesInner .slick-arrow {
	position: absolute;
	z-index: 10;
	bottom: 13%;
	left: 20px;
}
.awArticlesInner .slick-arrow.slick-nav-prev{
	left: 20px;
}
.awArticlesInner .slick-arrow.slick-nav-next{
	left: 90px;
}

.carouselNavWrapper {
	width: 100%;

}
.carouselNavWrapper .gkPage{
	height: 100%;
}
.carouselNavInner {
	position: absolute;
	width: 100%;
	bottom: 13%;
}
.homeCarouselNav {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
}
.homeCarouselNav .slick-arrow{
	cursor: pointer;
}
.homeCarouselNav .slick-nav-next.slick-arrow {
	margin: 0 0 0 20px;
}

/*projects category view*/
.projects.blog {
	float: left;
	position: relative;
	width: 100%;
	background-color: #000;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	overflow: hidden;
}
.projects.blog .itemsContainerWrapper {
	float: left;
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	/*max-width: 48vw;*/
	/*margin: 0 auto;*/
	cursor: grab;

}
.projects.blog .itemsContainerWrapper.dragging{
	cursor: grabbing;
}
.projects.blog .itemsContainerWrapper.noDrag{
	pointer-events: none;
	z-index:10;
}
.projects.blog .itemsContainerWrapper .itemsContainerWrapperInner{
	float: left;
	position: relative;
	width: 100%;
}
.projects.blog .itemsContainerWrapper .gkPage{
	max-width: 460px;
}

.projects.blog .itemsContainer.scroll_pane {
	float: left;
	width: 100%;
	max-width: 480px;
	overflow: visible !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	height: 100vh;
}

.projects.blog .itemsContainer.scroll_pane * a{
	pointer-events: all;
}
.projects.blog .itemsContainer.scroll_pane.dragging * a{
	pointer-events: none;
}
.projects.blog .jspContainer {
	overflow: visible !important;
	padding: 0 0 !important;
	position: unset !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	height: 100% !important;
}

.projectItems.itemsContainerInner {
	float: left;
	position: relative;
	width: auto;
	display: -webkit-flex;
	display: flex;
	/*margin-left:-920px;*/
	/*-webkit-transform: translateX(-15.5%);*/
	/*-moz-transform: translateX(-15.5%);*/
	/*transform: translateX(-15.5%);*/
}
.projectItems.itemsContainerInner.active{
	cursor:grab;
}
.projectItems.itemsContainerInner .slick-list {
	overflow: visible !important;
}

.projects.blog .itemCatWrapper {
	float: left;
	position: relative;
	flex-shrink: 0;
	width: 39vw;
}
.itemCatInner {
	float: left;
	position: relative;
	width: 100%;
}

.catItemBodyWrapper {
	float: left;
	position: relative;
	width:100%;
	/*-webkit-transition: width 0.3s ease ;*/
	/*-moz-transition: width 0.3s ease ;*/
	/*transition: width 0.3s ease ;*/
}

.catItemBodyWrapper::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	height: 100%;
	-webkit-transition: all 0.6s ease ;
	-moz-transition: all 0.6s ease ;
	transition: all 0.6s ease ;
	z-index: 100;
}
.catItemBodyWrapper.animate::after {
	width: 0;
}
@keyframes givewidth {
	0%{width:0;}
	100%{width:100%;}

}
.catItemInfoWrapper {
	float: left;
	position: relative;
	width: 100%;
}
.catItemVideo {
	float: left;
	position: relative;
	width: 100%;
}
.catItemVideo .overlayDarkBg{
	display: none;
}
.catItemVideo a{
	float: left;
	position: relative;
	width: 100%;
}
.catItemVideo video{
	-webkit-transition: all 1s ease 0.5s;
	-moz-transition: all 1s ease 0.5s;
	transition: all 1s ease 0.5s;
}
.catItemVideo video.lazy{
	display: block;
	opacity: 1;
}
.catItemFullImage {
	float: left;
	position: relative;
	width: 100%;
}
.catItemFullImage .overlayDarkBg{
	display: none;
}
.catItemFullImage a{
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.catItemFullImageInner {
	float: left;
	position: relative;
	width: 100%;
	padding: 28.2% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.3s ease ;
	-moz-transition: all 0.3s ease ;
	transition: all 0.3s ease ;
}
.catItemFullImage:hover .catItemFullImageInner{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

.catItemInfoInner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
	width: 100%;
	padding: 30px 40px 0;
}
.catItemTitle {
	float: left;
	position: relative;
	width: 100%;
}
.catItemTitle a{
	float: left;
	position: relative;
	width: 100%;
}
.catItemTitle a h2{
	float: left;
	position: relative;
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
}
.catItemSubtitle {
	float: left;
	position: relative;
	width: 100%;
	font-size: 24px;
	font-weight: 300;
	color: #808285;
}

.projects.blog .jspHorizontalBar {
	height: 4px;
	left: 50%;
	position: absolute;
	width: 480px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100px;
}
.jspPane {
	position: relative !important;
	/*-webkit-transition: left 0.1s ease-in-out;*/
	/*-moz-transition: left 0.1s ease-in-out;*/
	/*transition: left 0.1s ease-in-out;*/
}
.jspTrack {
	height: 4px !important;
	background-color: #333;
}
.jspDrag {
	z-index: 11;
	pointer-events: all;
	background-color: #fff !important;
	/*-webkit-transition: left 0.1s ease-in-out;*/
	/*-moz-transition: left 0.1s ease-in-out;*/
	/*transition: left 0.1s ease-in-out;*/
}
/*services category view*/
.services.blog {
	float: left;
	position: relative;
	width: 100%;
}

.services .categoryHeaderWrapper {
	float: left;
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.services  .categoryHeaderWrapperImage {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.services .categoryHeaderTitle {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.services .categoryHeaderTitleInner {
	float: left;
	position: relative;
	width: 100%;
}
.services .generalTitleWrapper {
	float: left;
	position: relative;
	width: 100%;
}

.exploreMoreBtn {
	position: absolute;
	width: 100%;
	bottom: 29px;
	z-index: 2;
}
.exploreButtonInner {
	float: left;
	position: relative;
	width: auto;
}
.categoryDescWrapper {
	float: left;
	position: relative;
	width: 100%;
}
.categoryDescInner {
	float: left;
	position: relative;
	width: 100%;
}
.categoryDescription {
	float: left;
	position: relative;
	width: 100%;
	margin: 210px 0;
}
.categoryDescription p {
	float: left;
	position: relative;
	width: 100%;
	font-size: 80px;
	font-weight: 900;
	margin: 0;
	line-height: 1.2;
}
.services .itemsContainerWrapper {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 0 330px;
}
.services .itemsContainerWrapper .itemsContainer{
	float: left;
	position: relative;
	width: 65.74%;
}
.serviceItems.itemsContainerInner {
	float: left;
	position: relative;
	width: 100%;
}
.services .itemCatWrapper {
	width: 100%;
	position: relative;
	float: left;
}
.itemCatBodyWrapper {
	float: left;
	position: relative;
	width: 100%;
}
.itemCatBodyInner {
	float: left;
	position: relative;
	width: 100%;
}
.itemCatWrapper:first-child .accordionTitle.accordion{
	border-top: none;
}
.accordionTitle.accordion {
	float: left;
	position: relative;
	width: 100%;
	font-size: 30px;
	font-weight: 900;
	padding: 5px 0;
	border-top: 1px solid #000;
	cursor:pointer;
}
.accordionPlusBtn{
	position: absolute;
	width: 10px;
	height: 10px;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease ;
	transition: all 0.3s ease ;
}
.accordionTitle.accordion.active .accordionPlusBtn{
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.accordionTitle.accordion .accordionPlusBtn:after{
	content:'';
	background-color: #000;
	width: 10px;
	height: 2px;
	position: absolute;
	left: 0;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.accordionTitle.accordion .accordionPlusBtn:before{
	content:'';
	background-color: #000;
	width: 2px;
	height: 10px;
	position: absolute;
	left: 50%;
	top:0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.panelContent.panel {
	float: left;
	position: relative;
	width: 100%;
	padding: 15px 0 0;
	display: none;
}
.panelDescription{
	float: left;
	position: relative;
}
.panelDescription p {
	font-size: 16px;
	color: #333;
	margin: 0 0 0;
	font-weight: 300;
}
.serviceReadMore {
	margin: 15px 0 20px;
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.viewProjectsBtn {
	float: left;
	position: relative;
	width: auto;
	margin: 0 5px 0 0;
}
.serviceTag {
	float: left;
	position: relative;
	width: auto;
	margin: 0;
}
.serviceTag a.lined{
	padding: 7px 0;
}
.serviceTagComma {
	float: left;
	position: relative;
}

.serviceReadMore a{
	color:#323232;
	font-weight: 700;
	font-size: 16px;
}

.serviceReadMore a:hover{
	color:#323232;
}
.serviceReadMore a.small:after{
	height: 1px;
	bottom: 9px;
	background-color: #acacac;
}
.servicesCategorySmallImage {
	position: absolute;
	top: 0;
	right: 0;
	width: 26vw;
	display: none;
}
/*projects article view*/
.project.item-page {
	float: left;
	position: relative;
	width: 100%;
}
.project .categoryHeaderWrapper {
	float: left;
	position: relative;
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	height: 100vh;
}

.headerVideoWrapper {
	float: left;
	width: 100%;
	background-color: #000;
	height:100%;
}
.mobileHeaderVideoWrapper {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
.mobileHeaderVideoInner {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
.mobileHeaderVideoPlayButton {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
}
.mobileHeaderVideoPlayButtonInner {
    float: left;
    position: absolute;
    width: 100%;
    height: 100%;
	display: none;
}
.mobileVideoImage{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mobileVideoImage.hidden{
    opacity: 0;
    visibility: hidden;
}
.mobileHeaderVideoPlayButtonInnerLvl2 {
    position: absolute;
    top: 75%;
    width: auto;
    height: auto;
    cursor: pointer;
    z-index: 50;
    display: block;
}
.mobileHeaderVideoPlayButtonInnerLvl2.hidden{
    display: none;
}
.mobileHeaderVideoPauseButtonInnerLvl2{
    position: absolute;
    top: 75%;
    width: auto;
    height: auto;
    cursor: pointer;
    z-index: 50;
    display: block;
}
.mobileHeaderVideoPauseButtonInnerLvl2.hidden{
    display: none;
}
.header.native-videoplayer__video {
	position: absolute;
	left: 0;
	right: 0;
	object-fit: cover;
}
.header.native-videoplayer__video.playing{
    object-fit: contain;
}
.categoryHeaderWrapperImage {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.categoryHeaderTitle {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
    opacity: 1;
    visibility: visible;
}
.categoryHeaderTitle.hidden{
    opacity: 0;
    visibility: hidden;
}
.categoryHeaderTitle .gkPage {
    overflow-x: hidden;
    overflow-y: visible;
}
.categoryHeaderTitleInner {
	float: left;
	position: relative;
	width: 100%;
	left: -100%;
	-webkit-transition: left 1s ease ;
	-moz-transition: left 1s ease ;
	transition: left 1s ease ;
}
.categoryHeaderTitleInner.animate{
	left: 0;
}
.generalTitleWrapper {
	float: left;
	position: relative;
	width: 100%;
}
.generalTitle {
	position: relative;
	max-width: 1160px;
	width: 100%;
	font-size: 180px;
	color: #fff;
	font-weight: 900;
	line-height: 1;
}

.articleBody {
	float: left;
	position: relative;
	width: 100%;
}
.projectTypeWrapper {
	float: left;
	position: relative;
	width: 100%;

}
.projectItemTypeWrapperInner {
	float: left;
	position: relative;
	width: 100%;
	margin: 230px 0 0 0;
}
.projectItemTypeWrapperInner.type_a {
	margin: 460px 0 230px;
}
.projectItemTypeWrapperInner.type_a .projectItemTypeInner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.projectItemTypeInner {
	float: left;
	position: relative;
	width: 100%;
}
.projectItemType {
	float: left;
	position: relative;
	width: 100%;
}

.projectItemType {
	float: left;
	position: relative;
	width: 100%;
}
.type_a .projectItemType {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 100px 0 0;
	max-width: 1020px;
	width: 60%;
}
.projectItemTypeTitle {
	float: left;
	position: relative;
	width: 100%;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.8;
	margin: 0 0 38px;
}
.projectItemTypeText {
	float: left;
	position: relative;
	width: 100%;

}
.projectItemTypeText p{
	font-size: 16px;
	color: #333;
	margin: 0 0 0;
}
.projectItemTypeSmallImage {
	position: absolute;
	width: auto;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*type b*/
.projectItemTypeWrapperInner.type_b .gkPage{
	max-width: 1680px;
}
.projectItemTypeWrapperInner.type_b .projectItemType{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.projectItemTypeLeftSide {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
	width: 56.1%;
	padding: 0 160px 0 0;
}
.projectItemTypeBgImage {
	float: left;
	position: relative;
	width: 100%;
	padding: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.projectItemTypeRightSide {
	width: 43.9%;
	float: left;
	position: relative;
}
.type_b .projectItemTypeText {
	float: left;
	position: relative;
	width: 100%;
	max-width: 700px;
}
.typeBSlideshowWrapper {
	width: 100%;
	float: left;
	position: relative;
}
.typeBVideoWrapper {
	float: left;
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.itemVideoContainer{
	float: left;
	position: relative;
	width: auto;
}
.itemSliderContainer {
	float: left;
	position: relative;
	width: 100%;
}
.itemSliderContainerInner {
	float: left;
	position: relative;
	width: 100%;
}
.slickCarousel {
	float: left;
	position: relative;
	width: 100%;
}
.os-gallery-tabs-main-1 {
	float: left;
	position: relative;
	width: 100%;
}
.os-cat-tab-images {
	float: left;
	position: relative;
	width: 100%;
}
.osSlideshowContainer{
	float: left;
	position: relative;
	width: 100%;
}
.osSlideshowItem {
	float: left;
	position: relative;
	width: 100%;
	/*padding: 50% 0;*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.carouselNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	height: 90.7%;
}
.carouselNav .slick-arrow {
	position: relative;
	width: 100%;
	height: 100%;
}
.carouselNav .slick-arrow.slick-disabled{
	width: 0px;
}

.carouselNav .slick-arrow.slick-nav-next{
	right: 0;
	cursor: url(../../../images/template/next-arrow.svg) 27 27,pointer;
}
.carouselNav .slick-arrow.slick-nav-prev{
	left: 0;
	cursor: url(../../../images/template/prev-arrow.svg) 27 27,pointer;
}
/*type c*/
.projectItemTypeWrapperInner.type_c .gkPage {
	max-width: 1680px;
}
.typeCSlideshowWrapper {
	float: left;
	position: relative;
	width: 100%;
}
.os-gallery-tabs-main-2 {
	float: left;
	position: relative;
	width: 100%;
}


.type_c .os-cat-tab-images {
	width: calc(100%) !important;
	margin-left: 0;
}

.type_c .osSlideshowContainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.type_c .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: flex;
}

.type_c  .osSlideshowItemWrapper {
	position: relative;

}
.type_c .slick-slide:not(.slick-current) .osSlideshowItemWrapper{
	left: -88px;
}

.type_c .osSlideshowItem{
	-webkit-transition: all 0.3s ease ;
	-moz-transition: all 0.3s ease ;
	-ms-transition: all 0.3s ease ;
	-o-transition: all 0.3s ease ;
	transition: all 0.3s ease ;
}


.slideShowItemCaptions {
	float: left;
	position: relative;
	width: 100%;
}
.type_c .projectItemTypeTitle {
	margin: 10px 0 10px;
}
.type_c .projectItemTypeText{
	width: auto;
}

/*type d*/
.videoplayer.fullwidth {
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.typeDvideoItem {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}
.typeDvideoItem .overlayDarkBg{
	z-index: 2;
}
.fullwidth .videoPlayerInner{
	position: relative;
	width: 100%;
	cursor: url(../../../images/template/playBtn.svg) 27 27,pointer;
	height: 100%;
}
.fullwidth .videoPlayerInner.playing{
	cursor: url(../../../images/template/pauseBtn.svg) 27 27,pointer;
}
.fullwidth .videoPlayerInner.paused{
	cursor: url(../../../images/template/playBtn.svg) 27 27,pointer;
}
.videoImageWrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.videoImageWrapper.hidden{
	opacity:0;
	z-index: -1;
}
.videoImage {
	position: relative;
	width: 100%;

}

.videoImage.type_d {
	position: absolute;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 28.15% 0;
	/* height: 100%; */
}
.videoTitleWrapper {
	position: absolute;
	color: #fff;
	top: 50%;
	font-size: 4.29688vw;
	font-weight: 700;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.mobilePlayBtn {
	position: relative;
	width: 54px;
	height: 54px;
	font-size: 0;
	display: none;
	border-radius: 50%;
}
.video-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
	width: 100%;
	padding: 0 0;
	height: auto;
	background-color: #000;
}
.native-videoplayer__video {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}

.videoplayer-controls.native-videoplayer__controls {
	display: none;
}
.thubnailsToggler {
	position: absolute;
	right: 70px;
	top: 70px;
	font-size: 18px;
	z-index: 100;
	cursor: pointer;
	pointer-events: all;
	color: #fff;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.mobileThubnailsToggler{
	display: none;
}
.thubnailsWrapper{
	float: left;
	position: absolute;
	width: 100%;
	cursor: pointer;
	top: 0;
	height: 100%;
	right: 0;
	-webkit-transition: all 0.6s ease-in-out ;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	z-index: 101;
	background-color: rgba(0,0,0,0.7);
	pointer-events: none;
	opacity: 0;
}

.thubnailsWrapper.visible{
	opacity:1;
	pointer-events: all;
}
.thubnailsOverlay {
	background-color: transparent;
	width: 100%;
	height: 100%;
	cursor: url(../../../images/template/close-btn.svg) 27 27,pointer;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.thubnailsWrapper.visible .thubnailsOverlay{
	opacity:1
}
.thubnailsInner{
	width: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	position: absolute;
	z-index: 100;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	height: 100%;
	right: -100%;
}
.thubnailsWrapper.visible .thubnailsInner{
	right: 0;
}
.videoPlayerThubnailsCloseBtn {
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 101;
	font-size: 26px;
	line-height: 1;
	font-family: 'aw-font';
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	display: none;
}
.videoPlayerThubnails.videoThubNailsSlideShow {
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 100;
	padding: 60px 120px 40px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	height: auto;
	max-height: 100%;
}

.mCustomScrollBox {
    overflow: visible !important;
}
.mCSB_container {
    overflow: visible !important;
    width: 100% !important;
    /*height: 100% !important;*/
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75) !important;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(110, 100, 100, 0.85) !important;
}
/*#mCSB_1_scrollbar_vertical .mCSB_dragger {*/
    /*height: 100px !important;*/
    /*max-height: 100px !important;*/
/*}*/
.mCSB_scrollTools {
	right: -70px !important;
	z-index: 101;
}


.typeDvideoItemThubnails {
	width: 100%;
	position: relative;
	float: left;
}
.thubnailVideoTitle {
	margin: 20px 0 0 0;
	font-size: 30px;
	font-weight: 800;
}
.videoPlayerThubnails.videoThubNailsSlideShow .slick-list {

}
.videoPlayerThubnails.videoThubNailsSlideShow .slick-slide{
	margin: 0 0 50px;
}
/*type e*/
.projectItemTypeFullWidthImage {
	float: left;
	position: relative;
	width: 100%;
	padding: 20% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/*project pagination*/
.projectPagination {
	float: left;
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 230px 0 360px;
}
.nextItemWrapper.paginationItems {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: left;
	position: relative;
	width: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
    padding: 0 20px;
}
.directionLabel {
	position: relative;
	width: auto;
	font-size: 15px;
	color: #333;
}
.paginationItemTitle {
	position: relative;
	width: auto;
}
.paginationItemTitle a {
	float: left;
	position: relative;
	width: auto;


}
.paginationItemTitle a h4 {
	float: left;
	position: relative;
	width: auto;
	font-size: 45px;
	font-weight: 900;
}

a.lined{
	padding: 10px 0;
	overflow: hidden;
	float: left;
}

a.lined::after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	z-index: 0;
	bottom: 0px;
	left: 0;
	background: #000;
	-webkit-transform: translate3d(calc(-100% - 1px), 0, 0);
	transform: translate3d(calc(-100% - 1px), 0, 0);
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
	 transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
a.lined:hover::after {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	transition: -webkit-transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	-o-transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98), -webkit-transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.bodyDivider {
	float: left;
	position: relative;
	width: 100%;
	margin: 200px 0;
}
.backToCategoryBtn {
	position: absolute;
	width: auto;
	float: left;
	bottom: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow: hidden;
	z-index: 100;
}
.backToCategoryBtn a {
	font-size: 23px;
	font-weight: 900;
}
.backToCategoryBtn a:hover{
	color: #000;
}
.backToCategoryBtn a.lined::after{
	height: 2px;
	bottom: 5px;
}
/*contact page starts*/
.awHeader {
	float: left;
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 400px;
}
.awHeader .categoryHeaderWrapper {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}
.awHeaderInner {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.awHeaderBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.awHeaderCaption {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.awCaptionInner {
	position: relative;
	width: auto;
	font-size: 200px;
	font-weight: 900;
	color: #fff;
}
/*rs form*/
.gkRsForm {
	float: left;
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 230px 0 200px;
	background-color: #000;
	overflow:hidden;
}

.gkRsFormInner {
	float: left;
	position: relative;
	width: 100%;
	padding: 230px 0;
	display: -webkit-flex;
	display: flex;
}
.gkRsFormInner #anchorSection {
	top: 0;
	position: absolute;
}
.gkRsForm .rsform {
	float: left;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex-shrink: 0;
}
.gkRsForm #userForm {
	float: left;
	position: relative;
	width: 100%;
}
.gkRsForm .formContainer {
	float: left;
	position: relative;
	width: 100%;
}
.gkRsForm .formRow {
	float: left;
	position: relative;
	width: 100%;
}
.gkRsForm .formSpan12 {
	float: left;
	position: relative;
	width: 100%;
}
.rsform-block-mainTitle {
	float: left;
	position: relative;
	width: 100%;
	font-size: 30px;
	color: #fff;
	font-weight: 900;
	margin: 0 0 115px;
}
.gkRsForm .rsform-block {
	width: 100%;
	position: relative;
	float: left;
	margin: 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: baseline;
	align-items: baseline;
}
.rsform-block.rsform-block-recaptcha{
	margin: 0 0 0 !important;
}
.rsform-block.rsform-block-message{
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.formControlLabel {
	float: left;
	position: relative;
	width: auto;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	top: -16px;
}
.rsform-block.rsform-block-message .formControlLabel {
	top: 12px;
}
.gkRsForm .formControls {
	width: auto;
	position: relative;
	float: left;
	margin: 0 0 0 28px;
}
.rsform-block.rsform-block-submit .formControls{
	margin: 0 0 0 0;
}
.gkRsForm .formBody {
	width: auto;
	position: relative;
	float: left;
	height: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.rsform-block.rsform-block-recaptcha .formBody{
	height: auto;
}
.rsform-block.rsform-block-submit .formBody{
	height: auto;
}
.gkRsForm .formBody input {
	border: none;
	background-color: #000;
	color: #fff;
	font-size: 60px;
	padding: 0;
	line-height: 1.11;
	font-weight: 900;
	padding: 0 0;
}
.rsform-block.rsform-block-message{
	overflow: hidden;
}
.rsform-block.rsform-block-message .formBody {
	height: auto;
}

/*.rsform-block.rsform-block-message .formBody .mCSB_scrollTools {*/
	/*right: -40px !important;*/
	/*z-index: 101;*/
/*}*/
/*.rsform-block.rsform-block-message .mCSB_scrollTools .mCSB_draggerRail {*/
	/*background-color: #333 !important;*/
/*}*/
/*.rsform-block.rsform-block-message #mCSB_1_dragger_vertical{*/
	/*height: 100px !important;*/
/*}*/
/*.rsform-block.rsform-block-message .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {*/
	/*background-color: rgba(255, 255, 255, 1) !important;*/
/*}*/
/*.rsform-block.rsform-block-message .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {*/
	/*background-color: rgba(255, 255, 255, 1) !important;*/
/*}*/

.gkRsForm .formBody input::placeholder {
	color: #fff !important;
	opacity: 1;
}
.gkRsForm .formBody textarea {
	border: none;
	background-color: #000;
	color: #fff;
	font-size:60px;
	font-weight: 900;
	height: 250px;
	line-height: 1;
	max-height: 400px;
	min-height: 100px;
	padding: 0;
	resize: vertical;
	width: 100%;
}

.gkRsForm .formBody textarea::placeholder{
	color: #fff !important;
	opacity: 1;
}
.textarea-clone {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.grecaptcha-badge {
	display: none;
}
.formError {
	color: #CF4D4D;
	font-weight: bold;
	font-size: 10px;
	padding: 0 0 0 11px;
}

.rsform-block.rsform-block-submit .formBody button {
	background-color: #000;
	border: none;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	padding: 0;
	margin: 60px 0 0 0;
	cursor: pointer;
}

.rsform-block.rsform-block-submit .formBody button:after{
	content: '';
	position: absolute;
	height: 1px;
	background-color: #fff;
	width: 0;
	bottom: -1px;
	left: 0;
	-webkit-transition: all 0.3s ease ;
	-moz-transition: all 0.3s ease ;
	transition: all 0.3s ease ;
}
.rsform-block.rsform-block-submit .formBody button:hover:after{
	width: 100%;
}
/*apply*/
.gkTop10Inner {
	float: left;
	position: relative;
	width: 100%;
}
.gkTop10Inner .awContactInfo {
	float: left;
	margin: 0 0 145px;
	position: relative;
	width: 100%;
}
.gkTop10Inner .contactInfoTitle {
	color: #000;
	font-size: 200px;
	font-weight: 900;
	margin: 0 0 65px;
	line-height: 1;
}
.gkTop10Inner .contactInfoText p {
	color: #000;
}
.gkTop10Inner .contactInfoText p a {
	color: #000;
	font-size: 30px;
	font-weight: 900;
}
/*contact info*/
.awContactInfo {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 32.9%;
	flex-grow: 1;
	flex-shrink: 0;
	padding: 0 100px 0 0;
}
.awContactInfoInner {
	float: left;
	position: relative;
	width: 100%;
}
.contactInfoTitle {
	float: left;
	position: relative;
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	margin: 0 0 20px;
}
.contactInfoText {
	float: left;
	position: relative;
	width: 100%;
}
.contactInfoText p{
	float: left;
	position: relative;
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}
.contactInfoText p a{
	color: #fff;
	font-size: 16px;
}
/*contact page ends*/
/*about page starts*/
.awRepeatTitleText {
	float: left;
	position: relative;
	width: 100%;
	padding: 215px 0 0;
}
.awRepeatTitleText #anchorSection{
	position: absolute;
	top: 0;
}
.awRepeatTitleTextInner {
	float: left;
	position: relative;
	width: 100%;
}
.infoItemsWrapper {
	float: left;
	position: relative;
	width: 100%;
}
.infoItem {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 0 145px;
}
.infoItemTitle {
	float: left;
	position: relative;
	width: 100%;
	font-size: 80px;
	font-weight: 900;
	line-height: 1;
	margin: 0 0 30px;
}
.infoItemText {
	float: left;
	position: relative;
	width: 100%;
}
/*about page ends*/
/* footer */
#gkFooter {
	position: absolute;
	bottom: 12px;
	width: 100%;
}

.awFooter {
	float: left;
	position: relative;
	width: 100%;
}
.awFooter .gkPage{
	max-width: 100%;
	padding: 0 40px;
}
.awFooterInner {
	float: left;
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	color:#808285;
}
.footerItem {
	position: relative;
	width: auto;
}
.footerItem p{
	position: relative;
	width: auto;
	margin: 0 0 0;
	font-size: 14px;
	color: #363636;
}
.footerItem p a {
	font-size: 14px;
	color: #363636;
}
.socialsWrapper {
	position: relative;
	width: auto;
}
.socialsWrapper span{
	position: relative;
	width: auto;
	color: #808285;
}
.socialsWrapper span a{
	position: relative;
	width: auto;
	color: #808285;
}
.socialsWrapper span a.prelinedLink:hover {
	color: #808285 !important;
}
.socialsPlusWord {
	margin: 0 3px;
}
.socialText {
	position: relative;
	width: auto;
	margin: 0 5px;
}
.socialText p{
	font-size: 14px;
	color: #363636;
	margin: 0 0 0;
}
.socialText p a{
	font-size: 14px;
	color: #363636;
}
/* Suffixes */
div.content {
	clear: both;
}
#fancybox-overlay {
	z-index: 10002;
}
/*home page preloader*/
.awPreloaderItems {
	float: left;
	position: relative;
	width: 100%;
}
.bndbNameWrapper {
	position: relative;
	width: auto;
	float: left;
}
.bndbNameValue {
	float: left;
	position: relative;
	width: auto;
	font-size: 6vw;
	color: #fff;
	font-weight: 800;
	line-height: 1.2;
}
.bndbSloganWrapper {
	float: left;
	position: relative;
	width: 100%;
	margin: 35px 0 0 0;
}
.bndbWordsOverlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background-color: #fff;
	-webkit-animation: overlayWords 0.4s linear 1 forwards 1.4s ;
	-o-animation: overlayWords 0.4s linear 1 forwards 1.4s;
	animation: overlayWords 0.4s linear 1 forwards 1.4s;
}

.bndbSloganOverlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background-color: #fff;
	-webkit-animation: overlayWords 0.8s linear 1 forwards 1.2s ;
	-moz-animation: overlayWords 0.8s linear 1 forwards 1.2s;
	animation: overlayWords 0.8s linear 1 forwards 1.2s;
}

@keyframes overlayWords{
	0%{width:0}
	100%{width:100%}
}
@-moz-keyframes overlayWords {
	0%{width:0}
	100%{width:100%}
}

@-webkit-keyframes overlayWords {
	0%{width:0}
	100%{width:100%}
}
/*home page preloader ends*/
/*max height media queries*/

@media screen and (max-height: 400px) and (max-width:800px){
	.generalTitle {
		font-size: 60px !important;
	}
}
@media screen and (min-width: 1290px) {
	.bndbNameValue {
		font-size: 77px;
	}
}
@media screen and (max-height:850px){
	.generalTitle {
		font-size: 160px;
	}
}
@media screen and  (max-height:710px){
	.projects.blog .itemCatWrapper {
		width: 27vw;
	}
	.catItemTitle a h2 {
		font-size: 27px;
	}
	.catItemSubtitle {
		font-size: 19px;
	}
	.projects.blog .jspHorizontalBar {
		bottom: 65px;
	}
}

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

	.generalTitle {
		font-size: 42px;
	}
}
@media (max-width:1600px){
	/*projects category view*/
	.catItemTitle a h2 {
		font-size: 25px;
	}
	.catItemSubtitle {
		font-size: 20px;
	}
	/*projects category view ends*/
    /*projects article view*/
	.projectItemTypeWrapperInner.type_a {
		margin: 360px 0 130px;
	}
    .projectItemTypeSmallImage {
        width: 400px;
    }
    .videoPlayerThubnails.videoThubNailsSlideShow {
        padding: 60px 90px 40px;
    }
    .thubnailVideoTitle {
        font-size: 23px;
    }
    /*projects article view ends*/
	/*services page*/
	.categoryDescription p {
		font-size: 60px;
	}

	/*services page ends*/
	/*contact page*/
	.awContactInfo {
		padding: 0 50px 0 0;
	}
	.contactInfoTitle {
		font-size: 25px;
	}
	.gkRsFormInner {
		padding: 180px 0;
	}
	.rsform-block-mainTitle {
		margin: 0 0 60px;
		font-size: 25px;
	}
	.formControlLabel {
		font-size: 2vw;
		top: -9px;
	}
	.gkRsForm .formBody input {
		font-size: 3vw;
	}
	.gkRsForm .formBody textarea {
		font-size: 3vw;
		height: 150px;
	}
	.rsform-block.rsform-block-message .formControls {
		width: 60%;
	}
	.rsform-block.rsform-block-message .formControls .formBody{
		width: 100%;
	}
	.rsform-block.rsform-block-message .formControlLabel {
		top: 6px;
	}
	/*contact page ends*/
}
@media (max-width:1500px){
	.generalTitle {
		font-size: 120px;
	}
}
@media (max-width:1480px){
	.awFooter .gkPage {
		padding: 0 20px;
	}
}
@media (max-width:1400px){
	/*projects category view*/
	.catItemTitle a h2 {
		font-size: 22px;
	}
	.catItemSubtitle {
		font-size: 18px;
	}
	/*projects category view ends*/
	/*projects article view*/
    .videoPlayerThubnails.videoThubNailsSlideShow {
        padding: 60px 40px 40px;
    }
    .videoPlayerThubnails .slick-vertical .slick-slide {
        width: 90% !important;
    }

    .mCSB_scrollTools {
        right: -30px !important;
    }

	/*projects article view ends*/
}
@media (max-width:1300px){
    /*projects article view*/
	.projectItemTypeWrapperInner.type_a {
		margin: 260px 0 30px;
	}
    .projectItemTypeSmallImage {
        width: 350px;
    }

    .projectItemTypeLeftSide {
        padding: 0 90px 0 0;
    }
    /*projects article view ends*/
	/*contact page*/
	.gkRsForm .rsform {
		margin: 40px 0 0 0;
	}
	.gkRsFormInner {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 150px 0;
	}
	.rsform-block-mainTitle {
		margin: 0 0 35px;
		font-size: 25px;
	}
	.formControlLabel {
		font-size: 2.8vw;
	}
	
	.gkRsForm .formBody input {
		font-size: 4vw;
	}
	.gkRsForm .formBody textarea {
		font-size: 4vw;
	}
	/*contact page ends*/
}
@media (max-width: 1250px){
	.generalTitle {
		font-size: 140px;
	}
	.categoryDescription {

		margin: 150px 0;
	}
	.categoryDescription p {
		font-size: 47px;
	}
	/*contact page*/
	.gkTop10Inner .contactInfoTitle {
		font-size: 140px;
	}
	/*contact page ends*/

}
@media (max-width:1200px){
	/*projects category view*/
	.catItemInfoInner {
		padding: 20px 20px 0;
	}
	.projects.blog .jspHorizontalBar {
		bottom: 135px;
	}
	/*projects category view ends*/
    /*projects article view*/
	.thubnailsInner {
        width: 50%;
    }
    .slick-vertical .slick-slide {
        width: 100% !important;
    }
    .paginationItemTitle a h4 {
        float: left;
        position: relative;
        width: auto;
        font-size: 30px;
        font-weight: 900;
    }
    /*projects article view ends*/
}
@media (max-width: 1100px){
	/*services page*/
	.categoryDescription {
		margin: 100px 0;
	}
	.categoryDescription p {
		font-size: 50px;
	}
	/*services page ends*/
	/*home page overlay*/
	.bndbSloganWrapper {
		margin: 20px 0 0 0;
	}
	/*home page overlay ends*/
}

@media (max-width: 1030px) {
	#gkPageContent {
		background-image: none!important;
	}
	#gkContent, 
	#gkSidebar,
	#gkContentWrap {
		width: 100% !important;
	}
	#gkContentWrap {
		padding: 0!important;
	}
	#gkSidebar {
		padding: 0!important;
	}
}
@media (max-width:1000px){
    /*projects article view*/

    .projectItemTypeWrapperInner {
        margin: 110px 0 0 0;
    }
    .projectItemTypeInner {
        float: left;
        position: relative;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }

    .type_a .projectItemType {
        padding: 50px 0 0;
        width: 100%;
        text-align: center;
    }
	.projectItemTypeWrapperInner.type_a {
		margin: 110px 0 0;
	}
    .projectItemTypeSmallImage {
        position: relative;
        order: -1;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
    }
    .projectItemTypeWrapperInner.type_b .projectItemType {
        -webkit-flex-direction: column;
        flex-direction: column;

    }
    .projectItemTypeLeftSide {
        padding: 0 0;
        max-width: 540px;
        width: 100%;
    }
    .projectItemTypeRightSide {
        width: 100%;
        text-align: center;
        padding: 50px 0 0 0;
    }
    .type_b .projectItemTypeText {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .projectPagination {
        margin: 90px 0 180px;
    }
    .paginationItemTitle a h4 {
        text-align: center;
    }

    /*projects article view ends*/
	/*contact page*/
	.formControlLabel {
		font-size: 2.8vw;
	}

	.gkRsForm .formBody input {
		font-size: 5vw;
	}
	.gkRsForm .formBody textarea {
		font-size: 5vw;
	}
	/*contact page ends*/
}
@media (max-width:970px){
	.services .itemsContainerWrapper {
		margin: 0 0 170px;
	}
	.services .itemsContainerWrapper .itemsContainer {
		width: 100%;
	}
	.panelContent.panel {
		padding: 25px 0 0;
	}
	.servicesCategorySmallImage {
		display: none;
	}
}
@media (max-width:960px){
	/*projects category view*/
	.projects.blog {
		height: 100vh;
		overflow: scroll;
	}

	.projects.blog .itemsContainer.scroll_pane {
		float: left;
		width: 100%;
		max-width:100%;
		height: auto;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	 .projectItems.itemsContainerInner {
		float: left;
		position: relative;
		width: auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		/* margin-left: -920px; */
		/* -webkit-transform: translateX(-15.5%); */
		/* -moz-transform: translateX(-15.5%); */
		/* transform: translateX(-15.5%); */
	}
	.projects.blog .itemCatWrapper {
		flex-shrink: unset;
		width: 100%;
	}
	.catItemVideo .overlayDarkBg{
		display: block;
	}
	.catItemFullImage .overlayDarkBg{
		display: block;
	}
	 .catItemInfoInner {
		padding: 0 40px 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		 z-index: 2;
	}
	 .catItemTitle a h2 {
		font-size: 40px;
	}
	 .catItemSubtitle {
		font-size: 24px;
		color: #ffffff;
	}

	/*projects category view ends*/
}
@media (max-width:900px){
	body.overflowHidden{
		overflow-y:hidden
	}
	/*general headers*/
	.mobileHeaderVideoPlayButtonInner {
		display: block;
	}
	.mobileHeaderVideoPlayButtonInnerLvl2 {
		bottom: 13%;
		left: 0;
		top: unset;
	}
	.mobileHeaderVideoPauseButtonInnerLvl2 {
		bottom: 13%;
		left: 0;
		top: unset;
	}
	.exploreMoreBtn {
		left: 73px;
		bottom: 11.7%;
	}
	/*general headers ends*/
	/*projects article view*/
	.videoTitleWrapper {
		position: absolute;
		color: #fff;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		z-index: 2;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
	.videoTitle {
		position: absolute;
		top: 20px;
		left:0;
	}
	.mobilePlayBtn {
		position: absolute;
		font-size: 0;
		display: none;
		border-radius: 50%;
		bottom: 45px;
		pointer-events: all;
	}
	.mobilePlayBtn {
		display: block;
	}
	.thubnailsToggler {
		position: absolute;
		left: 90px;
		bottom: 45px;
		pointer-events: all;
		color: #fff;
		border-radius: 50%;
		width: 55px;
		height: 55px;
		top: unset;
		pointer-events: all;
		z-index: 103;
		visibility: visible;
		opacity: 1;
		-webkit-transition: all 0.1s ease ;
		-moz-transition: all 0.1s ease ;
		transition: all 0.1s ease ;
	}
	.thubnailsToggler.hidden{
		opacity: 0;
		visibility: hidden;
	}
	.desktopThubnailsToggler{
		display: block;
	}
	.mobileThubnailsToggler{
		display: none;
	}
	.thubnailsToggler svg{
		width: 100%;
		height: 100%;
	}
	.projectItemTypeWrapperInner.type_c .carouselNav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 54px;
	}

	.type_c .carouselNav .slick-arrow {
		position: relative;
		width: 54px;
		height: 54px;
	}
	.type_c .carouselNav .slick-arrow.slick-nav-prev {
		left: 20px;
		cursor: pointer;
		top: 20px;
	}
	.type_c .carouselNav .slick-arrow.slick-nav-next {
		left: 40px;
		cursor: pointer;
		top: 20px;
	}

	/*projects article view ends*/
	/*service page*/
	.categoryDescription p {
		font-size: 43px;
	}
	/*service page ends*/

	.generalTitle {
		font-size: 110px;
	}
	.exploreIcon {
		width: 54px;
	}
	.exploreIcon svg{
		width: 100%;
	}
	/*about page*/
	.infoItemTitle {
		font-size: 70px;
	}

	/*about page ends*/

	/*contact page*/
	.gkTop10Inner .contactInfoTitle {
		font-size: 110px;
	}
	.gkRsForm {
		margin: 130px 0 100px;
	}
	.gkRsForm .rsform-block {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin: 30px 0 0 0;
	}
	.gkRsForm .formControls {
		margin: 0 0 0 0;
		width: 100%;
	}
	.rsform-block.rsform-block-message .formControls {
		width: 100%;
	}
	.formControlLabel {
		top: 0;
		width: 100%;
	}
	.rsform-block.rsform-block-message .formControlLabel {
		top: 0;
	}
	.formControlLabel {
		font-size: 24px;
	}
	.gkRsForm .formBody {
		width: 100%;
	}
	.gkRsForm .formBody input {
		font-size: 47px;
		width: 100%;
	}
	.gkRsForm .formBody textarea {
		font-size: 47px;
		width: 100%;
	}
	.rsform-block.rsform-block-submit{
		width: auto;
	}
	.rsform-block.rsform-block-submit .formBody button {
		margin: 0 0 0 0;
	}
	/*contact page ends*/
    /*footer*/
    .accordeonck .awFooter {
        position: absolute;
        bottom: 60px;
        left: 0;
    }
    .accordeonck .awFooterInner {
        float: left;
        position: relative;
        width: 100%;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        color: #363636;
    }
    .socialsWrapper {
        font-size: 15px;
    }
    .footerItem {
        margin: 5px 0;
        font-size: 14px;
    }

}
@media (max-width:850px){
	.projectPagination {
		margin: 90px 0 80px;
	}
	.project.item-page {
		margin: 0 0 120px;
	}
	.awFooter .gkPage {
		padding: 0 20px;
	}
	.awFooterInner {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.footerItem {
		margin: 20px 0;
		order: 1;
		text-align: center;
	}
}
@media (max-width:800px){
    /*projects article view*/
    .thubnailsInner {
        width: 70%;
    }
    .videoPlayerThubnails.videoThubNailsSlideShow {
        padding: 30px 40px 30px;
    }

    /*projects article view ends*/
	/*general header*/
	.categoryHeaderWrapper {
		height: calc(100vh - 30px) !important;
	}
	/*general header ends*/

}
@media (max-width:750px){
	/*menu*/
	#gkMainMenu {
		display: none;
	}

	#awMobileMenuWrapper{
		display: block;
	}
	#gkLang {
		margin-left: 30px;
	}

	#gkHeaderNav.scroll.headroom--pinned.headroom--top{
		padding: 30px 20px 30px;
		background-color: transparent;
	}
	#gkHeaderNav.scroll.headroom--pinned{
		opacity: 1;
		padding: 15px 20px 15px;
		background-color: #000;
	}
	#gkHeaderNav.scroll.headroom--unpinned {
		opacity: 0;
		padding: 25px 20px;
		pointer-events: none;
	}
	/*menu ends*/
	/*service page*/
	.categoryDescription p {
		font-size: 33px;
	}
	/*service page ends*/
	/*about page*/

	.infoItemTitle {
		font-size: 60px;
	}
	/*about page ends*/
    /*projects category view*/
    .catItemTitle a h2 {
        font-size: 33px;
    }
    .catItemSubtitle {
        font-size: 20px;
        color: #ffffff;
    }
    /*projects category view ends*/
    /*projects article view*/
    .type_c .slick-slide:not(.slick-current) .osSlideshowItemWrapper{
        left: -34px;
    }
    /*projects article view ends*/
}
@media (max-width: 660px) {
    body #cc-notification h2, 
    body #cc-notification h3, 
    body #cc-notification p {
        font-size: 12px!important;
        margin-bottom:0!important;
        width: 100%!important;
        max-width: 100%!important;
    }
    body #cc-notification h2 span, 
    body #cc-notification h2 {
        font-size: 12px!important;
    }
    body #cc-notification #cc-notification-wrapper {
        padding: 10px 32px 0!important;
    }
    body #cc-notification ul.cc-notification-buttons {
        clear: both!important;
        width: 100%!important;
        position: static!important;
        text-align: center;
    }
    body #cc-notification ul.cc-notification-buttons li {
        float: none!important;
        display: inline-block;
    }
    body #cc-notification a, 
    body #cc-notification a:visited {
        font-size: 12px!important;
    }
}
@media (max-width:640px){
	/*home page overlay*/
	.bndbSloganWrapper {
		margin: 15px 0 0 0;
	}
	/*home page overlay ends*/
	.generalTitle {
		font-size: 42px;
        max-width: 100%;
	}
    .projectLink {
        margin: 25px 0 0 0;
    }
    #gkHeaderNav .gkPage {
        padding: 0 20px;
    }
	div.logoContainer {
		width: 50px;
	}
	#gkLogo img, #gkLogo svg {
		width: 100%;
	}


    /*projects category view*/
    .catItemInfoInner {
        padding: 0 20px 0;
    }
    .catItemTitle a h2 {
        font-size: 27px;
    }
    .catItemSubtitle {
        font-size: 18px;
        color: #ffffff;
    }
    /*projects category view ends*/
    /*projects article view*/
    .projectItemTypeSmallImage {
        width: auto;
    }
    .projectItemTypeTitle {
        font-size: 26px;
    }
    .paginationItemTitle a h4 {
        font-size: 26px;
    }
    /*projects article view starts*/
	/*about page*/
	.awRepeatTitleText {
		padding: 100px 0 0;
	}
	.infoItem {
		margin: 0 0 60px;
	}
	.infoItem:last-child {
		margin: 0 0 160px;
	}
	.infoItemTitle {
		font-size: 42px;
	}

	/*about page ends*/
	/*contact page*/
	.gkTop10Inner .contactInfoTitle {
		font-size: 70px;
	}


	.gkRsForm .formBody input {
		font-size: 40px;
		width: 100%;
	}
	.gkRsForm .formBody textarea {
		font-size: 40px;
		width: 100%;
		height: auto;
	}
	.gkTop10Inner .contactInfoTitle {
		margin: 0 0 40px;
	}
	.gkTop10Inner .contactInfoText p a {
		font-size: 20px;
	}
	/*contact page ends*/

}
@media (max-width: 580px) {
	/*services page*/
	.categoryDescription p {
		font-size: 28px;
	}
	.accordionTitle.accordion {
		font-size: 25px;
	}
	/*services page ends*/

	/* Fix for tables */
	fieldset {
		box-sizing: border-box!important;
		max-width: 100%!important;
		width: 100%!important;
		overflow: hidden;
	}
	#gkMainbody table:before {
		content: "Scroll horizontally to view the whole table";
		height: 14px;
		width: 100%;
		display: block;
		font-size: 10px;
		margin-top: -30px;
		margin-bottom: 10px;
	}
	#gkMainbody table {
		width: 540px!important;
		display: block!important;
		padding: 30px 0 20px 0; /* padding for the scrollbars and the top message */
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
	}
	#gkMainbody table tbody,
	#gkMainbody table thead,
	#gkMainbody table tfoot {
		width: 540px!important;
		display: table;
	}
}

@media (max-width:550px){
    #gkHeaderNav{
        padding: 10px 20px;
    }
    #gkHeaderNav.scroll.upscroll.isAtTop {
        padding: 10px 20px 10px;
        background-color: transparent;
    }
    #gkHeaderNav.scroll{
        padding: 10px 20px;
    }
    #gkHeaderNav.scroll.headroom--pinned.headroom--top{
        padding: 10px 20px 10px;
        background-color: transparent;
    }
    #gkHeaderNav.scroll.headroom--pinned{
        opacity: 1;
        padding: 10px 20px 10px;
        background-color: #000;
    }

    /*projects category view*/
    .catItemTitle a h2 {
        font-size: 22px;
    }
    .catItemSubtitle {
        font-size: 17px;
        color: #ffffff;
    }
    /*projects category view ends*/
    /*projects article view*/
    .typeDvideoItem {
        height: 400px;
    }
    .typeDvideoItem .video-wrapper {
        height: 400px;
    }
	.videoImage.type_d {
		padding: 0 0;
		height: 100%;
	}
    .thubnailsInner {
        width: 80%;
    }
    .thubnailVideoTitle {
        font-size: 20px;
    }
	.thubnailsToggler {
		left: 92px;
		bottom: 44px;
	}

	.mobilePlayBtn svg{
		width: 100%;
	}
    .projectPagination {
        margin: 90px 0 140px;
    }
    /*projects article view ends*/
}
@media (max-width:500px){
	/*about page*/
	.infoItemTitle {
		font-size: 38px;
	}
	/*about page ends*/
	/*contact page*/
	.gkRsForm .formBody input {
		font-size: 34px;
		width: 100%;
	}
	.gkRsForm .formBody textarea {
		font-size: 34px;
		width: 100%;
	}
	/*contact page ends*/
}
@media (max-width: 480px) {
	#gkMainbody table {
		width: 420px!important;
	}
}
@media (max-width: 440px) {
	#gkMainbody table {
		width: 260px!important;
	}
    /*home page*/
    .generalTitle {
        max-width: 88%;
    }
    /*home page ends*/
    /*projects article view*/
    .projectItemTypeTitle {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .projectItemTypeText p {
        font-size: 15px;
    }
    .projectItemTypeFullWidthImage {
        padding: 30% 0;
    }
    .videoTitleWrapper {
        font-size: 20px;
    }
	.videoPlayerThubnailsCloseBtn {
		left: -3px;
	}
    .videoPlayerThubnails.videoThubNailsSlideShow {
        padding: 30px 30px 30px 20px;
    }

    .mCSB_scrollTools {
        right: -25px !important;
    }
    .paginationItemTitle a h4 {
        font-size: 20px;
    }
    /*projects article view ends*/
	/*services page*/
	.categoryDescription p {
		font-size: 24px;
	}
	.accordionTitle.accordion {
		font-size: 22px;
	}
	/*services page ends*/
	/*contact page*/
	.rsform-block-mainTitle {
		margin: 0 0 20px;
		font-size: 23px;
	}
	.formControlLabel {
		font-size: 22px;
	}
	.gkRsForm .formBody input {
		font-size: 28px;
		width: 100%;
	}
	.gkRsForm .formBody textarea {
		font-size: 28px;
		width: 100%;
	}
	/*contact page ends*/
}
@media (max-width: 400px){
	/*about page*/
	.awRepeatTitleText {
		padding: 70px 0 0;
	}
	.infoItem {
		margin: 0 0 30px;
	}
	.infoItemTitle {
		font-size: 30px;
		margin: 0 0 15px;
	}
	/*about page ends*/
	/*contact page*/
	.gkTop10Inner .contactInfoTitle {
		font-size: 55px;
	}
	/*contact page ends*/
}
@media (max-width: 360px) {
	#awMessages {
		bottom: 10px;
		max-width: 300px;
		right: 10px;
	}
	/*contact page*/
	.formControlLabel {
		font-size: 20px;
	}
	.gkRsForm .formBody input {
		font-size: 24px;
		width: 100%;
	}
	.gkRsForm .formBody textarea {
		font-size: 24px;
		width: 100%;
	}
	/*contact page ends*/
}
@media (max-width:300px){
	.generalTitle {
		font-size: 30px;
	}
}