@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap')

* {
	outline: 0 !important;
	font-family: "avenirltstd-light", Sans-serif;
}

a {
	cursor: pointer;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;font-family: "avenirltstd-light", Sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

*,
*::after,
*::before {
	box-sizing: border-box;
}

body {
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	overscroll-behavior: none;
}

@media (min-width: 991px) {
	* {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
}

input,
textarea {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

::-webkit-scrollbar {
	-ms-overflow-style: none;
	display: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (max-aspect-ratio: 14/9) and (min-width: 991px) {
	.nav-ti {
		font-size: 1.1vw;
	}

	.nav-li.right {
		margin-left: 2vw;
	}

	.brand.b {
		width: 9vw;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.page {
		position: static;
	}
}

.mag_texture,
.fold {
	mix-blend-mode: soft-light;
}

.app {
	display: block;
}

.app,
.fullview {
	pointer-events: none;
}

.full-close,
.item-link {
	pointer-events: auto;
}

.fullview {
	background-color: transparent;
	display: block;
	-webkit-overflow-scrolling: touch;
}

.fullview__item--current {
	pointer-events: auto;
}

.full-close:focus {
	outline: none;
}

.full-item--current~.full-close {
	pointer-events: auto;
}

.grid-w {
	display: none;
}

.b-img {
	background-position: 0 0;
	background-size: cover;
	background-repeat: repeat;
}

ol,
ul {
	list-style: none;
}

img {
	border: none;

}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.banner {
	height: 100vh;
	overflow: hidden;
}

.item-inner::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	top: calc(1.25vw + .1vw);
	bottom: 0;
	left: 0;
	background-color: #F6F4F1;
	transform-origin: bottom right;
	transition: transform 0.35s ease-out;
}

.item-inner:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

body {
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	overscroll-behavior: none;
}

::-webkit-scrollbar {
	-ms-overflow-style: none;
	display: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.mag img {
	width: 200px;
}

strong {
	font-weight: 400;
}

em {
	font-style: italic;
}

#logo {
	position: relative;
	z-index: 10000;
}

.nav-list li a::before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: 0.5s transform ease;
	transform: scale3d(0, 1, 1);
	transform-origin: 0 50%;
	top: 24px;
}

.nav-list li a:hover::before {
	transform: scale3d(1, 1, 1);
}

.nav-list li a::before {
	background: #fff;
	transform-origin: 100% 50%;
}

.nav-list li a:hover::before {
	transform-origin: 0 50%;
}

.logo-bars {
	background: url(../images/logo-bars.html) no-repeat top left;
	width: 155px;
	height: 71px;
	position: fixed;
	top: 35px;
	left: 35px;
	z-index: 999999999;
}

.logo-bars.hidden {
	display: none;
}

.logo-type {
	position: fixed;
	top: 35px;
	left: 35px;
	z-index: 9999;
}

.new .logo-type,
.new .logo-bars {
	background: none;
}

.new .logo-bars .svg,
.new .logo-bars svg,
.new .logo-type .svg,
.new .logo-type svg {
	position: relative;
	top: 0px;
	width: 169px;
	left: 0px;
}

header {
	position: relative;
	width: 100%;
	z-index: 99;
	top: 0;
	transition-duration: 0.8s;
}

header.inner-header.fixed {
	background: #fff;
}

.banner,
header {
	transition-delay: 0.2s;
}

.mag h2 {
	margin-top: 14px;
	font-size: 18px;
}

.banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}

.navbar-brand svg {
	width: 160px;
}

nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
}

.nav-link:focus,
.nav-link:hover {
	color: #000;
}

.nav-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
}

button:focus,
a:focus {
	outline: none !important;
	box-shadow: none !important;
	color: #fff;
}

.accordion-button::after {
	filter: invert(1);
}

.accordion-button:not(.collapsed)::after {
	background-color: #fff;
	background-blend-mode: luminosity;
}

.nav-link {
	font-size: 14px;
	text-decoration: none;
	display: block;
	color: #000;
	text-transform: uppercase;
	transform: scale(1);
	transition: transform 650ms;
	font-weight: 400;
	padding: 0px;
	letter-spacing: 0.8px;
	line-height: 24px;
}

a.nav-link.active {
	border-bottom: 1px solid #000;
}

.nav-list .nav-link:hover {
	color: #000;
}
.sub_page{border-bottom:2px solid #000; text-align:center; padding:20px 0;}
.lft_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.nav-item {
	position: relative;
	transition-delay: initial;
	visibility: visible;
}
.address p{margin-bottom:20px;}
.nav-list li.nav-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 25px 0px 0px;
}

.nav-list li.nav-item:last-child {
	margin-right: 0px;
}

.nav-list li.nav-item img {
	width: 20px;
	filter: invert(1);
}

.hd_tgln,
.navbar-brand {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.8px;
}

.accordion-button::after {
	width: 14px;
	height: 12px;
	background-size: 15px;
}

.nav-item1 p.nav-link {
	margin-right: 0px;
}

.nav-item2 p.nav-link {
	margin-right: 0px;
}

.nav-list li.nav-item p {
	cursor: pointer;
}

.nav-list li.nav-item .dropdown.active {
	visibility: visible;
	opacity: 1;
	transform: translateY(3px);
}

.nav-list li.nav-item .dropdown {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	transform: translateY(50px);
	left: 0px;
	width: 250px;
	background-color: #fff;
	box-shadow: 0px 10px 10px 3px rgb(0 0 0 / 12%);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	z-index: 111;
	transition: 0.4s all;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
}

.nav-list li.nav-item .dropdown a {
	padding: 7px 10px 7px;
	font-weight: 400;
	text-decoration: none;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	transition-duration: 0.9s;
}

.nav-list li.nav-item .dropdown a:hover {
	background: #0000000a;
}

.nav-item .dropdown a:hover {
	padding-left: 30px;
}

.hamburger {
	width: 3.6rem;
	height: 1.8rem;
	position: relative;
	cursor: pointer;
	line-height: 5rem;
	z-index: 1500;
	display: none;
}

.hamburger .line {
	width: 100%;
	height: 2px;
	background-color: #000;
	position: absolute;
	display: block;
	right: 0;
	transition: all 650ms;
}

.hamburger .line:nth-child(1) {
	top: 0;
}

.hamburger .line:nth-child(2) {
	top: 50%;
	margin-top: -1px;
	width: 2.8rem;
}

.hamburger .line:nth-child(3) {
	top: 100%;
	margin-top: -2px;
	width: 2rem;
}

.hamburger.active .line:nth-child(1) {
	transform: translateY(.4rem) rotate(45deg);
	width: 2rem;
}

.hamburger.active .line:nth-child(2) {
	opacity: 0;
}

.hamburger.active .line:nth-child(3) {
	transform: translateY(-.8rem) rotate(-45deg);
	width: 2rem;
}

.nav-list.active .nav-link {
	transform: scale(1);
}

.nav-list.active .nav-item {
	transition-delay: initial;
	visibility: visible;
}

.nav-list.active .nav-item:nth-child(1) .nav-link {
	transition-delay: .5s;
}

.nav-list.active .nav-item:nth-child(2) .nav-link {
	transition-delay: .4s;
}

.nav-list.active .nav-item:nth-child(3) .nav-link {
	transition-delay: .3s;
}

.nav-list.active .nav-item:nth-child(4) .nav-link {
	transition-delay: .2s;
}

.nav-list.active .nav-item:nth-child(5) .nav-link {
	transition-delay: .1s;
}

.nav-list .nav-item:nth-child(1) .nav-link {
	transition-delay: .1s;
}

.nav-list .nav-item:nth-child(2) .nav-link {
	transition-delay: .2s;
}

.nav-list .nav-item:nth-child(3) .nav-link {
	transition-delay: .3s;
}

.nav-list .nav-item:nth-child(4) .nav-link {
	transition-delay: .4s;
}

.nav-list .nav-item:nth-child(5) .nav-link {
	transition-delay: .5s;
}

@media screen {

	.new .logo-bars .svg,
	.new .logo-bars svg,
	.new .logo-type .svg,
	.new .logo-type svg {
		left: 0px;
	}
}

.jma-logo {
	position: fixed;
	top: 35px;
	left: 40px;
	width: 155px;
	z-index: 9999;
}

.jma-logo .gray-logo,
.jma-logo.past .main-logo {
	display: none !important;
}

.jma-logo.past .gray-logo {
	display: block !important;
}

.lfh-logo {
	position: fixed;
	bottom: 35px;
	right: 40px;
	width: 155px;
	z-index: 999999999;
}

.lfh-logo .img-default {
	background: url(../images/lfh-logo-white.html) no-repeat top left;
	background-size: 155px 89px;
	display: block;
	width: 155px;
	height: 89px;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.lfh-logo .img-hover {
	background: url(../images/lfh-logo-white-bars.html) no-repeat top left;
	background-size: 155px 89px;
	display: block;
	width: 155px;
	height: 89px;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.lfh-logo.gray .img-default {
	background: url(../images/lfh-logo-gray.html) no-repeat top left;
}

.lfh-logo img,
.jma-logo img {
	width: 100%;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.appear img,
.appear span {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.img-hover {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.appear img.img-hover {
	opacity: 1;
	visibility: visible;
}

#full-width-grid #content-detail {
	padding-bottom: 30px;
}

#full-width-grid .img-default.main-logo {
	display: none;
}

#full-width-grid .main-logo.new {
	top: -20px;
	width: 167px;
	max-width: none;
	left: -6px;
	position: absolute;
	display: block;
}

#full-width-grid .gray-logo.old {
	display: none !important;
}

#full-width-grid .gray-logo.new {
	top: -20px;
	width: 167px;
	max-width: none;
	left: -6px;
	position: absolute;
}

#full-width-grid .gray-logo.new path {
	fill: #57554f;
}

.lfh-logo:hover .default-logo,
.jma-logo:hover .default-logo {
	opacity: 0;
}

.lfh-logo:hover .img-hover,
.jma-logo:hover .img-hover {
	display: block;
	visibility: visible;
	opacity: 1;
}

#nav-icon {
	display: none;
	position: fixed;
	bottom: 36px;
	left: 28px;
	z-index: 9999;
	background: url(../images/nav-icon-light.html) no-repeat top left;
	width: 42px;
	height: 30px;
	font: normal 700 .6875em "museo-sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	text-decoration: none;
}

#nav-icon.new {
	background: none;
}

#nav-icon .svg path {
	-webkit-transition: fill .2s ease-out;
	-moz-transition: fill .2s ease-out;
	transition: fill .2s ease-out;
}

#nav-icon:hover .svg path {
	fill: #B6B8BA;
}

#nav-icon span {
	display: block;
	margin: 11px 0 0 38px;
	padding: 4px 7px 3px;
	width: 37px;
	background-color: white;
	color: #333;
	font: normal 700 .875em "museo-sans", sans-serif;
	text-transform: uppercase;
}

#nav-icon.active {
	background-position: bottom left;
}

body.homepage #nav-icon.active {
	background-position: top left;
}

#nav-icon.visible {
	display: block !important;
}

#nav-icon.invisible {
	display: none !important;
}

#full-width-grid #nav-icon {
	background: url(../images/nav-icon-dark.html) no-repeat center center;
	background-size: 20px;
}

#full-width-grid #nav-icon {
	background: none;
}

#full-width-grid #nav-icon svg path {
	fill: #57554f;
}

#plus-icon {
	display: none;
	position: fixed;
	top: 31px;
	right: 27px;
	z-index: 9999;
	background: url(../images/plus-icon-light.html) no-repeat top left;
	width: 50px;
	height: 35px;
}

#plus-icon:hover {
	background-position: bottom left;
}

#plus-icon.active {
	background-position: bottom left;
}

#plus-icon.new {
	background: none;
}

#plus-icon.new svg {
	position: relative;
	top: -5px;
}

#plus-icon.new svg * {
	-webkit-transition: fill .2s ease-out;
	-moz-transition: fill .2s ease-out;
	transition: fill .2s ease-out;
}

#plus-icon.new:hover svg * {
	fill: #B6B8BA;
}

#plus-icon.visible {
	display: block !important;
}

#plus-icon.invisible {
	display: none !important;
}

#news-banner {
	top: 35px;
	right: 35px;
	width: 172px;
	height: 70px;
	color: #4D4F53;
	display: block;
	position: fixed;
	padding: 2px 14px;
	text-align: center;
	background: #ffffff;
	text-decoration: none !important;
}

#news-banner h2 {
	color: #4D4F53;
	font-size: 0.9em;
	line-height: 1.4;
	font-family: museo-sans, sans-serif;
}

.table,
.table-row,
.table-cell {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.table {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

#hidden-imgs {
	position: fixed;
	z-index: -9999999;
	visibility: hidden;
}

#hidden-imgs .wrap {
	position: relative;
}

#hidden-imgs .wrap img {
	position: absolute;
}

.view-article {
	top: 35px;
	bottom: 0;
	right: 20px;
	float: right;
	height: 15px;
	color: #808285;
	font-size: 11px;
	background: #fff;
	font-weight: 600;
	padding: 8px 10px;
	z-index: 999999999;
	position: absolute;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "proxima-nova", "Helvetica", "Arial", sans-serif;
}

.view-article:after {
	content: "";
	margin-left: 10px;
	display: inline-block;
	background: url("../images/utilities-sd669177afd.html");
	width: 12px;
	height: 11px;
	background-position: 0 -328px;
}

.view-article:hover {
	color: #4D4F53;
}

#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 100px;
	height: 46px;
	margin: -23px 0 0 -50px;
	text-indent: -999em;
}

#supersized {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}

#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
}

#supersized li img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
}

li.nav-item.active a {
	border-bottom: 1px solid #000;
}

#supersized li.prevslide {
	z-index: -20;
}

#supersized li.activeslide {
	z-index: -10;
}

#supersized li.image-loading {
	background: #fff url(../images/progress.html) no-repeat center center;
	width: 100%;
	height: 100%;
}

#supersized li.image-loading img {
	visibility: hidden;
}

#supersized li.prevslide img,
#supersized li.activeslide img {
	display: inline;
}

#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}

#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}

#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

.mag_head {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 1vw;
	padding-right: 1.3vw;
	padding-left: 1.3vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 3.3vw;
	line-height: 4vw;
}

.mag-svg.w-embed .navbar-brand {
	color: #fff;
}

#caption {
	width: 30%;
	position: absolute;
	bottom: 160px;
	left: 40px;
	z-index: 99999999999;
	font: normal 300 1.25em "museo-sans", sans-serif;
}

#caption span {
	display: block;
	margin-top: 5px;
	text-transform: uppercase;
	font: normal 700 .5em "museo-sans", sans-serif !important;
	letter-spacing: 2px;
}

#caption .caption-text {
	display: none;
}

#caption-home {
	width: 30%;
	position: absolute;
	right: 80px;
	bottom: 160px;
	text-align: right;
	z-index: 99999999999;
	font: normal 300 1.25em "museo-sans", sans-serif;
}

#caption-home .caption-text {
	display: none;
}

#caption-home .caption-text a {
	color: #fff;
	text-decoration: none;
	-webkit-tap-highlight-color: #a8a8a8;
}

#caption-home .caption-text a:hover {
	color: #BCBDBC;
}

#welcome {
	display: none;
	position: fixed;
	width: 433px;
	bottom: 125px;
	left: 20px;
	padding: 10px 10px 10px 20px;
	z-index: 99999999;
	font: normal 300 .75em "museo-sans", sans-serif;
}

#welcome:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

#welcome h1 {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1.7em;
	margin: 0px 0 20px;
}

#welcome p {
	line-height: 130%;
	margin: 0 0 15px;
}

#welcome a {
	color: #fff;
}

#more-info-container {
	position: fixed;
	top: 140px;
	right: 20px;
	z-index: 9999;
	visibility: hidden;
}

#more-info-container.active {
	visibility: visible;
}

#more-info-container>#more-info {
	display: block;
	position: relative;
	width: 423px;
	bottom: 0;
	right: 0;
	padding: 65px 20px 50px 10px;
	padding-left: 30px \9;
	z-index: 99999999;
	font: normal 300 .75em "museo-sans", sans-serif;
	background: #000 \9;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	-ms-transition: 0.2s all ease;
	transition: 0.2s all ease;
	opacity: 0;
	visibility: hidden;
}

#more-info-container.active>#more-info {
	opacity: 1;
	visibility: visible;
}

#more-info-container>#more-info #share {
	float: left;
}

#more-info-container>#awards {
	position: absolute;
	right: 20px;
	width: 423px;
	top: 15px;
	bottom: auto;
	z-index: 9999;
	text-align: right;
	visibility: visible;
}

#more-info {
	display: none;
	position: fixed;
	width: 423px;
	bottom: 140px;
	right: 20px;
	padding: 10px 57px 50px 10px;
	padding-left: 30px \9;
	z-index: 99999999;
	font: normal 300 .75em "museo-sans", sans-serif;
	background: #000 \9;
	background-color: rgba(0, 0, 0, 0.5);
}

#more-info h1 {
	font-size: 1.7em;
	margin: 0px 0 20px;
	text-align: right;
	padding-right: 40px;
}

#more-info p {
	line-height: 130%;
	margin: 0 0 15px;
}

#more-info p strong {
	font-weight: 400;
}

#more-info a {
	color: #fff;
}

#more-info #share {
	margin: 12px 0;
	width: 165px;
	float: right;
}

#more-info #share span {
	display: block;
	float: left;
	font: normal 700 .625em "museo-sans", sans-serif;
	margin-right: 5px;
	padding-top: 3px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#more-info #share a {
	float: left;
	margin-left: 3px;
	cursor: pointer;
}

#more-info #share a#facebook-share {
	width: 18px;
	height: 18px;
	background: url(../images/social_fb.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info #share a#facebook-share:hover {
	background-position: bottom left;
}

#more-info.updated #share a#facebook-share,
#more-info.updated #share a#google-share,
#more-info.updated #share a#PinItButton,
#more-info.updated #share a#twitter-share {
	background: none;
	border: 0px white solid;
	overflow: hidden;
}

#more-info.updated #share a#facebook-share .svg path,
#more-info.updated #share a#google-share .svg path,
#more-info.updated #share a#PinItButton .svg path,
#more-info.updated #share a#twitter-share .svg path {
	fill: #fff;
}

#more-info #share a#twitter-share {
	width: 18px;
	height: 18px;
	background: url(../images/social_twitter.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info #share a#twitter-share:hover {
	background-position: bottom left;
}

#more-info #share a#google-share {
	width: 18px;
	height: 18px;
	background: url(../images/social_google.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info #share a#google-share:hover {
	background-position: bottom left;
}

#more-info #share a#PinItButton {
	width: 18px;
	height: 18px;
	background: url(../images/social_pinterest.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info #share a#PinItButton:hover {
	background-position: bottom left;
}

#more-info.home:hover {
	background: none !important;
}

#more-info.sub {
	display: block !important;
}

#share.right {
	float: right;
	margin-bottom: 60px;
}

#more-info-sub {
	position: absolute;
	width: 475px;
	bottom: 120px;
	left: 20px;
	padding: 10px 20px 10px 20px;
	z-index: 99999999;
	font: normal 300 .75em "museo-sans", sans-serif;
}

#more-info-sub h1 {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1.75em;
	margin: 0px 0 20px;
}

#more-info-sub p {
	line-height: 130%;
	margin-bottom: 15px;
	font-size: 1.125em;
}

#more-info-sub p a {
	color: #fff;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info-sub p a.ffcredit {
	text-decoration: none;
}

#more-info-sub p a.email-icon {
	background: url(../images/email_icon.html) no-repeat 0px 2px;
	-webkit-tap-highlight-color: #a8a8a8;
	padding: 0 0 0 22px;
	text-decoration: none;
	line-height: 150%;
}

#more-info-sub p a.email-icon:hover {
	color: #a8a8a8;
}

#more-info-sub a#facebook-connect {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	text-decoration: none;
	background: url(../images/social_fb.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info-sub a#facebook-connect.new,
#more-info-sub a#google-connect.new {
	background: none !important;
	border-radius: 3px;
	overflow: hidden;
}

#more-info-sub a#facebook-connect.new path,
#more-info-sub a#google-connect.new path {
	fill: white;
}

#more-info-sub a#facebook-connect:hover {
	background-position: bottom left;
}

#more-info-sub a#google-connect {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	background: url(../images/social_google.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info-sub a#google-connect:hover {
	background-position: bottom left;
}

#more-info-sub a#email-connect {
	width: 28px;
	height: 18px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	background: url(../images/social_email.html) no-repeat top left;
	-webkit-tap-highlight-color: #a8a8a8;
}

#more-info-sub a#email-connect:hover {
	background-position: bottom left;
}

#more-info-sub ul {
	margin: -10px 0 10px 0;
}

#more-info-sub ul li {
	line-height: 130%;
	margin-bottom: 5px;
	font-size: 1.125em;
}

#more-info-sub ul li a {
	color: #fff;
}

#more-info-sub ul li a:hover {
	text-decoration: none;
}

#more-info-sub ul li img {
	margin-right: 3px;
}

#more-info-sub ul li img.pull-down {
	margin-bottom: -5px;
}

#more-info-sub.gray-bg {
	background-color: rgba(0, 0, 0, 0.5);
}

#more-info-sub.press {
	bottom: 60px;
}

#client-quote {
	position: absolute;
	width: 30%;
	bottom: 230px;
	right: 40px;
	z-index: 99999999;
	font: normal 300 .75em "museo-sans", sans-serif;
	text-align: right;
}

#client-quote h3 {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1.75em;
	margin: 0px 0 5px;
}

#client-quote p {
	text-transform: uppercase;
	font: normal 700 .85em "museo-sans", sans-serif;
	letter-spacing: 2px;
}

#previous-canvas {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 998;
	-webkit-tap-highlight-color: transparent;
	background: url(../images/s.html) repeat;
}

#next-canvas {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	z-index: 998;
	-webkit-tap-highlight-color: transparent;
	background: url(../images/s.html) repeat;
}

#awards {
	position: absolute;
	right: 80px;
	width: 423px;
	bottom: 150px;
	z-index: 9999999999;
	text-align: right;
}

#awards h5 {
	margin: 10px 0;
	font-weight: 700;
	font-size: 0.625em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-family: museo-sans, sans-serif;
}

#awards h5 a {
	color: #ffffff;
	text-decoration: none;
}

h1#project-title {
	margin: 0px;
	text-align: right;
	font: normal 300 1.25em "museo-sans", sans-serif;
}

h1#project-title a {
	color: #fff;
	text-decoration: none;
}

h1#project-title a:hover {
	color: #BCBDBC;
}

#top-arrow {
	position: fixed;
	top: 33px;
	left: 50%;
	margin-left: -26px;
	z-index: 9999;
	background: url(../images/top-arrow.html) no-repeat top left;
	width: 54px;
	height: 29px;
}

#top-arrow:hover {
	background-position: bottom left;
}

#right-arrow {
	position: fixed;
	top: 50%;
	right: 28px;
	margin-top: -20px;
	z-index: 9999;
	background: url(../images/right-arrow.html) no-repeat top left;
	width: 36px;
	height: 40px;
}

#right-arrow:hover {
	background-position: bottom left;
}

#bottom-arrow {
	position: fixed;
	bottom: 33px;
	left: 50%;
	margin-left: -26px;
	z-index: 9999;
	background: url(../images/down-arrow.png) no-repeat bottom left;
	width: 54px;
	height: 29px;
}

#bottom-arrow:hover {
	background-position: top left;
}

#left-arrow {
	position: fixed;
	top: 50%;
	left: 28px;
	margin-top: -20px;
	z-index: 9999;
	background: url(../images/left-arrow.html) no-repeat top left;
	width: 36px;
	height: 40px;
}

.new #top-arrow,
.new #bottom-arrow,
.new #left-arrow,
.new #right-arrow {
	background: none;
	display: none;
}

#right-arrow svg,
#left-arrow svg {
	height: 42px;
	position: relative;
	left: -13px;
	top: -7px;
}

#right-arrow svg .cls-1,
#left-arrow svg .cls-1 {
	fill: #ffffff;
}

@media not screen and (-webkit-min-device-pixel-ratio: 2),
not screen and (min--moz-device-pixel-ratio: 2),
not screen and (-o-min-device-pixel-ratio: 2/1),
not screen and (min-device-pixel-ratio: 2),
not screen and (min-resolution: 192dpi),
not screen and (min-resolution: 2dppx) {

	#right-arrow svg,
	#left-arrow svg {
		height: 50px;
		position: relative;
		left: -7px;
		top: 0px;
	}

	#bottom-arrow svg,
	#top-arrow svg {
		height: 18px;
		position: relative;
		top: 4px;
		left: 11px;
	}
}

#left-arrow:hover {
	background-position: bottom left;
}

#project-grid {
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.section .col {
	display: block;
	float: left;
}

.section .col:first-child {
	margin-left: 0;
}

.section .span_3_of_3 {
	width: 100%;
}

.section .span_2_of_3 {
	width: 66.6%;
}

.section .span_1_of_3 {
	width: 33.33%;
	height: calc(100% - 469px);
}

.section .project {
	position: relative;
	display: block;
	float: left;
	line-height: 0;
}

.section .project img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.left-header,
.right-header {
	width: 50%;
}

.blog_cnt {
	margin-bottom: 40px;
	margin-top: 40px;
}

footer {
	background: #f1f1f1;
	padding: 20px 0;
}

footer p {
	font-size: 15px;
	letter-spacing: 0.5px;
}

footer h3 {
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: right;
}

footer h3 a,
footer h3 a:hover {
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #000;
}

.center-header {
	width: 30%;
	text-align: center;
}

.right-header {
	text-align: right;
}

.section .project .project-name {
	background: #000 \9;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.section .project .project-name span {
	width: 80%;
	display: block;
	font: normal 300 1.25em "museo-sans", sans-serif;
	position: absolute;
	top: 70%;
	left: 20px;
}

.section .project .project-name div {
	font: normal 400 .7em "museo-sans", sans-serif;
	position: absolute;
	top: 78%;
	left: 20px;
	letter-spacing: 1px;
	color: #a8a8a8;
}

.section .project a {
	text-decoration: none;
	display: block;
	height: 100%;
}

.section .project a:hover .project-name {
	display: block;
	color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.section .project {
		margin-bottom: 0px;
	}
}

.section .span_6_of_6 {
	width: 100%;
}

.section .span_5_of_6 {
	width: 83.06%;
}

.section .span_4_of_6 {
	width: 57%;
}

.section .span_3_of_6 {
	width: 48.7%;
}

.section .span_2_of_6 {
	width: 32.26%;
}

.section .span_1_of_6 {
	width: 16.5%;
}

.section .group:before,
.section .group:after {
	content: "";
	display: table;
}

.section .group:after {
	clear: both;
}

body#client {
	background-color: #4D4F53;
}

body#client #top {
	z-index: 99999999999;
}

body#client #bottom {
	z-index: 10;
}

#more-info-client {
	position: absolute;
	width: 475px;
	bottom: 230px;
	left: 40px;
	z-index: 9999;
	font: normal 300 .75em "museo-sans", sans-serif;
}

#more-info-client h1 {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1.75em;
	margin: 0px 0 20px;
}

#more-info-client p {
	line-height: 130%;
	margin-bottom: 15px;
	font-size: 1.125em;
}

#more-info-client p a {
	color: #fff;
}

#login-form {
	position: absolute;
	width: 30%;
	bottom: 268px;
	right: 40px;
	z-index: 9999;
	font: normal 300 .75em "museo-sans", sans-serif;
}

#login-form input.text {
	display: block;
	width: 140px;
	color: #4D4F53;
	margin-bottom: 10px;
	padding: 4px 0 4px 8px;
	font: normal 700 .875em "museo-sans", sans-serif;
	letter-spacing: 2px;
	border: none;
}

p.error {
	margin-bottom: 5px;
}

#hello-user {
	position: fixed;
	z-index: 99999999;
	top: 40px;
	right: 40px;
	color: #fff;
	font: normal 700 .6875em "museo-sans", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#hello-user a {
	color: #fff;
	text-decoration: none;
	font-style: italic;
}

#logout {
	position: fixed;
	bottom: 40px;
	right: 40px;
	color: #fff;
	font: normal 700 .6875em "museo-sans", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#logout a {
	color: #fff;
	text-decoration: none;
}

#client-container {
	width: 100%;
	padding-bottom: 60px;
	position: relative;
}

#client-container .client-list {
	margin: 200px 20px 20px 20px;
}

#client-container .client-list h1 {
	font: normal 300 1.25em "museo-sans", sans-serif;
	margin: 0px 0 20px;
}

#client-container .client-list ul li {
	background: url(../images/crosshair.html) 0px 5px no-repeat;
	padding-left: 13px;
	font: normal 300 .9em "museo-sans", sans-serif;
	margin-bottom: 3px;
}

#client-container .client-list ul li a {
	color: #fff;
	text-decoration: none;
}

#client-container #client-left {
	width: 15%;
	position: relative;
	margin: 195px 15px 0;
}

#client-container #client-left .fixed {
	position: relative;
}

#client-container #client-left h1 {
	font: normal 700 .6875em "museo-sans", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 0 15px;
}

#client-container #client-left h1.client-name {
	margin-bottom: 50px;
	font: normal 300 1.25em "museo-sans", sans-serif;
	text-transform: none !important;
}

#client-container #client-left .project-files h1 {
	display: none;
}

#client-container #client-left ul {
	margin-bottom: 40px;
}

#client-container #client-left ul li {
	background: url(../images/crosshair.html) 0px 5px no-repeat;
	padding-left: 13px;
	font: normal 300 .85em "museo-sans", sans-serif;
	margin-bottom: 3px;
}

#client-container #client-left ul li:hover {
	background: url(../images/crosshair-gray.html) 0px 5px no-repeat;
}

#client-container #client-left ul li a {
	color: #fff;
	text-decoration: none;
}

#client-container #client-left ul li a:hover {
	color: #BCBDBC;
}

#client-container #client-left ul li.client-upload-link {
	margin-top: 13px;
	background: url(../images/crosshair-gray.html) 0px 5px no-repeat;
}

#client-container #client-left ul li.client-upload-link a {
	color: #BCBDBC;
}

#client-container #client-left .client-gallery select,
#client-container #client-left .client-file select {
	display: none;
}

#client-container #client-upload {
	margin-top: 168px;
	width: 75%;
	float: right;
	margin-right: 15px;
}

#client-container #client-upload .info {
	margin-bottom: 15px;
}

#client-container #client-upload .info h3 {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1em;
	margin-bottom: 25px;
}

#client-container #client-upload .info h3 span {
	font: normal 300 .7em "museo sans", sans-serif;
}

#client-container #client-upload label {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1em;
	margin-right: 30px;
}

#client-container #client-upload .fu-success {
	width: 308px;
}

#client-container #client-upload input.upload {
	width: 300px;
	height: 18px;
	padding: 4px;
	background-color: #fff;
	margin-right: 17px;
	color: #a8a8a8;
	font: normal 700 .75em "museo sans", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#client-container #client-upload input.submit-upload {
	height: 18px;
}

#client-container #client-upload h3.uploaded {
	font: normal 300 1.25em "museo-sans", sans-serif;
	font-size: 1em;
	border-top: 1px solid #fff;
	border-bottom: none;
	width: 100%;
	max-width: 485px;
	margin: 40px 0 15px 0;
	padding-top: 15px;
}

#client-container .unassigned {
	color: #fff;
}

#client-container .unassigned a {
	padding-left: 10px;
	border-left: 1px solid #fff;
	color: #fff;
}

#client-container #galleria-folio {
	width: 75%;
	float: right;
	margin-right: 15px;
	min-height: 600px;
	margin-top: 168px;
	position: relative;
	left: 0;
}

#client-container #galleria-folio-uploads {
	min-height: 600px;
	position: relative;
	left: 0;
}

#client-container #galleria-folio-uploads a.delete-file {
	position: absolute;
	color: white;
	right: 10px;
	top: 10px;
	font-size: 14px;
}

#client-container #galleria-loader {
	height: 1px !important;
}

#client-container .galleria-container {
	position: relative;
}

#client-container .galleria-container.fullscreen[style] {
	z-index: 999999999999999999999999999999999 !important;
}

#client-container .galleria-container img {
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#client-container .galleria-stage {
	width: 100%;
	height: 100%;
	background: #4D4F53;
	top: 0;
	left: -10000px;
	position: absolute;
}

#client-container .galleria-thumbnails .galleria-image {
	width: 240px;
	margin: 0 7px 7px 0;
	position: absolute !important;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/progress.html) no-repeat 50% 50%;
}

#client-container .galleria-loader {
	width: 64px;
	height: 64px;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	background: url(../images/progress.html) no-repeat 50% 50%;
	z-index: 3;
	opacity: .5;
	filter: alpha(opacity=50);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#client-container .galleria-info {
	display: none;
	background: #000;
	color: #fff;
	padding: 8px 0;
	z-index: 3;
	position: absolute;
	bottom: 80px;
	background: none;
	max-width: 80%;
}

.mag_stamp {
	position: absolute;
	bottom: -3.7vw;
	z-index: 3;
	padding-top: 0;
	color: #f6f4f1;
	font-size: 1vw;
	line-height: 2vw;
	text-transform: none;
}

#client-container .galleria-info-text {
	padding: 0 12px;
}

#client-container .galleria-info-description {
	font-size: .7em;
}

#client-container :root *>.galleria-info-description {
	color: rgba(255, 255, 255, 0.6);
}

#client-container .galleria-plus {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	line-height: 1.2;
	display: none;
}

#client-container .galleria-plus span {
	position: absolute;
	width: 80%;
	display: block;
	font: normal 300 1em "museo-sans", sans-serif;
	bottom: 15px;
	left: 15px;
}

#client-container .galleria-close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/galleria-folio/close.html) no-repeat 0 0;
	z-index: 100;
	cursor: pointer;
}

#client-container .galleria-close:hover {
	background-position: 0 -40px;
}

#client-container .galleria-image-nav {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#client-container .galleria-image-nav-left,
#client-container .galleria-image-nav-right {
	width: 50%;
	height: 100%;
	background: url(../images/galleria-folio/left.html) no-repeat 0 50%;
	position: absolute;
	left: 0;
	z-index: 3;
	cursor: pointer;
}

#client-container .galleria-image-nav-right {
	left: auto;
	right: 0;
	background: url(../images/galleria-folio/right.html) no-repeat 100% 50%;
}

#client-container .galleria-image-nav-left:hover {
	background-image: url(../images/galleria-folio/left-hover.html);
}

#client-container .galleria-image-nav-right:hover {
	background-image: url(../images/galleria-folio/right-hover.html);
}

#client-container .galleria-image-nav-left.cur {
	cursor: url(../images/galleria-folio/left-cursor.html), pointer;
	background: none !important;
}

#client-container .galleria-image-nav-right.cur {
	cursor: url(../images/galleria-folio/right-cursor.html), pointer;
	background: none !important;
}

#client-container .galleria-container.iframe .galleria-image-nav {
	height: 100px;
	top: 50%;
	margin-top: -50px;
}

#client-container .galleria-container.iframe.touch .galleria-images iframe {
	margin-top: 40px;
}

#client-container .galleria-container.iframe.touch .galleria-info {
	bottom: 40px;
}

#client-container .galleria-container.iframe .galleria-image-nav-left,
#client-container .galleria-container.iframe .galleria-image-nav-left.cur {
	cursor: pointer;
	background: url(../images/galleria-folio/left.html) no-repeat 0 50% !important;
	width: 100px;
}

#client-container .galleria-container.iframe .galleria-image-nav-right,
#client-container .galleria-container.iframe .galleria-image-nav-right.cur {
	cursor: pointer;
	background: url(../images/galleria-folio/right.html) no-repeat 100% 50% !important;
	width: 100px;
}

#client-container .galleria-container.iframe .galleria-image-nav-left:hover,
#client-container .galleria-container.iframe .galleria-image-nav-left.cur:hover {
	background-image: url(../images/galleria-folio/left-hover.html) !important;
}

#client-container .galleria-container.iframe .galleria-image-nav-right:hover,
#client-container .galleria-container.iframe .galleria-image-nav-right.cur:hover {
	background-image: url(../images/galleria-folio/right-hover.html) !important;
}

#client-container .galleria-preloader {
	height: 4px;
	width: 180px;
	background: #BCBDBC;
	position: absolute;
	top: 0;
}

#client-container .galleria-loaded {
	height: 4px;
	width: 0%;
	background: #a8a8a8;
}

#menu {
	width: 100%;
	height: 130px;
	padding: 20px 0 0;
	position: fixed;
	z-index: 999;
	left: 0px;
	bottom: 0px;
	background-color: #fff;
	display: none;
}

#menu #menu-inner {
	width: auto;
	position: relative;
	left: 20px;
	margin-right: 40px;
}

#menu #menu-inner .styled-select {
	display: none;
	width: 118px;
	height: 24px;
	margin-top: -13px;
	overflow: hidden;
	background: url(../images/select_arrow.html) no-repeat 88px 8px #53534a;
	border-right: 2px solid #fff;
}

#menu #menu-inner .styled-select select {
	display: none;
	position: relative;
	z-index: 99999999999999999999999;
	background: transparent;
	width: 135px;
	height: 28px;
	padding: 4px 0 7px 18px;
	font: normal 700 .875em "museo-sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	-webkit-appearance: none;
	border: none;
}

#menu #menu-inner h2 {
	font: normal 700 .6875em "museo-sans", sans-serif;
	text-transform: uppercase;
	margin: 0 0 15px 20px;
	letter-spacing: 2px;
}

#menu #menu-inner h2 a {
	color: #9A9B9C;
	text-decoration: none;
}

#menu #menu-inner h2 a:hover {
	color: #4D4F53;
}

#menu #menu-inner h2 a.active {
	color: #4D4F53;
}

#menu #menu-inner ul {
	margin-left: 20px;
}

#menu #menu-inner ul li {
	font: normal 400 .625em "museo-sans", sans-serif;
	text-transform: uppercase;
	color: #a8a8a8;
	margin-bottom: 7px;
	letter-spacing: 2px;
}

#menu #menu-inner ul li a {
	color: #a8a8a8;
	text-decoration: none;
	letter-spacing: 2px;
}

#menu #menu-inner ul li a:hover {
	color: #4D4F53;
}

#menu #menu-inner ul li .active {
	color: #333;
}

#menu #menu-inner .last {
	float: right;
	text-align: right;
	min-width: 130px;
}

#menu #menu-inner .last .client-login {
	float: right;
	text-align: right;
}

#menu #menu-inner .last img.separator {
	float: right;
	width: 1px;
	margin-top: 2px;
	display: none;
}

#menu #menu-inner .last img.lfh {
	margin: 30px 0 0;
	max-width: 100%;
}

#menu #menu-inner .last h2 {
	letter-spacing: 2px;
}

#menu #menu-inner .last h2 a {
	letter-spacing: 2px !important;
	color: #9A9B9C;
	text-decoration: none;
}

#menu #menu-inner .last h2 a:hover {
	color: #4D4F53;
}

#menu #menu-inner .last h2 a.active {
	color: #4D4F53;
}

.qtip {
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 280px;
	min-width: 50px;
	font-size: 10.5px;
	line-height: 12px;
	direction: ltr;
}

section#blogmodal {
	padding: 40px 0;
}

.qtip-content {
	position: relative;
	padding: 5px 9px;
	overflow: hidden;
	text-align: left;
	word-wrap: break-word;
}

.qtip-titlebar {
	position: relative;
	padding: 5px 35px 5px 10px;
	overflow: hidden;
	border-width: 0 0 1px;
	font-weight: 700;
}

.qtip-titlebar+.qtip-content {
	border-top-width: 0 !important;
}

.qtip-close {
	position: absolute;
	right: -9px;
	top: -9px;
	cursor: pointer;
	outline: medium none;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.qtip-titlebar .qtip-close {
	right: 4px;
	top: 50%;
	margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
	top: 16px;
}

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
	display: block;
	text-indent: -1000em;
	direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

.qtip-icon .ui-icon {
	width: 18px;
	height: 14px;
	text-align: center;
	text-indent: 0;
	font: normal bold 10px/13px Tahoma, sans-serif;
	color: inherit;
	background: transparent none no-repeat -100em -100em;
}

.qtip-default {
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

.qtip-default .qtip-titlebar {
	background-color: #FFEF93;
}

.qtip-default .qtip-icon {
	border-color: #CCC;
	background: #F1F1F1;
	color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
	border-color: #AAA;
	color: #111;
}

.qtip-light {
	background-color: #fff;
	border-color: #E2E2E2;
	color: #454545;
}

.qtip-light .qtip-titlebar {
	background-color: #f1f1f1;
}

.qtip-dark {
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
	background-color: #404040;
}

.qtip-dark .qtip-icon {
	border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
	border-color: #303030;
}

.qtip-cream {
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

.qtip-cream .qtip-titlebar {
	background-color: #F0DE7D;
}

.qtip-cream .qtip-close .qtip-icon {
	background-position: -82px 0;
}

.qtip-red {
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

.qtip-red .qtip-titlebar {
	background-color: #F06D65;
}

.qtip-red .qtip-close .qtip-icon {
	background-position: -102px 0;
}

.qtip-red .qtip-icon {
	border-color: #D95252;
}

.qtip-red .qtip-titlebar .ui-state-hover {
	border-color: #D95252;
}

.qtip-green {
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

.qtip-green .qtip-titlebar {
	background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
	background-position: -42px 0;
}

.qtip-blue {
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

.qtip-blue .qtip-titlebar {
	background-color: #D0E9F5;
}

.qtip-blue .qtip-close .qtip-icon {
	background-position: -2px 0;
}

.qtip-shadow {
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-youtube {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	color: #fff;
	border-width: 0;
	background: #4A4A4A;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
	background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
	background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
	background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
	background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
}

.qtip-youtube .qtip-titlebar {
	background-color: #4A4A4A;
	background-color: transparent;
}

.qtip-youtube .qtip-content {
	padding: .75em;
	font: 12px arial, sans-serif;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
	border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
	border-color: #303030;
}

.qtip-jtools {
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);
	border: 2px solid #ddd;
	border: 2px solid #f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

.qtip-jtools .qtip-titlebar {
	background-color: transparent;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)";
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
	background: transparent;
	color: #fff;
	border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
	border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
	border-color: #333;
}

.qtip-cluetip {
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
	background-color: #87876A;
	color: #fff;
	border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
	border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
	border-color: #696952;
	color: #696952;
}

.qtip-tipsy {
	background: #000;
	background: rgba(0, 0, 0, 0.87);
	color: #fff;
	border: 0 solid transparent;
	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: 700;
	line-height: 16px;
	text-shadow: 0 1px black;
}

.qtip-tipsy .qtip-titlebar {
	padding: 6px 35px 0 10;
	background-color: transparent;
}

.qtip-tipsy .qtip-content {
	padding: 6px 10;
}

.qtip-tipsy .qtip-icon {
	border-color: #222;
	text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
	border-color: #303030;
}

.qtip-tipped {
	border: 3px solid #959FA9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F9F9F9;
	color: #454545;
	font-weight: 400;
	font-family: serif;
}

.qtip-tipped .qtip-titlebar {
	border-bottom-width: 0;
	color: #fff;
	background: #3A79B8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
	background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
	background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
	background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
	background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
	border: 2px solid #285589;
	background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
	background-color: #FBFBFB;
	color: #555;
}

.qtip-bootstrap {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
	right: 11px;
	top: 45%;
	border-style: none;
}

.qtip-bootstrap .qtip-content {
	padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
	background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
	width: auto;
	height: auto;
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 18px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
	filter: alpha(opacity=40);
}

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
	filter: none;
	-ms-filter: none;
}

.qtip .qtip-tip {
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml {
	position: absolute;
	color: #123456;
	background: transparent;
	border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
	top: 0;
	left: 0;
}

.qtip .qtip-tip .qtip-vml {
	behavior: url(#default#VML);
	display: inline-block;
	visibility: visible;
}

#qtip-overlay {
	position: fixed;
	left: -10000em;
	top: -10000em;
}

#qtip-overlay.blurs {
	cursor: pointer;
}

#qtip-overlay div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
	position: absolute !important;
}

.qtip-content {
	padding: 4px 6px 3px;
	text-align: center;
}

.qtip-dark {
	background-color: rgba(0, 0, 0, 0.5);
	border: none;
	color: white;
	font: normal 400 .625em "museo-sans", sans-serif;
	text-transform: uppercase;
}

.qtip-light {
	background-color: white;
	border: none;
	color: #333;
	font: normal 700 .625em "museo-sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#full-width-grid {
	background-color: #fff;
}

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

#firm-grid {
	height: 100%;
	font: normal 300 16px "museo-sans", sans-serif;
}

.preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #424039;
	height: 100%;
	z-index: 1;
}

span.load-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	text-indent: -999em;
	background: url(../images/progress.html) no-repeat center center;
	z-index: 9999;
}

.load {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	z-index: 9;
}

.load.active {
	z-index: -1;
}

.inner {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	background-color: #0a0a0a;
}

.inner.open {
	animation-name: slideOut;
	animation-fill-mode: forwards;
	animation-duration: 2s;
	animation-delay: 0s;
}

@keyframes slideOut {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-100%);
	}
}

#firm-grid span.load-icon {
	width: 102px;
}

.backstretch {
	background: #000;
}

.section .span_1_of_6.second ul {
	display: none;
}

.two-column {
	margin: 0 -10px;
	padding-top: 50px;
}

.two-column>div {
	float: left;
	width: 50%;
	position: relative;
	padding: 10px;
}

.two-column:after {
	content: "";
	display: block;
	clear: both;
}

.two-column>div>div {
	background: #e2e1dd;
}

.two-column div img {
	padding: 0 !important;
}

.two-column div a {
	color: #4D4F53;
	text-decoration: none;
}

.two-column div span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	text-transform: uppercase;
	max-width: 606px;
	font: normal 300 14px "museo-sans", sans-serif;
	padding: 0 20px;
	width: 100% !important;
	margin-top: -19px;
}

.two-column div em {
	display: block;
	padding-bottom: 30px;
	text-align: center;
	margin-top: -49px;
	font-style: normal;
}

img.tr-bg {
	width: 100%;
}

.awards-list {
	padding-top: 70px;
}

.awards-list ul {
	margin: 25px 0;
}

.awards-list li {
	margin-bottom: 15px;
	font-style: italic;
}

.awards-list li a {
	color: #4D4F53;
	text-decoration: none;
}

.awards-list li span {
	font-style: normal;
}

#hero {
	position: relative;
	width: 100%;
	height: 75%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.hero-bg,
.quote-slideshow {
	width: 100%;
	height: 100%;
}

#hero {
	background: #BCBDBC;
}

.quote-slideshow {
	position: absolute;
	top: 0;
	left: 0;
}

.quote-slideshow .bx-wrapper,
.quote-slideshow .bx-viewport,
.quote-slideshow .bxslider {
	height: 100% !important;
}

.quote-slideshow .bx-controls {
	display: none;
}

.quote-slideshow,
.quote-slideshow .quote,
#hero .caption,
.two-column div,
.two-column div span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.quote-slideshow .quote,
#hero .caption {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	text-transform: uppercase;
	max-width: 606px;
	font: normal 300 14px "museo-sans", sans-serif;
	padding: 0 12px;
	width: 100% !important;
	color: #fff;
	text-decoration: none;
	display: block;
}

.quote-slideshow .quote {
	letter-spacing: 0.05em;
}

.quote-slideshow .quote blockquote {
	font-weight: 700;
	margin-bottom: 25px;
	font: normal 700 14px "museo-sans", sans-serif;
}

#hero .caption span {
	text-transform: none;
	font: normal 300 16px "museo-sans", sans-serif;
}

#hero .caption .name {
	font-weight: 700;
	margin-bottom: 12px;
	font: normal 700 16px "museo-sans", sans-serif;
	letter-spacing: 2px;
}

#hero .caption .mail {
	background: url('../images/JMA_envelope_icon.html');
	width: 15px;
	height: 10px;
	margin: 30px auto auto;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-size: 18px 20px;
	background-position: -1px -5px;
}

#content-detail {
	color: #4D4F53;
	max-width: 700px;
	margin: auto;
}

#content-detail h1,
#content-detail h2,
#content-detail h3 {
	font: normal 700 18px "museo-sans", sans-serif;
}

#content-detail p {
	margin: 1.9em 0;
}

#content-detail article img {
	padding: 50px 0;
}

#content-detail article a {
	color: #4D4F53;
	text-decoration: none;
}

#content-nav {
	text-align: center;
	font: normal 700 11px "museo-sans", sans-serif;
	text-transform: uppercase;
	margin: 50px 0 90px;
}

#content-nav li {
	display: inline-block;
	margin: 0 28px;
}

#content-nav li a {
	text-decoration: none;
	color: #BCBDBC;
	letter-spacing: 2px;
}

#content-nav li a.active {
	color: #4D4F53;
}

.about-studio {
	margin-top: 50px;
	padding-bottom: 110px;
}

.about-studio h1 {
	font: normal 700 18px "museo-sans", sans-serif;
}

.about-studio .learn-more {
	border-bottom: 2px solid #4D4F53;
}

.about-studio .learn-more,
.back-to-team {
	font: normal 700 11px "museo-sans", sans-serif;
	color: #4D4F53;
	text-decoration: none;
	padding-bottom: 10px;
	letter-spacing: 2px;
}

.member-list {
	padding: 50px 0;
}

.member-list .member {
	position: relative;
	margin: 20px 0px;
}

.member-list .member:hover .mem-overlay {
	display: block;
}

.member-list .member:hover .mem-caption {
	opacity: 0;
}

.member-list img {
	padding: 0 !important;
}

.member-list .mem-caption {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	width: 100%;
}

.member-list .mem-name {
	margin-bottom: 15px;
	font: normal 700 14px "museo-sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.member-list .mem-position {
	font: normal 300 14px "museo-sans", sans-serif;
}

.mem-overlay {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(66, 64, 57, 0.98);
	font: normal 700 14px "museo-sans", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
}

.mem-overlay span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

#next-canvas,
#previous-canvas {
	background: none;
}

.wait {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
	width: 100%;
	height: 100vh;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #1d1d1d;
}

html.w-mod-js [data-ix=load] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
}

.bar {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 6px;
	background-color: #181818;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.mag {
	position: relative;
	display: flex;
	width: 20vw;
	height: 29vw;
	margin-bottom: 0;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.mag svg {
	padding-top: 10px;
	font-size: 20px;
	color: #fff;
}

.navbar-brand {
	text-decoration: none;
	padding: 0px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-right: 0px;
	font-family: 'Play', sans-serif !important;
}

.navbar-brand:hover {
	color: #fff;
}

.chargd_vds {
	position: absolute;
	color: #fff;
	left: 50%;
	top: 15%;
	transform: translateX(-50%);
	font-size: 160px;
	font-weight: 500;
	z-index: 2;
	overflow: hidden;
	display: flex;
	justify-content: center;
	padding-bottom: 6px;
}

.chargd_vds h1 {
	color: #fff;
	font-size: 160px;
	font-weight: 500;
	width: max-content;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.mag_img-w {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	border: 10px solid #fff;
}

.c-hero.text-center {
	margin-bottom: 8%;
}

.mag_img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.mag_img._1 {
	z-index: 10;
	background-image: url("../images/loading/1.jpg");
	background-size: cover;
}

.mag_img._2 {
	z-index: 9;
	background-image: url("../images/loading/2.jpg");
	background-size: cover;
}

.mag_img._3 {
	z-index: 8;
	background-image: url("../images/loading/3.jpg");
	background-size: cover;
}

.mag_img._4 {
	z-index: 7;
	background-image: url("../images/loading/4.jpg");
	background-size: cover;
}

.mag_img._5 {
	z-index: 6;
	background-image: url("../images/loading/6.jpg");
	background-size: cover;
}

.mag_img._6 {
	z-index: 5;
	background-image: url("../images/loading/7.jpg");
	background-size: cover;
}

.mag_img._7 {
	z-index: 4;
	background-image: url("../images/loading/5.jpg");
	background-size: cover;
}

.mag_img._8 {
	z-index: 3;
	background-image: url("../images/loading/6.jpg");
	background-size: cover;
}

.mag_img._9 {
	z-index: 2;
	background-image: url("../images/loading/9.jpg");
	background-size: cover;
}

.mag_img._10 {
	z-index: 1;
	background-image: url("../images/loading/10.jpg");
	background-size: cover;
}

.overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100vh;
	z-index: 0.5;
	background-image: linear-gradient(358deg, rgba(0, 0, 0, 0.6), transparent);
}

.swiper-slide.swiper-slide-next .quote-text,
.swiper-slide.swiper-slide-prev .quote-text {
	opacity: 0;
}

.swiper-slide.swiper-slide-active .quote-text {
	opacity: 1;
}

.image-slider-wrapper {
	position: relative;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	background-color: #000;
	height: 100%;
}

.swiper-slide-inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(#00000087 30%, transparent 50%);
	z-index: 2;
}

.prjct_mdl.active {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	display: block;
	z-index: 9999;
}

.prjct_mdl {
	display: none;
	transition-duration: 0.8s;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 3;
}

.prjct_mdl .prjct_mdl_cnt {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	TOP: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.prjct_mdl_bx h2 {
	font-size: 24px;
	font-weight: 600;
}

.prjct_mdl_bx h3 {
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
}

.prjct_mdl_bx {
	position: absolute;
	z-index: 2;
	top: 5%;
	left: 0px;
	color: #fff;
	opacity: 0;
	transition-duration: 0.8s;
	background: #000;
	padding: 20px;
	width: fit-content;
	border: 1px solid #fff;
	border-left: 0px;
}

.swiper-slide-active .prjct_mdl_bx {
	opacity: 1;
	transition-delay: 1.5s;
}

.prjct_mdl_bx p {
	font-size: 20px;
	margin-top: 10px;
	font-weight: 500;
	background: #ffffffd1;
	color: #000;
	padding: 15px 20px;
}

.image-slider {
	height: 100%;
}

.swiper-slide {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.swiper-slide-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide .child-slider .swiper-slide img {
	width: 80%;
	height: 80%;
	margin: 0 auto;
	text-align: center;
	border: 3px solid #fff;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}

.naccs {
	position: relative;
}

.gc .menu div:hover {
	font-size: 16px;
	font-weight: 400;
	color: rgb(255, 255, 255);
}

.nacc_li ul {
	display: flex;
	flex-wrap: wrap;
	max-height: calc(100vh - 180px);
	transition-duration: 0.8s;
	overflow-y: auto;
	justify-content: flex-start;
}

.nacc_li ul li {
	margin: -2px 20px 25px 0px;
	display: inline-block;
	position: relative;
	background: #fff;
	width: 18.9%;
	box-shadow: 0 0 5px 0px #8d8d8d;
	cursor: pointer;
}

.award-content-section {
	padding: 60px 0;
}

.award-content-section p {
	margin-top: 10px;
	margin-bottom: 30px;
}

.naccs .menu {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	margin: 0px auto 0px;
	background: #202020;
}

.naccs .menu div {
	cursor: pointer;
	transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
	text-align: center;
	padding: 20px 20px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #e7e7e7;
}

section.team {
	padding: 0px 0;
}

section.team .slider {
	margin-bottom: 40px;
}

.naccs .menu div.active span {
	font-size: 16px;
	font-weight: 600;
	color: rgb(255, 255, 255);
	border-bottom: 2px solid #ffffff;
	line-height: 38px;
}

.blog-banner img {
	object-fit: fill !important;
}

.social-icons ul {
    /* display: flex; */
    /* align-items: flex-start; */
    /* justify-content: flex-start; */
    list-style: none;
    margin-top: 5px;
    text-align: right;
    margin-bottom: 13px;
}

.social-icons ul li {
    /* text-align: right; */
    margin-right: 20px;
    display: inline-block;
}
.social-icons ul li:last-child {
	margin-right: 0px;
}

.breadcrumb {
	background: #efefef;
	padding: 12px;
	text-align: center;
	display: block;
	margin-bottom: 0;
}

.breadcrumb h3 {
	font-size: 24px;
	color: #000;
	margin-bottom: 0;
	font-family: 'Play', sans-serif !important;
	font-weight: bold;
}

.nacc_li ul li p {
	padding: 10px 10px 0px 10px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 10px;
}

.nacc {
	position: relative;
	list-style: none;
	padding: 0px 0;
	transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.nacc .nacc_li {
	opacity: 0;
	list-style: none;
	transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
	position: absolute;
	z-index: -1;
	top: 0;
	display: none;
	padding-bottom: 0px;
}

.nacc .nacc_li.active {
	transition-delay: 0.3s;
	z-index: 2;
	opacity: 1;
	display: block;
	position: relative;
}

section.philosophy {
	padding: 60px 0;
	position: relative;
}

section.philosophy .inner-wrap {
	z-index: 9;
	padding: 0px 0;
}

section.philosophy .section-title h2,
.team .section-title h2 {
	font-size: 48px;
	margin-bottom: 10px;
	text-align: center;
	color: #141414;
	font-weight: bold;
}

#publicationsmodal .section-title h2 {
	margin-bottom: 10px;
	font-size: 28px;
	text-align: left;
	color: #58595b;
	font-weight: 700;
}

section.philosophy .section-title h2,
.team .section-title h2 {
	margin-bottom: 10px;
	font-size: 28px;
	text-align: left;
	color: #58595b;
}

.philosophy .inner-wrap {
	padding: 40px;
}

.philosophy .left-img img {
	width: 100%;
}

.philosophy .meta-data.bottom {
	margin-top: 20px;
}

.philosophy .post-title a {
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	color: #383838;
	padding-top: 10px;
	display: block;
}

.philosophy .meta-data {
	font-size: 16px;
	margin-bottom: 15px;
	color: #747171;
}

.philosophy .excerpt p {
	line-height: 28px;
	margin-bottom: 10px;
	color: #787878;
	font-size: 16px;
}

.prjctmdl_clck {
	cursor: pointer;
	overflow: hidden;
}

.prjctmdl_clck .card-body {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	border-radius: 0 0 4px 4px;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0.6rem;
}

.prjctmdl_clck img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.prjctmdl_clck:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.nacc_li ul li:nth-child(5n) {
	margin-right: 0px;
}

.hero-slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hero-slider .carousel-cell {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.hero-slider .flickity-prev-next-button {
	width: 80px;
	height: 80px;
	background: transparent;
}

.hero-slider .flickity-prev-next-button:hover {
	background: transparent;
}

.hero-slider .flickity-prev-next-button .arrow {
	fill: white;
}

.hero-slider .flickity-page-dots {
	bottom: 30px;
}

.hero-slider .flickity-page-dots .dot {
	opacity: 1;
	background: #0000005e;
	border-radius: 100%;
	transition-duration: 0.8s;
	border: none;
}

.hero-slider .flickity-page-dots .dot.is-selected {
	background: #000;
	border-radius: 10px;
	width: 40px;
}

.hero-slider .carousel-cell img {
	width: 100%;
	height: 100%;
}

.parent-slider,
.swiper-slide .child-slider {
	height: 100%;
	z-index: 2;
	width: 100%;
}

.cls_mdl {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 3;
	background: #000000d1;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border: 1px solid #fff;
}

.pagntin {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000000ad;
	z-index: 1;
	border-top: 1px solid #5c5b5b;
}

.pagntin .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #fff;
	opacity: .5;
	margin: 0 4px;
	border-radius: 100%;
	transition-duration: 0.8s;
}

.pagntin .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.5);
}

.pagntin .swiper-pagination {
	white-space: nowrap;
}

.pagntin .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-radius: 10px;
	opacity: 1;
}

.pagntin .swiper-button-next {
	top: auto;
	bottom: 10px;
	color: #fff;
}

.pagntin .swiper-button-next,
.swiper-button-prev {
	width: 130px;
	border-radius: 5px;
}

.pagntin .swiper-button-prev {
	top: auto;
	bottom: 10px;
	color: #fff;
}

.pagntin .swiper-button-next:after,
.pagntin .swiper-button-prev:after {
	font-size: 10px;
}

.pagntin .swiper-button-prev,
.pagntin .swiper-container-rtl .swiper-button-next {
	left: 2%;
	right: auto;
}

.pagntin .swiper-button-next,
.pagntin .swiper-container-rtl .swiper-button-prev {
	right: 2%;
	left: auto;
}

.pagntin .swiper-button-prev {
	display: flex;
	flex-direction: row-reverse;
}

.pagntin .swiper-button-next,
.swiper-button-prev {
	width: 130px;
}

.pagntin .swiper-button-prev h2 {
	padding: 10px;
	font-size: 14px;
	margin-left: 5px;
	border-radius: 7px;
}

.pagntin .swiper-button-next h2 {
	padding: 10px;
	font-size: 14px;
	margin-right: 5px;
	border-radius: 7px;
}

.post-title {
	font-size: 18px;
	color: #58595b;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: bold;
}

.inner-wrap h4 {
	font-size: 16px;
	color: #b5adad;
}

.post-title a {
	font-weight: 400;
	color: #808185;
	text-decoration: none;
	font-size: 20px;
}

.ryt_cnt .meta-data {
	margin-bottom: 34px;
}

.ryt_cnt .meta-data p {
	color: #abacad;
	line-height: 170%;
}

.ryt_cnt .meta-data .meta-author-name {
	color: #58595b;
}

.ryt_cnt .meta-data .meta-date {
	font-weight: 300;
}

.ryt_cnt .excerpt {
	font-size: 18px;
	color: #58595b;
	margin-bottom: 43px;
}

.ryt_cnt .excerpt p {
	line-height: 1.4em;
}

.ryt_cnt .read-more {
	font-weight: 300;
	color: #58595b;
	text-decoration: none;
	border-bottom: 1px solid #58595b;
}

#philosophymodal .modal-dialog .btn-close,
#teammodal .modal-dialog .btn-close,
#awardsmodal .modal-dialog .btn-close,
#publicationsmodal .btn-close,
#contactmodal .modal-dialog .btn-close,
#blogmodal .modal-dialog .btn-close,
#blogdetailmodal .modal-dialog .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
}
.about-content p {
    line-height: 25px;
    margin-bottom: 10px;
    color: #787878;
    font-size: 18px;
    text-align: center;
}
#philosophymodal .modal-dialog .content,
#teammodal .modal-dialog .content,
#awardsmodal .modal-dialog .content,
#publicationsmodal .content {
	padding: 30px 20px;
	min-height: 800px;
}

#philosophymodal .modal-dialog .content h2,
#teammodal .modal-dialog .content h2,
#awardsmodal .modal-dialog .content h2,
#publicationsmodal .content h2,
#contactmodal .modal-dialog .content h2 {
	font-size: 32px;
	font-weight: 500;
	text-transform: uppercase;
	color: #58595b;
	position: relative;
	width: fit-content;
}

#contactmodal .modal-dialog .map {
	height: 100%;
}

#contactmodal .modal-dialog .map iframe {
	width: 100%;
	height: 100%;
}

#blogmodal .modal-dialog .modal-content,
#blogdetailmodal .modal-dialog .modal-content {
	padding: 30px 20px 0px;
	min-height: 90%;
}

#teammodal .modal-dialog .modal-content,
#philosophymodal .modal-dialog .modal-content,
#awardsmodal .modal-dialog .modal-content,
#publicationsmodal {
	padding: 0px;
}

#teammodal .modal-dialog .modal-body {
	background: #f9f9f9;
}

#teammodal .modal-dialog .modal-header,
#philosophymodal .modal-dialog .modal-header,
#awardsmodal .modal-dialog .modal-header {
	padding: 1rem 2rem;
}

#teammodal .modal-dialog .modal-header .modal-title,
#philosophymodal,
#philosophymodal .modal-header .modal-title,
#awardsmodal .modal-header .modal-title,
#publicationsmodal .modal-header .modal-title {
	font-size: 24px !important;
	font-weight: 700;
}

#teammodal .modal-dialog .btn-close,
#philosophymodal .modal-dialog .btn-close,
#awardsmodal .modal-dialog .btn-close,
#publicationsmodal .modal-dialog .btn-close {
	right: 29px;
	top: 28px;
	font-size: 14px;
}

#philosophymodal .modal-dialog .modal-body .post-title a,
#awardsmodal .post-title a,
#publicationsmodal .post-title a {
	font-weight: bold;
	color: #454546;
	text-decoration: none;
	font-size: 24px;
	border-bottom: 3px solid #383838;
	line-height: 49px;
}

#philosophymodal .modal-dialog .modal-body .meta-data p,
#awardsmodal .meta-data p,
#publicationsmodal .meta-data p {
	font-size: 16px;
	font-weight: 500;
	color: #403e3e;
	margin-bottom: 30px;
}

#philosophymodal .modal-dialog .modal-body .excerpt p,
#awardsmodal .excerpt p,
#publicationsmodal .excerpt p {
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.4px;
	color: #9b9b9b;
}

#philosophymodal .modal-dialog .modal-body .modal-footer,
#awardsmodal .modal-footer,
#publicationsmodal .modal-dialog .modal-body .modal-footer {
	position: absolute;
	width: 48%;
	bottom: 0;
	justify-content: flex-start;
	padding-left: 0;
}

#blogmodal h2,
#teammodal .modal-dialog h2,
#blogdetailmodal .modal-dialog h2 {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 500;
	color: #58595b;
	text-transform: uppercase;
	position: relative;
	width: fit-content;
}

#blogmodal h2,
#blogdetailmodal .modal-dialog .modal-content h2 {
	margin-left: 10px;
}

#projectdetailmodal .modal-content {
	min-height: 100%;
	min-width: 98%;
	background: #000000b5;
}

.img_bx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blg_bx .cnt_blg {
	color: #000;
}

.blg_bx .cnt_blg h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 5px;
}

.blg_bx .cnt_blg .ltl_bx {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	color: #0009;
	font-weight: 500;
}

#blogdetailmodal .modal-dialog h2 {
	position: relative;
	width: fit-content;
}

#blogdetailmodal .modal-dialog h2:before,
#contactmodal .modal-dialog h2:before,
#blogmodal .modal-dialog h2:before,
#teammodal .modal-dialog h2:before,
#philosophymodal .modal-dialog .content h2:before,
#teammodal .modal-dialog .content h2:before,
#awardsmodal .modal-dialog .content h2:before,
#publicationsmodal .content h2:before,
#contactmodal .modal-dialog .content h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	background: #000;
	width: 50px;
	height: 3px;
	z-index: 1;
}

.btn_frm button:hover {
	color: #fff;
}

#blogdetailmodal .modal-dialog h2:after,
#contactmodal .modal-dialog h2:after,
#blogmodal .modal-dialog h2:after,
#teammodal .modal-dialog h2:after,
#philosophymodal .modal-dialog .content h2:after,
#teammodal .modal-dialog .content h2:after,
#awardsmodal .modal-dialog .content h2:after,
#publicationsmodal .content h2:after,
#contactmodal .modal-dialog .content h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	background: #607d8b85;
	width: 100%;
	height: 3px;
	z-index: 0;
}

.blg_bx .cnt_blg .ltl_bx li:first-child {
	margin-right: 20px;
}
h2.care {
    font-size: 38px !important;
    border-left: 1px solid #f00;
    padding-left: 30px;
    padding-top: 39px;
    padding-bottom: 40px;
}
.blg_bx .cnt_blg .ltl_bx svg {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.blg_bx .cnt_blg .ltl_bx svg path {
	fill: #0009;
}

.blg_bx .cnt_blg .ltl_bx li {
	display: flex;
	justify-content: center;
	align-items: center;
}

.blg_bx .cnt_blg p {
	font-size: 18px;
	margin-bottom: 20px;
}

.blg_bx .cnt_blg .blg_btn {
	margin-top: 40px;
}

.blg_bx .cnt_blg .blg_btn a {
	background: #000;
	border: none;
	color: #fff;
	padding: 10px 20px;
	font-size: 18px;
	cursor: pointer;
}

.blg_bx {
	margin-bottom: 30px;
}

input::placeholder,
textarea::placeholder {
	color: #d4d4d4;
}

.multi_bx fieldset {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 20px;
}

.multi_bx fieldset input {
	border-radius: 0px;
	border: 1px solid #66666617;
	padding: 10px;
	width: 48%;
}

fieldset input,
fieldset textarea {
	border-radius: 0px;
	border: 1px solid #66666617;
	padding: 10px;
}

.sngle_bx fieldset textarea {
	width: 100%;
	height: 200px;
	resize: none;
}

.btn_frm button {
	background: #000;
	color: #fff;
	border-radius: 0px;
	font-size: 18px;
}

.btn_frm {
	margin-top: 15px;
}

.blog_cnt .blog_bx {
	display: block;
	position: relative;
	overflow: hidden;
	height: 220px;
	margin-bottom: 25px;
	text-decoration: none;
}

.blog_cnt .blog_bx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog_cnt .blog_bx .cnt_blg {
	position: absolute;
	bottom: -140px;
	left: 50%;
	width: 95%;
	padding: 10px;
	background: #fffffff5;
	transform: translateX(-50%);
	transition-duration: 0.8s;
}

.blog_cnt .blog_bx:hover .cnt_blg {
	bottom: 10px;
}

.blog_cnt .blog_bx .cnt_blg h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 8px;
}

.blog_cnt .blog_bx .cnt_blg p {
	color: #fff;
	line-height: 22px;
}

.nav-item1 .nav-link,
.nav-item2 .nav-link {
	padding-right: 5px;
}

#teammodal .blog_cnt .blog_bx {
	height: auto;
	cursor: auto;
}

#teammodal .blog_cnt .blog_bx img {
	height: 280px;
}

#teammodal .blog_cnt .blog_bx .cnt_blg {
	position: absolute;
	bottom: -100px;
	left: auto;
	width: 100%;
	background: #000;
	transform: none;
}

#teammodal .blog_cnt .blog_bx:hover .cnt_blg {
	bottom: 0px;
}

.bacon-blog-post {
	position: relative;
	width: 100%;
	background: #fff;
	font-weight: 400;
	line-height: 1.45;
}

.bacon-blog-post-inner {
	padding: 0px 20px;
	color: #58595b;
}
.pro_details h3{text-align:center; margin-top:10px}
.call-info {
	padding: 0px 0 0px;
}

svg.blob1 path {
	fill: #101010;
	animation: blob 7s linear infinite;
}

svg.blob1 {
	width: auto;
	height: auto;
}

@keyframes blob {
	0% {
		d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
	}

	25% {
		d: path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
	}

	50% {
		d: path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
	}

	75% {
		d: path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
	}

	100% {
		d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
	}
}

.blg_dtl {
	overflow-y: auto;
	margin-bottom: 30px;
}

.bacon-blog-post .wp-post-image {
	max-width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: 0 100%;
}

.bacon-blog-post .cgc-hostel .wp-post-image {
	height: 100%;
	max-height: 621px
}

.bacon-blog-post h3 {
	margin-bottom: 25px;
}

.bacon-blog-post h3,
.bacon-blog-post h4 {
	font-weight: 700;
}

.bacon-blog-post h1 a,
.bacon-blog-post h2 a,
.bacon-blog-post h3 a,
.bacon-blog-post h4 a {
	display: inline-block;
	color: #000;
	text-decoration: none;
}

.bacon-blog-post h3 {
	font-size: 28px;
}

.bacon-blog-post h4 {
	font-size: 25px;
}

.bacon-blog-post small,
.bacon-blog-post .font_small {
	font-size: 0.75em;
}

.bacon-blog-post p,
.bacon-blog-post p a {
	font-family: Lora, Times New Roman, serif;
	font-size: 20px;
	line-height: 28px;
}

.bacon-blog-post p {
	margin-bottom: 1.3em;
}

.bacon-blog-post p:last-child {
	margin-bottom: 0;
}

.bacon-blog-post blockquote {
	margin: 1.3em;
	padding-left: 1.3em;
	border-left: #9e9e9e solid 0.25em;
	font-style: italic;
}

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 2.5px;
	vertical-align: top;
	max-width: 24%;
	width: 100%;
}

.og-grid li>a,
.og-grid li>a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	width: 100%;
	text-decoration: none;
	color: #000;
}

.og-grid li.og-expanded>a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 20px;
	bottom: 0;
	left: 50%;
	margin: -20px 0 0 -15px;
	z-index: 2;
}

.og-grid li.og-expanded>a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(60 60 60 / 85%);
	z-index: 1;
}

.og-expander {
	position: absolute;
	background: #fff;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 16%;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 40px;
	right: 80px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: "";
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #040404;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 100%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
	display: none;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 40px;
}

.og-details h3 strong {
	font-size: 24px;
	font-style: normal;
	font-stretch: normal;
	text-align: left;
	margin-bottom: 30px;
	text-transform: initial;
	letter-spacing: 0;
	margin-right: 10px;
	color: #040404;
}

.og-details p {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 28px;
	text-align: left;
	color: #5d5552;
	margin-bottom: 40px;
}

.og-details a {
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	text-align: left;
	color: #fff;
	border: 0;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% {
		background: #ddd;
	}

	33% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
	}

	66% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
	}
}

@-moz-keyframes loader {
	0% {
		background: #ddd;
	}

	33% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
	}

	66% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
	}
}

@keyframes loader {
	0% {
		background: #ddd;
	}

	33% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
	}

	66% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
	}
}

@media screen and (max-width: 650px) {
	.og-fullimg {
		display: none;
	}

	.og-details {
		float: none;
		width: 100%;
	}
}

.chargd_vds img {
	filter: drop-shadow(0px 5px 2px rgb(0 0 0 / 30%));
	height: 300px;
}

::-webkit-scrollbar {
	width: 5px;
	background: #fff;
}

::-webkit-scrollbar-thumb {
	background: #9e9e9e;
}

#teammodal .modal-dialog h2::before,
#teammodal .modal-dialog h2::after {
	content: none;
}

#teammodal .modal-dialog h2 {
	font-size: 20px;
	color: #fff;
	letter-spacing: 0.6px;
	font-weight: 300;
}

#teammodal .modal-dialog h2 strong {
	font-weight: bold;
}

.description-block-inner {
	padding: 50px 140px;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.description-block {
	position: absolute;
	background: #fff;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	display: none;
	overflow: hidden;
}
.about-content p{ color: #000000;
    font-family: "avenirltstd-light", Sans-serif;
    font-size: 18px;
    font-weight: 500;}
	.p_h{color:#000; text-decoration:none;}
	a {
    color: #000;
    text-decoration: none;
}
.description-block p {
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 28px;
	text-align: left;
	color: #727272;
	margin-bottom: 40px;
}

.description-block h3 {
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 40px;
}

.description-block h3 strong {
	font-size: 24px;
	font-style: normal;
	font-stretch: normal;
	text-align: left;
	margin-bottom: 30px;
	text-transform: initial;
	letter-spacing: 0;
	font-weight: 600;
	margin-right: 10px;
	color: #202020;
}

.team-box h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 10px 0 5px;
	letter-spacing: 0;
}

ul.team-icon {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

ul.team-icon li {
	margin-right: 10px;
}

ul.team-icon img {
	width: 14px;
	transition-duration: 0.8s;
}

.split-slideshow {
	position: relative;
}

.split-slideshow .slideshow:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 21;
	width: 100%;
	height: 40%;
	transition: all .25s ease-in-out;
	background: linear-gradient(#00000063 60%, transparent 100%);
	transition-duration: 0.8s;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-julia img {
	max-width: 100%;
	height: 295px;
	object-fit: cover;
	width: 100%;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.15em;
	padding: 0.4em 1em;
	background: rgba(255, 255, 255, 0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 70%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px, 0, 0);
	transform: translate3d(-360px, 0, 0);
}

figure.effect-julia h3 {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255, 255, 255, 0.9);
	color: #2f3238;
	text-transform: none;
	letter-spacing: 0.5px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px, 0, 0);
	transform: translate3d(-360px, 0, 0);
}

#philosophymodal .modal-dialog .modal-body .excerpt p {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.5px;
	color: #d3d3d3;
}

#philosophymodal .modal-dialog .modal-body .meta-data p {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	margin-bottom: 30px;
}

#philosophymodal .modal-dialog .modal-body .post-title {
	font-size: 23px;
	color: #58595b;
	margin-top: 0;
	margin-bottom: 26px;
}

#philosophymodal .modal-dialog .modal-body .post-title a {
	color: #fff;
	border-color: #fff;
}

#philosophymodal .modal-dialog .modal-body .meta-data.bottom p {
	margin-top: 32px;
}

#philosophymodal .modal-dialog .modal-body .btn-close {
	right: 29px;
	top: 28px;
	font-size: 14px;
	background-color: #ddd;
	padding: 15px;
	border-radius: 100px;
}

#philosophymodal .modal-dialog .modal-body {
	padding: 0;
}

#philosophymodal .modal-dialog .modal-body .row {
	margin: 0;
}

#philosophymodal .modal-dialog .modal-body .right-content {
	background: #161414;
	padding: 26px;
}

#awardsmodal .award-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#awardsmodal .modal-dialog .modal-body,
#publicationsmodal .modal-dialog .modal-body {
	padding: 2rem;
}

#awardsmodal .award-img {
	height: 200px;
	background: #f7f7f7;
}

#awardsmodal .inner-wrap {
	text-align: center;
	padding: 28px 10px 10px 10px;
}

.award_bx {
	box-shadow: 2px 6px 10px 0px #0000001f;
	margin-bottom: 25px;
	height: 93%;
	padding: 20px;
}

#publicationsmodal .inner-wrap h5 {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.slider-banner img {
	width: 100%;
	object-fit: cover;
}

h4.modl_subttl {
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #000;
	padding: 30px;
	text-align: center;
}

.publication-bottom-section a {
	color: #1e1d1d;
	text-decoration: none;
	font-weight: 500;
}

.pub_mdlttl {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 75px;
	color: #686363;
	padding: 0 10px 0 0;
	text-align: center;
}

#publicationsmodal .right-section ul {
	display: flex;
	flex-wrap: wrap;
}

#publicationsmodal .post-title a {
	border-bottom: 0px;
	font-weight: bold;
	color: #454546;
	text-decoration: none;
	font-size: 16px;
	border-bottom: 0px solid #383838;
	line-height: 21px;
}

#publicationsmodal .post-title {
	margin-bottom: 0px;
}

#publicationsmodal .learn-more {
	color: #222;
	margin-top: 20px;
	display: block;
	text-decoration: none;
	font-weight: 500;
}

#publicationsmodal .publication-bottom-section {
	background: #f9f9f9;
	padding: 3em 3em;
}

#publicationsmodal .publication-bottom-section.wbg {
	background: #f1f1f1;
}

#publicationsmodal .publication-bottom-section p {
	color: #959191;
	font-size: 16px;
	line-height: 24px;
}

#publicationsmodal .meta-data p {
	font-size: 15px;
	font-weight: 400;
	color: #a9a9a9;
	margin-bottom: 20px;
	margin-top: 4px;
}

#publicationsmodal .right-section ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: disclosure-closed;
	list-style-position: inside;
}

#publicationsmodal .right-section ul li {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	width: 47%;
	margin-bottom: 20px;
	line-height: 24px;
	letter-spacing: 0.4px;
}

#publicationsmodal .right-section ul li strong {
	font-weight: 500;
}

#publicationsmodal .learn-more {
	border: 1px solid #000;
	background: #fff;
	color: #0e0e0e;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
}

#publicationsmodal .right-section .learn-more,
#publicationsmodal .bottom-btn .learn-more {
	border: 1px solid #000;
	background: rgb(0, 0, 0);
	color: #ffffff;
}

#publicationsmodal .left-image img {
	max-height: 300px;
	object-fit: cover;
}

#publicationsmodal .right-section h3 {
	font-size: 24px;
	font-weight: bold;
	color: #383838;
}

#publicationsmodal .right-section h4 {
	margin-top: 10px;
	color: gray;
	margin-bottom: 40px;
}

#publicationsmodal .learn-more img {
	width: 15px;
	vertical-align: bottom;
}

#publicationsmodal .publication-right-section {
	padding: 50px 30px;
	background: #161515;
}

#publicationsmodal .publication-right-section h3 {
	color: #fff;
	font-weight: bold;
	font-size: 32px;
}

#publicationsmodal .publication-right-section p {
	color: #fff;
}

#blogmodal .modal-content,
#contactmodal .modal-content {
	padding: 0px !important;
}

#blogmodal .modal-body,
#contactmodal .modal-body {
	padding: 2rem;
}

#blogmodal .modal-dialog .modal-header .modal-title,
#contactmodal .modal-dialog .modal-header .modal-title {
	font-size: 24px !important;
	font-weight: 700;
}

#blogmodal .modal-dialog .modal-header,
#contactmodal .modal-dialog .modal-header {
	padding: 1rem 2rem;
	background: #f9f9f9;
	flex-wrap: wrap;
}

#blogmodal .modal-dialog .btn-close,
#contactmodal .modal-dialog .btn-close {
	right: 29px;
	top: 28px;
	font-size: 14px;
}

#blogmodal .blg_bx {
	box-shadow: 1px 1px 10px 0px #e7e7e7;
	max-height: 300px;
}

#blogmodal .col-xl-5,
#blogmodal .col-xl-7 {
	padding: 0;
}

#blogmodal .cnt_blg {
	padding: 40px;
}

#blogmodal .img_bx img {
	width: 100%;
	height: 100%;
	max-height: 300px;
}

#blogmodal .blg_bx .cnt_blg h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 25px;
	color: #0d0d0e;
}

#blogmodal .blg_bx .cnt_blg .ltl_bx li {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #a7a7a7;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 400;
}

#blogmodal .blg_bx .cnt_blg p {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #787878;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

#blogmodal .blg_bx .cnt_blg .blg_btn a {
	background: #fff;
	border: none;
	color: #000;
	padding: 0;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
	display: flex;
	justify-content: flex-start;
}

#blogmodal .blg_bx .cnt_blg .ltl_bx {
	margin-bottom: 20px;
}

#blogmodal .angle-icon {
	width: 20px;
}

#blogmodal .blog-wrap {
	box-shadow: 1px 1px 10px 0px #e7e7e7;
}

#blogmodal .blog-wrap .blog-content {
	padding: 30px;
}

#blogmodal .blg_bx .img_bx {
	max-height: 300px;
	height: 300px;
}

#blogmodal .blog-wrap .img_bx img {
	width: 100%;
	height: 100%;
	max-height: 210px;
}

#blogmodal .blog-wrap .blog-content h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 25px;
	color: #111111;
}

#blogmodal .blog-wrap .blog-content .ltl_bx {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	color: #0009;
	font-weight: 500;
}

#blogmodal .blog-wrap .blog-content .ltl_bx svg {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

#blogmodal .blog-wrap .blog-content .ltl_bx li {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #a7a7a7;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 400;
}

#blogmodal .blog-wrap .blog-content .ltl_bx li:first-child {
	margin-right: 20px;
}

#blogmodal .blog-wrap .blog-content p {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #787878;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

#blogmodal .blog-wrap .blog-content .blg_btn a {
	background: #fff;
	border: none;
	color: #000;
	padding: 0;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
	display: flex;
	justify-content: flex-start;
}

#blogdetailmodal .footer-links ul {
	display: flex;
	justify-content: flex-start;
	padding-left: 0;
}

#blogdetailmodal .footer-links .social-links {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
}

#blogdetailmodal .footer-links {
	justify-content: space-between;
	padding: 2rem;
	display: flex;
	align-items: center;
	border-top: 1px solid #ddd;
}

#blogdetailmodal .footer-links ul li img {
	width: 18px;
	margin-right: 15px;
}

#blogdetailmodal .footer-links h3 {
	font-size: 18px;
	font-weight: 500;
	margin-right: 20px;
	color: #787878;
}

#blogmodal .blg_bx {
	margin-bottom: 65px;
}

#blogmodal .col-xl-4:first-child {
	padding-left: 0;
}

#blogdetailmodal .bacon-blog-post-inner p {
	color: #787878;
	font-size: 16px;
	text-align: justify;
}

#blogdetailmodal .buttons {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

#blogdetailmodal .buttons p {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

#blogdetailmodal .buttons img {
	width: 20px;
	margin-right: 10px;
}

#blogdetailmodal .buttons button {
	display: flex;
	align-items: center;
	margin-right: 20px;
	justify-content: center;
	background: #fff;
	padding: 7px 0px;
	border: 0px solid #707070dd;
	text-align: center;
	color: #222;
	font-size: 14px;
}

.swiper-slide {
	text-align: center;
}

.parent-slider>.swiper-wrapper h2,
.parent-slider>.swiper-wrapper h3 {
	margin: 0 0 5px;
	font-size: 32px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: none;
}

.parent-slider>.swiper-wrapper h2 {
	margin: 30px 0 5px 0;
	font-size: 44px;
	color: #fff;
	text-transform: uppercase;
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	opacity: .5;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.parent-slider .child-slider {
	padding: 0px 0;
}

.swiper-button-next,
.swiper-button-prev {
	width: 40px;
	border: 2px solid #ddd;
	border-radius: 100px;
	font-size: 14px;
	height: 40px;
}

.swiper-slide h3 {
	color: #fff;
	margin-bottom: 40px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 15px !important;
	color: #fff !important;
}

.swiper-container.child-slider.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
	width: 100%;
	height: 100%;
}

.swiper-slide .child-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	border: 0px solid #fff;
	object-fit: contain;
}

#blogdetailmodal .buttons button.prev {
	border: 0px;
	position: unset;
	transform: translateY(10%);
}

#blogdetailmodal .buttons button img.ml-2 {
	margin-left: 10px;
	margin-right: 0 !important;
}

#blogdetailmodal {
	padding: 40px 0;
}

.slideshow {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.slideshow .slider {
	width: 100vw;
	height: 100vw;
	z-index: 2;
}

.slideshow .slider * {
	outline: none;
}

.slideshow .slider .item {
	height: 100vh;
	width: 100vw;
	position: relative;
	overflow: hidden;
	border: none;
}

.slideshow .slider .item .text {
	display: none;
}

.slideshow .slider .item img {
	width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.slideshow .slick-dots {
	position: fixed;
	z-index: 100;
	width: 40px;
	height: auto;
	bottom: auto;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	left: auto;
	color: #fff;
	display: block;
}

.slideshow .slick-dots li {
	display: block;
	width: 100%;
	height: auto;
}

.slideshow .slick-dots li button {
	position: relative;
	width: 20px;
	height: 15px;
	text-align: center;
}

.slideshow .slick-dots li button:before {
	content: "";
	background: #fff;
	color: #fff;
	height: 4px;
	width: 20px;
	border-radius: 0;
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
	opacity: 0.6;
}

.slideshow .slick-dots li.slick-active button:before {
	width: 40px;
	opacity: 1;
}

.slideshow.slideshow-right {
	left: 0;
	z-index: 1;
	width: 50vw;
	pointer-events: none;
}

.slideshow.slideshow-right .slider {
	left: 0;
	position: absolute;
}

.slideshow-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	font-size: 80px;
	width: 100vw;
	text-align: center;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 100;
	pointer-events: none;
	text-transform: uppercase;
	letter-spacing: 20px;
	line-height: 0.8;
}

.team-box {
	box-shadow: 1px 0px 20px 4px #9393933b;
	padding: 10px 10px 20px;
	transition-duration: 0.8s;
	margin: 0 auto 30px;
	cursor: pointer;
	min-height: 400px;
	text-align: center;
}

#teammodal .modal-dialog .team-box h2 {
	margin-bottom: 8px;
}

.team-box h5 {
	color: #9b9b9b;
	font-size: 15px;
	text-transform: capitalize;
}

.team-box h5 strong {
	color: #c3c3c3;
	margin-right: 10px;
}

.team-box p {
	margin-top: 20px;
	letter-spacing: 0.4px;
	line-height: 21px;
	word-spacing: 0px;
	color: #959494;
	font-weight: 400;
}

.team-box ul li a {
	background: #e7e7e7;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	width: 35px;
	height: 35px;
	transition-duration: 0.8s;
}

.team-box ul li a:hover {
	background: #000;
}

.team-box ul li a:hover img {
	filter: invert(1);
}

#awardsmodal {
	padding: 40px 0;
}

#awardsmodal .learn-more {
	border: 1px solid #000;
	background: #fff;
	color: #000;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
}

#awardsmodal .learn-more img {
	width: 10px !important;
	margin-left: 20px;
	border: 0px;
}

#awardsmodal .award-banner h3 {
	font-size: 44px;
	font-weight: bold;
	line-height: 42px;
	margin-top: 90px;
	color: #ffff;
}

#awardsmodal .award-banner p {
	color: #dbdada;
	font-size: 16px;
	line-height: 24px;
	margin-top: 30px;
}

#awardsmodal .award-troply img {
	width: 315px;
}

#awardsmodal .award-troply {
	text-align: center;
}

#awardsmodal .award-content {
	padding-left: 0px;
	padding-top: 15px
}

#awardsmodal .award-right-content {
	padding-top: 90px;
}

#awardsmodal .award-right-content h4 {
	font-size: 24px;
	color: #fcfbfa;
	font-weight: bold;
}

#awardsmodal .award-right-content img {
	width: 350px;
	margin-top: 20px;
}

#awardsmodal .meet-trophy {
	padding: 50px 0 50px 50px;
}

#awardsmodal .left-img img {
	width: 500px;
}

#awardsmodal .meet-trophy h3 {
	font-size: 15px;
	color: #1f1f1f;
	margin-bottom: 20px;
}

#awardsmodal .trophy-content h5 {
	font-size: 28px;
}

#awardsmodal .award-troply .meet-trophy img {
	width: 52%;
	margin-top: 30px;
	margin-left: 20%;
	float: right;
}

#awardsmodal .trophy-content img {
	width: 70%;
	margin-top: 30px;
	margin-left: 20%;
}

#awardsmodal .learn-more {
	border: 1px solid #000;
	background: #fff;
	color: #000;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
}

#awardsmodal .meet-trophy .award-content {
	padding-left: 0;
	padding-top: 70px;
	padding-right: 30%;
}

#awardsmodal .meet-trophy .award-content p {
	color: #959191;
	font-size: 16px;
	line-height: 24px;
}

#awardsmodal .award-bottom-section {
	padding: 50px;
	background: #f7f7f7;
}

#awardsmodal .award-bottom-section h3 {
	font-size: 24px;
	color: #111111;
}

#awardsmodal .award-bottom-section p {
	color: #959191;
	font-size: 16px;
	line-height: 24px;
}

#awardsmodal .award-bottom-section .about-img img {
	width: 100%;
}

#awardsmodal .meet-trophy .award-content .learn-more {
	border: 1px solid #000;
	background: #0e0e0e;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
}

#awardsmodal .award-top-banner {
	background-image: url('../images/bg.html');
	width: 100%;
	background-repeat: no-repeat;
	height: 100%;
	padding: 50px 50px 20px 50px;
	margin: 0;
	background-size: cover;
	margin: 0;
}

#contactmodal .modal-content h3 {
	font-size: 32px;
	font-weight: bold;
	font-weight: 600;
}

#contactmodal .modal-content p {
	color: #837c7c;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.4px;
	line-height: 21px;
	width: 100%;
}

#contactmodal .modal-content .ryt_cnt {
	padding-left: 0;
}

#contactmodal .modal-content .inner-wrap {
	padding: 0px 20px;
}

#contactmodal .modal-content ul.social-links {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 30px;
	padding-left: 30px;
}

#contactmodal .modal-content ul.social-links li {
	list-style: none;
	margin-right: 20px;
}

#contactmodal .modal-content ul.social-links li a {
	text-decoration: none;
	height: 30px;
	width: 30px;
	border-radius: 100%;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-duration: 0.8s;
}

#contactmodal .modal-content ul.social-links li a:hover {
	background: #fff;
}

#contactmodal .modal-content ul.social-links li a:hover img {
	filter: invert(0);
}

#contactmodal .modal-content ul.social-links li a img {
	width: 16px;
	filter: invert(1);
	transition-duration: 0.8s;
}

.contact-info ul {
	list-style: none;
	padding-top: 90px;
	padding-left: 30px;
}

.contact-info ul li {
	list-style: none;
	cursor: pointer;
	font-size: 16px;
	margin-bottom: 25px;
}

.contact-info ul li img {
	width: 22px;
	margin-right: 20px;
	vertical-align: bottom;
}

#contactmodal .modal-content .form-control {
	border: 1px solid #525252;
	border-radius: 0px;
	margin-bottom: 23px;
	min-height: 40px;
	margin-top: 8px;
	background: none;
	color: #fff;
	box-shadow: none;
	resize: none;
}

#contactmodal .modal-content label {
	font-weight: 600;
	color: #fff;
}

#contactmodal .modal-content button.btn.btn-primary {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
	border-radius: 0px;
	color: #222;
	padding: 6px 28px;
	margin-left: auto;
	display: block;
}

#contactmodal .modal-content button.btn.btn-primary img {
	width: 15px;
	vertical-align: middle;
}

.logo_fix svg#svg2 {
	width: 100%;
	height: 100%;
}

.logo_fix {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	height: 120px;
	width: 120px;
	background: linear-gradient(rgb(255 255 255 / 10%), rgb(255 255 255 / 40%));
	padding: 10px;
	box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 60%);
}

.c-head {
	color: #1d1d1d;
	font-size: 140px;
	font-family: 'Play', sans-serif !important;
	margin: 30px 0 30px;
	line-height: 100px;
	font-weight: 600;
}

.ext-grid.contact {
	color: #000;
	text-decoration: none;
}

.ext-li.c {
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	margin: 8px 0 15px;
	
	letter-spacing: 0.5px;
}

.address {
	color: #000;
}

.w-inline-block {
	max-width: 100%;
	display: inline-block;
}

.email-info {
	font-size: 16px;
	text-align: left;
	color: #787878;
	letter-spacing: 0.5px;
	margin: 0px 0 10px;
}

.f-lit {
	font-size: 1.2vw;
	line-height: 1.4vw;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

.loader_1 {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9;
	top: 0;
}

.loader__element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scaleY(0);
	transform-origin: center bottom;
	background: #000;
}

.loader__element:first-of-type {
	background: #000;
}

.gallery {
	opacity: 1;
	text-align: center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.thumbs {
	overflow-y: scroll;
}

.thumbs {
	padding-top: 150px;
}

.box {
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
	margin: 10px;
	overflow: hidden;
}

.follower {
	cursor: pointer;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	width: 90px;
	height: 90px;
	border-radius: 50%;
	z-index: 1000;
}

.follower p {
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 0;
	letter-spacing: 0.5px;
	margin-top: 50%;
	user-select: none;
}

.follower .txt2 {
	display: none;
}

.full {
	top: 0;
	display: none;
	background: #fff;
	z-index: 100;
	position: fixed;
	overflow: hidden;
}

.fullImg {
	pointer-events: none;
	position: absolute;
	max-width: 90%;
	max-height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.prev,
.next {
	cursor: pointer;
	background-color: #ddd;
	color: #fff;
	font-size: 30px;
	line-height: 0;
	position: absolute;
	width: 100px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 50px;
}

.next {
	right: 0;
}

.inner-header {
	background-color: #fff;
	position: fixed;
}

.prjctmdl_clck.card {
	margin-bottom: 30px;
}

.prjctmdl_clck .card-img,
.prjctmdl_clck .card-img-bottom,
.prjctmdl_clck .card-img-top {
	height: auto;
}

.breadcrumb {
	opacity: 1;
}

.inner-header .nav-list .nav-link:hover {
	color: #000;
}

.inner-header .nav-list li a::before {
	background: #000
}

.inner-header .hd_tgln,
.inner-header .navbar-brand,
.inner-header .nav-link {
	color: #000;
}

.inner-header .line {
	background-color: #222;
}

.philosophy .left-img img {
	max-height: 500px;
	object-fit: cover;
}

.slider-btns {
	position: absolute;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	z-index: 99;
	bottom: 40px;
}

.slider-btns a {
	color: #fff;
	width: 100px;
	border: 1px solid #ddd;
	height: 40px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	margin-right: 10px;
}

.slider-btns a.prevs:before {
	font-family: swiper-icons;
	content: 'prev';
	margin-right: 10px;
}

.contact-infomation h3 {
	font-size: 20px;
	font-weight: 600;
}

.contact-infomation .email-info {
	font-size: 16px;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 10px 0 10px;
	color: #000;
	letter-spacing: 0.7px;

}

.slider-btns a.nexts:after {
	font-family: swiper-icons;
	content: 'next';
	margin-left: 10px;
}

.img-block {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#blogdetailmodal .bacon-blog-post-inner strong {
	font-weight: 600;
}

@media(max-width:1500px) {
	h1.chargd_vds {
		font-size: 120px;
	}
}

@media (max-width:1366px) {
	.swiper-container.child-slider {
		width: 100% !important;
		height: 100% !important;
	}
}

@media (max-width:1300px) {
	.nacc_li ul li {
		width: 18.6%;
	}
}

@media (max-width:1199px) {
	.chargd_vds h1 {
		font-size: 80px;
	}

	.chargd_vds img {
		height: 230px;
	}

	.mag img {
		bottom: -35%;
	}

	#publicationsmodal .publication-bottom-section .right-section {
		margin-top: 20px;
	}

	.nacc_li ul li {
		width: 18.4%;
	}

	nav {
		padding: 20px 10px;
	}

	.hd_tgln,
	.navbar-brand,
	.nav-link {
		font-size: 16px;
	}

	.nav-list li.nav-item {
		margin: 0 20px 0px 0px;
	}

	.navbar-brand {
		font-size: 20px;
	}
}

@media (max-width:1024px) {
	.chargd_vds {
		top: 30%;
	}

	.hd_tgln,
	.navbar-brand,
	.nav-link {
		font-size: 10px;
	}

	.swiper-container.child-slider {
		width: 100% !important;
		height: 100% !important;
	}

	.nacc_li ul li {
		width: 18.3%;
	}

	.naccs .menu div {
		font-size: 15px;
	}

	.naccs .grid .gc:first-child {
		height: calc(100vh - 130px);
	}

	.naccs .menu div.active {
		font-size: 15px;
		font-weight: 500;
	}
}

@media (max-width: 1000px) {
	.section .span_1_of_3 {
		width: 50%;
	}

	.parent-slider .swiper-button-prev,
	.parent-slider .swiper-container-rtl .swiper-button-next {
		left: 5%;
	}

	.parent-slider .swiper-button-next,
	.parent-slider .swiper-container-rtl .swiper-button-prev {
		right: 5%;
	}
}

@media (min-width:992px) and (max-width:1320px) {

	.hd_tgln,
	.navbar-brand,
	.nav-link {
		font-size: 14px;
	}

	.left-header,
	.right-header {
		width: 43%;
	}

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

	.nav-list li.nav-item {
		margin: 0 15px 0px 0px;
	}
}

@media(max-width:991px) {
	.hamburger {
		display: block;
	}

	.nav-list {
		width: 100%;
		height: 100vh;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #e7e7e7;
		position: fixed;
		left: 0;
		bottom: -100vh;
		transition-duration: 0.8s;
		opacity: 0;
	}

	.hamburger {
		float: right;
	}

	.nav-list.active {
		bottom: 0;
		z-index: 9;
		opacity: 1;
		top: 0;
	}

	.image-slider-wrapper,
	.project_detail {
		height: 100vh;
		padding-top: 5.84em;
	}

	.blog_cnt .blog_bx {
		height: 220px;
	}

	.blog_cnt .blog_bx:hover .cnt_blg {
		bottom: 5px;
	}

	.blog_cnt .blog_bx .cnt_blg {
		position: relative;
		bottom: 0px;
		left: auto;
		width: 100%;
		background: transparent;
		transform: none;
	}

	.blog_cnt .blog_bx .cnt_blg p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.blog_cnt .blog_bx {
		height: auto;
	}

	.blog_cnt .blog_bx img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	#contactmodal .lft_img {
		margin-bottom: 20px;
	}

	#contactmodal .modal-dialog .map {
		height: 300px;
	}

	.btn_frm {
		text-align: center;
	}

	.inr_prjct {
		padding: 30px 20px;
		height: 400px;
	}

	h1.chargd_vds {
		font-size: 70px;
	}

	.project_detail {
		flex-wrap: wrap;
	}

	.chargd_vds img {
		height: 250px;
	}

	.mag img {
		bottom: -40%;
	}

	.chargd_vds {
		top: 25%;
	}

	#blogmodal .modal-dialog .modal-content,
	#teammodal .modal-dialog .modal-content,
	#blogdetailmodal .modal-dialog .modal-content,
	#contactmodal .modal-dialog .modal-content,
	#philosophymodal .modal-dialog .modal-content,
	#awardsmodal .modal-dialog .modal-content,
	#publicationsmodal .modal-dialog .modal-content {
		min-height: auto;
		overflow-y: auto;
	}

	.team-box h3 {
		font-size: 18px;
		font-weight: 600;
	}

	footer h3,
	footer p {
		text-align: center;
	}

	footer p {
		margin-bottom: 10px;
	}

	.team-box h5 {
		font-size: 16px;
		font-weight: 400;
	}

	.team-box,
	.team-box h3,
	.team-box h5 {
		text-align: center;
	}

	ul.team-icon {
		justify-content: center;
	}

	.mag {
		width: 34vw;
		height: 50vw;
	}

	.mag_head {
		font-size: 6vw;
		line-height: 7vw;
	}

	.mag_stamp {
		bottom: -5.9vw;
		font-size: 2vw;
		line-height: 2vw;
		font-family: 'Barlow', sans-serif !important;
	}

	.nav-link {
		font-size: 24px;
	}

	.hd_tgln {
		font-size: 16px;
	}

	.nav-list li.nav-item {
		margin: 0 0px 20px 0px;
	}

	.nav-list li.nav-item:last-child {
		margin-bottom: 0px;
	}

	.nacc_li ul li {
		width: 22.9%;
	}

	.nacc_li ul li:nth-child(5n) {
		margin-right: 20px;
	}

	.nacc_li ul li:nth-child(4n) {
		margin-right: 0px;
	}

	.naccs .grid .gc:first-child {
		height: auto;
	}

	.grid {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 90vh;
	}
}

@media (max-width:991px) {
	.og-grid li {
		max-width: 49%;
	}

	.og-details p {
		font-size: 15px;
	}
.social-icons ul {
    /* display: flex; */
    /* align-items: flex-start; */
    /* justify-content: flex-start; */
    list-style: none;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 13px;
    position: absolute;
    left: 217px;
}
.social-icons ul li {
    /* text-align: right; */
    margin-right: 10px;
    display: inline-block;
}
	.og-expander-inner {
		padding: 0 3%;
	}

	.og-close {
		position: absolute;
		width: 40px;
		height: 40px;
		top: -3px;
		right: 39px;
		cursor: pointer;
		z-index: 9;
	}
}

@media(min-width:991px) {
	* {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
}

@media (max-width: 767px) {
	#blogdetailmodal .bacon-blog-post .wp-post-image {
		height: auto;
	}

	figure.effect-julia img {
		height: 355px;
	}

	.inner-header .nav-list .nav-link:hover {
		color: #fff;
	}

	.slideshow-text {
		font-size: 40px;
	}

	.c-hero.text-center {
		margin-bottom: 0px;
	}

	.call-info {
		padding: 30px 0 0px;
	}

	.og-grid li {
		max-width: 100%;
		width: 100%;
	}

	.og-expander-inner {
		padding: 0;
	}

	.og-details p {
		font-size: 15px;
	}

	.og-close {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0px;
		right: 10px;
		z-index: 9;
		cursor: pointer;
	}

	section.team {
		padding: 0px 0;
		margin-top: 0;
	}

	.blog_cnt {
		padding: 20px;
		margin-top: 10px;
	}

	.img-block {
		display: block !important;
	}

	.inner-header {
		background-color: #fff;
	}

	#blogdetailmodal .footer-links {
		display: block;
	}

	.inner-header .hd_tgln,
	.inner-header .navbar-brand,
	.inner-header .nav-link {
		color: #fff;
	}

	.inner-header .hamburger.active .line {
		background-color: #fff;
	}

	#blogdetailmodal .buttons {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#blogdetailmodal .footer-links .social-links {
		display: flex;
		align-items: normal;
		justify-content: center;
		text-align: center;
	}

	section.philosophy {
		padding: 20px 10px;
	}

	.nacc {
		padding: 0;
	}

	.naccs .menu div.active {
		font-size: 16px;
		font-weight: 500;
	}

	section.philosophy .inner-wrap {
		position: unset;
		padding: 0px;
	}

	section.philosophy .section-title h2 {
		font-size: 22px;
		margin-bottom: 30px;
	}

	.team-box figure.effect-julia {
		float: unset;
		margin-right: 0px;
	}

	.team .section-title h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}

	.center-header {
		text-align: left;
		width: 100%;
	}

	.left-header {
		width: 0%;
	}

	.right-header {
		width: 100%;
	}

	.hamburger {
		height: 20px;
		float: right;
	}

	.slide-3 {
		object-position: left !important;
	}

	.naccs .menu div {
		padding: 15px 10px;
	}
}

@media (min-height: 500px) and (max-height: 800px) {
	#more-info-sub.press {
		left: 185px;
	}
}

@media only screen and (max-width: 768px) {
	#nav-icon {
		padding: 5px;
	}

	#nav-icon span {
		margin: 6px 0 0 38px;
	}

	.swiper-container.child-slider {
		width: 100% !important;
		height: 100% !important;
	}

	nav {
		padding: 10px 10px;
	}

	.hamburger {
		width: 40px;
	}

	.hamburger .line:nth-child(2) {
		width: 30px;
	}

	.hamburger .line:nth-child(3) {
		width: 20px;
	}

	.navbar-brand img {
		width: 80px;
	}

	.chargd_vds img {
		height: 170px;
	}

	.chargd_vds {
		top: 45%;
	}
}

@media only screen and (max-width: 767px) {
	#philosophymodal .modal-dialog .modal-body .modal-footer {
		position: unset;
		width: 100%;
		bottom: 0;
		justify-content: flex-start;
		padding-left: 0;
		margin-top: 30px;
	}

	.slider img {
		width: 100%;
	}

	#contactmodal .modal-content .modal-body {
		padding: 0;
	}

	#awardsmodal .award-troply img,
	#awardsmodal .award-right-content img,
	#awardsmodal .left-img img,
	#awardsmodal .left-img img {
		width: 100%;
	}

	#philosophymodal .modal-dialog .modal-body img {
		width: 100%;
	}

	#awardsmodal .meet-trophy {
		padding: 40px 0;
	}

	#awardsmodal .trophy-content img {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}

	#awardsmodal .award-banner h3 {
		font-size: 26px;
		font-weight: bold;
		line-height: 29px;
		margin-top: 0;
		color: #ffff;
	}

	#awardsmodal .award-bottom-section {
		padding: 20px;
		background: #f7f7f7;
	}

	#awardsmodal .meet-trophy .award-content {
		padding-left: 0;
		padding-top: 10px;
		padding-right: 0;
	}

	#teammodal .modal-dialog .modal-content {
		padding: 0 !important;
	}

	#full-width-grid {
		overflow: initial;
		overflow-x: hidden !important;
	}

	#full-width-grid .jma-logo {
		top: 22px;
		left: 22px;
	}

	#left,
	#right {
		top: 0;
		bottom: 0;
		width: 10px;
	}

	#top,
	#bottom {
		left: 0;
		right: 0;
		height: 10px;
	}

	.lfh-logo .img-default,
	.lfh-logo .img-hover {
		background-size: 110px 63px;
		width: 110px;
		height: 63px;
	}

	.logo-bars,
	.logo-type {
		top: 22px;
		left: 22px;
	}

	#news-banner {
		display: none;
	}

	.homepage .lfh-logo {
		display: block;
	}

	.lfh-logo {
		display: none;
		width: 110px;
		bottom: 22px;
		right: 22px;
	}

	#nav-icon {
		bottom: 23px;
		left: 23px;
		background-image: url(../images/nav-icon-retina.html);
		background-repeat: no-repeat;
		background-position: 0 2px;
		background-size: 23px 22px;
		width: 23px;
		height: 22px;
	}

	.new #nav-icon {
		background: none;
	}

	#nav-icon.new svg {
		position: relative;
		height: 49px;
		left: -16px;
		width: 46px;
		top: -8px;
	}

	#nav-icon:hover {
		background-position: top left;
	}

	#nav-icon span {
		margin: -1px 0 0 31px;
	}

	#nav-icon span:hover {
		color: #fff;
	}

	#plus-icon {
		right: 23px;
		background: url(../images/plus-icon-retina.html) no-repeat;
		background-size: 23px 23px;
		width: 23px;
		height: 23px;
		top: 25px;
	}

	#plus-icon.new svg {
		position: relative;
		top: -11px;
		width: 45px;
		left: -11px;
	}

	#plus-icon:hover {
		background-position: top left;
	}

	#top-arrow {
		top: 19px;
	}

	#top-arrow:hover {
		background-position: top left;
	}

	#right-arrow {
		right: 18px;
	}

	#right-arrow:hover {
		background-position: top left;
	}

	#bottom-arrow {
		bottom: 19px;
	}

	#bottom-arrow:hover {
		background-position: bottom left;
	}

	#left-arrow {
		left: 18px;
	}

	#left-arrow:hover {
		background-position: top left;
	}

	#caption {
		display: none;
	}

	#caption-home {
		left: 20px;
		bottom: 100px;
		width: 70%;
		text-align: left;
	}

	#supersized li {
		border-left: 10px solid #fff !important;
		border-right: 10px solid #fff !important;
	}

	#more-info-container {
		right: 0px;
		top: auto;
		width: 100%;
		background: #fff;
		z-index: 99999;
		visibility: visible;
	}

	#more-info-container>#more-info {
		font-size: 14px;
		letter-spacing: 0.025em;
		text-align: left;
		width: 100%;
		padding: 0;
		bottom: auto !important;
		background-color: #fff;
		color: #4D4F53;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		opacity: 1;
		visibility: visible;
	}

	#more-info-container>#more-info .inner-wrap {
		padding: 25px 15px;
		display: none;
	}

	#more-info-container>#more-info .inner-wrap .project-info-wrap {
		max-height: 300px;
		overflow: auto;
	}

	#more-info {
		width: 30px;
		bottom: 50px;
		right: 17px;
		text-align: center;
		background: none;
		padding: 0;
		z-index: 9999999999;
	}

	.more-toggler {
		background: url(../images/plus-icon-retina.html) no-repeat;
		background-size: 23px 23px;
		width: 23px;
		height: 23px;
		position: absolute;
		bottom: -46px;
		right: 23px;
	}

	.more-toggler.active {
		bottom: -30px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	#more-info-container>#more-info {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	#more-info.updated #share a#facebook-share .svg path,
	#more-info.updated #share a#google-share .svg path,
	#more-info.upda#more-info #share a+ated #share a#PinItButton .svg path,
	#more-info.updated #share a#twitter-share .svg path {
		fill: #b8b8b8;
	}

	#more-info h1 {
		display: none;
	}

	#plus-icon.invisible,
	#plus-icon.visible {
		display: none !important;
	}

	#more-info #share {
		width: auto;
		margin: 0;
		float: none;
	}

	#more-info-container>#more-info #share {
		float: none;
	}

	#more-info #share span {
		font-size: 15px;
		letter-spacing: 2px;
		display: block;
		float: none;
		margin-bottom: 10px;
		color: #b8b8b8;
	}

	#more-info.updated #share a#facebook-share,
	#more-info.updated #share a#google-share,
	#more-info.updated #share a#PinItButton,
	#more-info.updated #share a#twitter-share {
		border-radius: 0;
	}

	#more-info #share a {
		float: none !important;
		display: inline-block;
		margin: 0 auto 0;
		cursor: pointer;
		text-align: center;
	}

	#more-info #share a+a {
		margin-left: 5px;
	}

	h1#project-title {
		position: fixed;
		right: 23px;
		bottom: 20px;
	}

	#bottom-arrow,
	#top-arrow {
		display: none !important;
	}

	body#grid {
		background-color: #fff;
	}

	.section .span_1_of_3 {
		width: 100%;
		margin-bottom: 10px;
	}

	.project a {
		color: #fff;
	}

	.project .project-name {
		display: block !important;
		background: rgba(0, 0, 0, 0.4) !important;
	}

	.project .project-name div {
		top: 80% !important;
	}

	body#subpage #supersized-loader {
		display: none;
	}

	body#subpage .logo-bars {
		position: absolute;
	}

	body#subpage .logo-type {
		position: absolute;
	}

	#more-info-sub {
		width: 75%;
		height: 100%;
		top: 85px;
		left: 38px;
		margin-bottom: 90px;
	}

	#more-info-sub h1 {
		margin-bottom: 15px;
	}

	#more-info-sub p {
		font-size: 1.1em;
	}

	#more-info-sub p .ffcredit span {
		display: block;
	}

	#more-info-sub.gray-bg {
		background-color: transparent;
	}

	#client-quote {
		display: none;
	}

	#more-info-client {
		width: 75%;
		top: 82px;
		left: 55px;
	}

	#more-info-client h1 {
		margin-bottom: 3px;
		font-size: 18px;
	}

	#more-info-client p {
		font-size: 1em;
	}

	#more-info-client p:last-child {
		padding-bottom: 75px;
	}

	#login-form {
		bottom: 17px;
		right: 75px;
	}

	#client #bottom {
		z-index: 10;
	}

	#client .logo-type,
	#client .logo-bars {
		position: relative !important;
		top: 20px;
		left: 10px;
	}

	#client #nav-icon {
		z-index: 99999999999;
	}

	#client-container {
		zoom: 1;
	}

	#client-container .span_2_of_6 {
		width: 100%;
	}

	#client-container .span_4_of_6 {
		width: 83%;
		padding: 10px 20px 10px 40px;
	}

	#client-container .client-list {
		margin: 50px 20px 0 10px;
	}

	#client-container .client-list h1 {
		font: normal 300 1.25em "museo-sans", sans-serif;
		margin: 0px 0 20px;
	}

	#client-container .client-list ul li {
		background: url(../images/crosshair.html) 0px 5px no-repeat;
		padding-left: 13px;
		font: normal 300 .9em "museo-sans", sans-serif;
		margin-bottom: 3px;
	}

	#client-container .client-list ul li a {
		color: #fff;
		text-decoration: none;
	}

	#client-container .client-list.upcoming-projects {
		margin-bottom: 180px;
	}

	#client-container #client-left {
		float: right;
		margin: 35px 0 0 0;
	}

	#client-container #client-left h1,
	#client-container #client-left ul li a {
		display: none !important;
	}

	#client-container #client-left .client-gallery select,
	#client-container #client-left .client-file select {
		display: block;
		width: 120px;
		float: right;
		margin-right: 10px;
	}

	#client-container #client-left .client-file select {
		margin: 8px 10px 12px 0;
	}

	#client-container #galleria-folio {
		margin-top: 10px;
		margin-left: 50px;
		float: left;
		width: 83%;
	}

	#client-container .galleria-thumbnails .galleria-image {
		width: 237px;
		margin-right: 0;
	}

	#client-container .galleria-plus {
		background-color: transparent;
	}

	#client-container .galleria-plus span {
		display: none;
	}

	#client-container .galleria-info {
		font-size: 1em;
	}

	#client-container #client-upload {
		margin-top: 10px;
		margin-left: 50px;
		float: left;
		width: 79%;
	}

	#client-container #client-upload .info {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#client-container #client-upload .info h3 span {
		display: none;
	}

	#client-container #client-upload form {
		margin: -20px 0 -10px;
	}

	#client-container #client-upload .fu-success {
		width: 220px;
		margin-bottom: 30px;
		display: block;
	}

	#client-container #client-upload label {
		font-size: .8em;
		margin-right: 2px;
	}

	#client-container #client-upload input.upload {
		width: 174px;
		height: 14px;
		padding: 4px;
		background-color: transparent;
		margin: 0 0 8px 0;
		color: #BCBDBC;
		font: normal 700 .5em "museo sans", sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	#client-container #client-upload input.submit-upload {
		height: 16px;
		width: 80px;
		margin-left: 5px;
		position: relative;
		z-index: 9;
	}

	#client-container #client-upload .file-title {
		padding-bottom: 12px !important;
		bottom: 2px !important;
	}

	#client-container .recent-uploads h3 {
		font-size: .75em;
	}

	#hello-user {
		display: none;
	}

	#logout {
		top: 20px;
		right: 20px;
		position: absolute;
	}

	.jma-logo {
		position: absolute;
		width: 110px;
		height: 50px;
	}

	#full-width-grid .main-logo.new {
		top: -15px;
		width: 120px;
		max-width: none;
		left: -5px;
	}

	#full-width-grid {
		padding: 0 10px;
	}

	#firm-grid {
		font: normal 300 14px "museo-sans", sans-serif;
	}

	#full-width-grid #top,
	#full-width-grid #bottom {
		height: 10px;
	}

	#full-width-grid #nav-icon {
		background: url(../images/nav-icon-dark.html) no-repeat;
		padding: 10px 10px 0;
		background-color: #fff;
		background-size: 20px;
		background-position: center;
		left: 20px;
		bottom: 32px;
	}

	#full-width-grid #nav-icon {
		background: none;
		background-image: none;
		padding-left: 0;
	}

	#full-width-grid #nav-icon.new svg {
		position: relative;
		height: 42px;
		left: -11px;
		width: 45px;
		top: -10px;
	}

	.two-column {
		padding-top: 30px;
		margin: 0 -5px;
	}

	.two-column>div {
		padding: 5px;
	}

	.two-column div em {
		padding-bottom: 15px;
		margin-top: -32px;
	}

	.two-column div span {
		margin-top: -17px;
		padding: 0 25px;
	}

	.awards-list {
		padding-top: 50px;
	}

	.hero-bg {
		height: 216px !important;
	}

	.quote-slideshow {
		padding-top: 246px;
	}

	.quote-slideshow .quote {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		text-align: left;
		font: normal 300 13px "museo-sans", sans-serif;
	}

	.quote-slideshow .quote blockquote {
		font: normal 700 13px "museo-sans", sans-serif;
	}

	#content-nav {
		margin: 30px 0 20px;
	}

	#content-nav li {
		margin: 0 5.4% 7px;
	}

	#content-detail {
		padding: 0 12px;
	}

	#content-detail article img {
		padding: 10px 0;
	}

	#hero {
		height: 100% !important;
	}

	.bio-page #hero {
		height: auto !important;
	}

	.bio-page #hero .caption {
		position: relative;
		left: auto;
		top: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		padding: 30px 32px;
	}

	#content-detail h1,
	#content-detail h2,
	#content-detail h3 {
		font: normal 700 14px "museo-sans", sans-serif;
	}

	.about-studio {
		margin-top: 30px;
	}

	.member-list {
		padding: 10px 0;
	}

	.member-list .member .mem-overlay {
		display: block;
		opacity: 0;
	}

	.member-list .member:hover .mem-caption {
		opacity: 1;
	}

	html,
	body {
		height: calc(100% - 10px);
	}

	.parent-slider .swiper-button-prev,
	.parent-slider .swiper-container-rtl .swiper-button-next {
		left: 0%;
	}

	.parent-slider .swiper-button-next,
	.parent-slider .swiper-container-rtl .swiper-button-prev {
		right: 0%;
	}

	.nav-link {
		text-align: center;
	}

	.nav-list li.nav-item .dropdown.active {
		transform: translateY(3px) translateX(-50%);
	}

	.nav-list li.nav-item .dropdown.active {
		visibility: visible;
		opacity: 1;
		transform: translateY(3px) translateX(-50%);
	}

	.nav-list li.nav-item .dropdown {
		left: 50%;
	}

	.nav-list li.nav-item {
		margin-bottom: 20px;
	}

	h1.chargd_vds {
		font-size: 55px;
	}

	.chargd_vds {
		top: 30%;
	}

	.chargd_vds img {
		height: 150px;
	}

	.sngle_bx fieldset textarea {
		height: 102px;
	}

	#contactmodal .modal-dialog h2,
	#blogmodal .modal-dialog h2,
	#teammodal .modal-dialog h2,
	#blogdetailmodal .modal-dialog h2 {
		font-size: 28px;
	}

	.blg_bx .cnt_blg h3 {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.blg_bx .cnt_blg p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.post-title {
		margin-bottom: 5px;
	}

	.ryt_cnt .meta-data {
		margin-bottom: 20px;
	}

	.modal-dialog h2 {
		font-size: 26px !important;
	}

	.prjct_mdl_bx {
		max-width: 550px;
	}

	#publicationsmodal .inner-wrap {
		margin-bottom: 30px;
	}

	#publicationsmodal .inner-wrap h5 {
		margin-bottom: 10px;
	}

	#awardsmodal .post-title a {
		font-size: 18px;
	}

	#awardsmodal .award-img.text-right {
		text-align: left;
	}

	#blogmodal .blg_bx {
		max-height: 100%;
	}

	#blogmodal .cnt_blg {
		padding: 18px;
	}

	#blogmodal .col-xl-4:first-child {
		padding-left: 10px;
	}

	#blogmodal .blog-wrap {
		margin-bottom: 20px;
	}

	#blogmodal .modal-body {
		padding: 1rem;
	}

	#blogdetailmodal .modal-body {
		padding: 1rem;
	}

	#blogdetailmodal .modal-footer {
		justify-content: center;
		padding: 2rem;
		display: flex;
		align-items: center;
	}

	#awardsmodal .modal-dialog .modal-body,
	#publicationsmodal {
		padding: 1rem;
	}

	.pub_mdlttl,
	h4.modl_subttl {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#publicationsmodal .publication-bottom-section {
		padding: 1em 1em;
	}

	#publicationsmodal .right-section ul li {
		width: 100%;
	}

	#publicationsmodal .right-section h3 {
		font-size: 24px;
	}

	#awardsmodal .award-img {
		height: auto;
	}

	.hamburger {
		width: 30px;
	}

	.hamburger .line:nth-child(2) {
		width: 25px;
	}

	.hamburger {
		height: 20px;
	}

	.hd_tgln {
		font-size: 14px;
	}

	.naccs .menu div {
		font-size: 14px;
	}

	.naccs .menu div.active {
		font-size: 14px;
		font-weight: 500;
	}

	.naccs .menu div.active span {
		font-size: 14px;
	}

	.nacc_li ul li {
		width: 22.2%;
	}

	.nacc_li ul li p {
		padding: 5px 5px 0px 5px;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.naccs {
		/*margin-top: 20px;*/
	}

	.grid {
		/*height: 93vh;*/
	}

	.c-head {
		font-size: 100px;
	}

	.email-info {
		font-size: 24px;
	}

	.ext-li.c {
		font-size: 4vh;
	}

	.c-hero {
		padding-bottom: 12vh;
	}

	.logo_fix {
		height: 80px;
		width: 70px;
	}
}

@media(max-width:575px) {
	.nav-link {
		font-size: 16px;
	}

	.lft_img img {
		height: auto;
	}

	.mag_img-w {
		border: 2px solid #fff;
	}

	.mag {
		width: 50vw;
		height: 70vw;
	}

	.inr_prjct:hover .blob1 {
		bottom: 20px;
		right: -40px;
		transform: scale(0.3);
	}

	#blogmodal .modal-dialog .modal-content,
	#teammodal .modal-dialog .modal-content,
	#blogdetailmodal .modal-dialog .modal-content {
		padding: 15px 10px 0px;
		min-height: auto;
		overflow-y: auto;
	}

	#philosophymodal .modal-dialog .content,
	#teammodal .modal-dialog .content,
	#awardsmodal .modal-dialog .content,
	#publicationsmodal .content {
		padding: 20px 10px;
		min-height: auto;
		overflow-y: auto;
	}

	#contactmodal .modal-dialog .modal-content {
		padding: 20px 10px;
		min-height: auto;
		overflow-y: auto;
	}

	#philosophymodal .modal-dialog,
	#teammodal .modal-dialog,
	#awardsmodal .modal-dialog,
	#publicationsmodal,
	#contactmodal .modal-dialog,
	.modal-dialog,
	#blogmodal .modal-dialog,
	#blogdetailmodal .modal-dialog {
		overflow: hidden;
	}

	.parent-slider .swiper-button-prev,
	.parent-slider .swiper-container-rtl .swiper-button-next {
		left: 1%;
	}

	.parent-slider .swiper-button-next,
	.parent-slider .swiper-container-rtl .swiper-button-prev {
		right: 1%;
	}

	.child-slider .swiper-button-prev h2,
	.child-slider .swiper-button-next h2 {
		display: none;
	}

	h1.chargd_vds {
		font-size: 30px;
	}

	h1.chargd_vds {
		top: 30%;
	}

	.navbar-brand img {
		width: 50px;
		height: auto;
	}

	.naccs .menu div {
		height: 75px;
	}

	.chargd_vds img {
		height: 150px;
	}

	.mag img {
		bottom: -40%;
	}

	.hamburger {
		margin-right: 14px;
	}

	.nacc {
		padding-top: 0px;
	}

	.slider-banner img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.naccs .menu {
		margin: 10px auto;
	}

	.swiper-slide-inner:before {
		background: linear-gradient(#00000087 60%, transparent 90%);
	}

	.cls_mdl {
		background: #000;
	}

	.cls_mdl svg path {
		fill: #fff;
	}

	.pagntin .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 15px;
		opacity: 1;
	}

	.pagntin .swiper-pagination {
		width: 200px !important;
	}

	.cls_mdl {
		width: 30px;
		height: 30px;
	}

	li.prjctmdl_clck::before {
		left: 5px;
		top: 5px;
	}

	.nacc_li ul li {
		width: 28%;
	}

	.nacc_li ul li:nth-child(4n),
	.nacc_li ul li:nth-child(5n) {
		margin-right: 10px;
	}

	.nacc_li ul li:nth-child(3n) {
		margin-right: 0px;
	}

	.naccs .grid .menu {
		flex-wrap: wrap;
	}

	.nacc_li ul li {
		width: 31.5%;
		margin: -2px 10px 15px 0px;
	}

	.hd_tgln {
		display: none;
	}

	.c-head {
		font-size: 60px;
	}

	.email-info {
		font-size: 20px;
	}

	.ext-li.c {
		font-size: 3vh;
	}
}

@media(max-width:400px) {

	.pagntin .swiper-button-prev h2,
	.pagntin .swiper-button-next h2 {
		display: none;
	}

	.nacc_li ul li {
		width: 48.4%;
	}

	.nacc_li ul li:nth-child(3n) {
		margin-right: 10px;
	}

	.nacc_li ul li:nth-child(2n) {
		margin-right: 0px;
	}

	.email-info {
		margin-top: 6vw;
		margin-bottom: 5vw;
		font-size: 18px;
	}

	.c-hero {
		justify-content: center;
		padding: 0px;
	}
}

@media only screen and (max-width: 374px) {
	#content-nav li {
		margin: 0 7px 7px;
	}
}

@media(max-width:340px) {
	.inr_prjct {
		padding: 25px 20px;
	}

	.sngle_bx fieldset textarea {
		width: 100%;
		height: 100px;
	}

	.nacc_li ul li {
		width: 100%;
		margin: 0px 0px 15px 0px;
	}

	.nacc_li ul li:nth-child(3n),
	.nacc_li ul li:nth-child(4n),
	.nacc_li ul li:nth-child(5n) {
		margin-right: 0px;
	}

	.email-info {
		font-size: 16px;
		font-weight: 600;
	}

	.ext-li.c {
		font-size: 22px;
		font-weight: 700;
	}
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {

	#top,
	#bottom {
		height: 5px;
	}

	#left,
	#right {
		width: 5px;
	}

	#supersized li {
		border-left: 5px solid #fff !important;
		border-right: 5px solid #fff !important;
	}

	#caption-home {
		bottom: 75px;
	}

	h1#project-title {
		bottom: 40px;
	}

	#more-info-sub {
		left: 60px;
		width: 80%;
	}

	#more-info-sub p {
		font-size: .75em !important;
	}

	.section .span_1_of_3 {
		width: 50%;
		margin-bottom: 0px;
	}

	#client-quote {
		display: none;
	}

	#more-info-client {
		left: 60px;
		width: 80%;
	}

	#more-info-client h1 {
		padding-bottom: 70px;
	}

	#more-info-client p {
		font-size: .75em !important;
	}

	#login-form {
		position: absolute;
		width: 80%;
		top: 125px;
		left: 55px;
		z-index: 99999999;
		font: normal 300 .75em "museo-sans", sans-serif;
	}

	#login-form input.text {
		float: left !important;
		width: 140px;
		text-transform: uppercase;
		color: #a8a8a8;
		margin: 0 10px 0 0;
		padding: 4px 0 4px 8px;
		font: normal 700 .875em "museo-sans", sans-serif;
		letter-spacing: 2px;
		border: none;
	}

	#client #top {
		z-index: 99999999999;
	}

	#client #bottom {
		z-index: 99999999999;
	}

	#client-container #client-left .client-file select {
		margin-top: 2px;
	}

	#client-container #galleria-folio,
	#client-container #client-upload {
		margin-top: 10px;
		margin-left: 60px;
		float: left;
		width: 90%;
	}

	#client-container .galleria-thumbnails .galleria-image {
		width: 190px;
		margin-right: 7px;
	}
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	#more-info-client {
		width: 75%;
		top: 90px;
		left: 55px;
	}

	#more-info-client h1 {
		margin-bottom: 5px;
	}

	#more-info-client p {
		font-size: 1.1em;
	}

	#more-info-client p:last-child {
		padding-bottom: 75px;
	}

	#login-form {
		bottom: 40px;
		right: 75px;
	}

	#client-container .galleria-thumbnails .galleria-image {
		width: 234px;
	}
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#caption-home {
		bottom: 105px;
	}
}

@media only screen and (height: 320px) and (orientation: landscape) {
	#nav-icon {
		bottom: 46px;
	}

	#plus-icon {
		top: 44px;
	}

	h1#project-title {
		bottom: 70px;
	}

	#more-info-container>#more-info {
		top: 70px;
	}

	#more-info {
		bottom: 70px;
	}
}

@media only screen and (min-width: 668px) and (max-width: 1024px) {

	#left,
	#right {
		top: 0;
		bottom: 0;
		width: 15px;
	}

	#top,
	#bottom {
		left: 0;
		right: 0;
		height: 15px;
	}

	.logo-bars {
		top: 30px;
		left: 30px;
	}

	.logo-type {
		top: 30px;
		left: 30px;
	}

	#nav-icon {
		bottom: 32px;
		left: 23px;
	}

	#plus-icon {
		top: 27px;
		right: 23px;
	}

	#top-arrow {
		top: 23px;
	}

	#right-arrow {
		right: 23px;
	}

	#bottom-arrow {
		bottom: 22px;
	}

	#left-arrow {
		left: 23px;
	}

	#supersized li {
		border-left: 15px solid #fff !important;
		border-right: 15px solid #fff !important;
	}

	#more-info-container {
		right: 15px;
	}

	#more-info {
		right: 15px;
		padding: 10px 43px 50px 10px;
	}

	#more-info-sub {
		padding: 10px 10px 10px 15px;
		left: 20px;
	}

	#client-container .file-title {
		padding-bottom: 12px !important;
		bottom: 2px !important;
	}

	#client-container #galleria-folio {
		width: 70%;
	}

	#client-container .galleria-thumbnails .galleria-image {
		width: 200px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#nav-icon:hover {
		background-position: top left;
	}

	#plus-icon:hover {
		background-position: top left;
	}

	#top-arrow:hover {
		background-position: top left;
	}

	#right-arrow:hover {
		background-position: top left;
	}

	#bottom-arrow:hover {
		background-position: bottom left;
	}

	#left-arrow:hover {
		background-position: top left;
	}

	#nav-icon span:hover {
		color: #fff;
	}

	#welcome {
		font-weight: 400;
		left: 15px;
	}

	#caption-home {
		font-weight: 400;
	}

	#more-info {
		background-color: rgba(0, 0, 0, 0.5);
		font-weight: 400;
	}

	#more-info-sub {
		font-weight: 400;
	}

	.project {
		font-weight: 400 !important;
	}

	.project a {
		color: #fff;
	}

	.project .project-name {
		display: block !important;
		background: rgba(0, 0, 0, 0.4) !important;
	}

	.project .project-name div {
		top: 80% !important;
	}

	h1#project-title {
		right: 60px;
		font-weight: 400;
	}

	#caption {
		width: 50%;
	}

	#login-form {
		bottom: 263px;
		right: 0px;
	}

	.galleria-plus {
		background-color: transparent !important;
	}

	.galleria-plus span {
		display: none !important;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	body#subpage .logo-bars {
		position: absolute;
	}

	body#subpage .logo-type {
		position: absolute;
	}

	#more-info-sub {
		top: 110px;
		left: 60px;
	}

	#more-info-sub ul {
		margin-bottom: 8px;
	}

	#more-info-sub.gray-bg {
		top: 120px;
		width: 60%;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#client-container .span_2_of_6 {
		width: 100%;
	}

	#client-container .span_4_of_6 {
		width: 88%;
		padding: 0px 0px 0px 60px;
	}

	#client-container #client-left {
		margin: 175px 0 0 20px;
	}

	#client-container #client-left .fixed {
		position: relative;
	}

	#client-container #client-left h1.client-name {
		float: left;
		width: 200px;
	}

	#client-container #client-left .gallery-links {
		width: 200px;
		float: left;
	}

	#client-container #client-left .project-files {
		width: 200px;
		float: left;
	}

	#client-container .galleria-thumbnails .galleria-image {
		width: 162px;
	}

	#client-container #client-upload {
		width: 70%;
		margin-right: 10px;
	}
}

@media screen and (max-width: 568px) {
	#awards h5 {
		display: none;
	}

	.new .logo-bars .svg,
	.new .logo-bars svg,
	.new .logo-type .svg,
	.new .logo-type svg {
		top: 0px;
		left: 0px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.logo-bars {
		background-image: url(../images/logo-bars%402x.html);
	}

	.logo-type {
		background-image: url(../images/logo%402x.html);
	}

	.lfh-logo .img-default {
		background-image: url(../images/lfh-logo-white%402x.html);
	}

	.lfh-logo .img-hover {
		background-image: url(../images/lfh-logo-white-bars%402x.html);
	}

	.lfh-logo.gray .img-default {
		background-image: url(../images/lfh-logo-gray%402x.html);
		background-size: 110px 63px;
	}

	#top-arrow {
		top: 24px;
		background: url(../images/top-arrow-retina.html) no-repeat;
		background-size: 28px 16px;
		width: 28px;
		height: 16px;
		margin-left: -14px;
	}

	#right-arrow {
		right: 23px;
		background: url(../images/right-arrow-retina.html) no-repeat;
		background-size: 16px 28px;
		width: 16px;
		height: 28px;
		margin-top: -19px;
	}

	#bottom-arrow {
		bottom: 24px;
		background: url(../images/down-arrow-retina.html) no-repeat;
		background-size: 28px 16px;
		width: 28px;
		height: 16px;
		margin-left: -14px;
	}

	#left-arrow {
		left: 23px;
		background: url(../images/left-arrow-retina.html) no-repeat;
		background-size: 16px 28px;
		width: 16px;
		height: 28px;
		margin-top: -19px;
	}

	#more-info #share #facebook-share {
		background: url(../images/social_fb_retina.html) no-repeat !important;
		background-size: 24px 24px !important;
		width: 24px !important;
		height: 24px !important;
	}

	#more-info #share #twitter-share {
		background: url(../images/social_twitter_retina.html) no-repeat !important;
		background-size: 24px 24px !important;
		width: 24px !important;
		height: 24px !important;
	}

	#more-info #share #google-share {
		background: url(../images/social_google_retina.html) no-repeat !important;
		background-size: 24px 24px !important;
		width: 24px !important;
		height: 24px !important;
	}

	#more-info #share #PinItButton {
		background: url(../images/social_pinterest_retina.html) no-repeat !important;
		background-size: 24px 24px !important;
		width: 24px !important;
		height: 24px !important;
	}

	#more-info.updated #share a#facebook-share,
	#more-info.updated #share a#google-share,
	#more-info.updated #share a#PinItButton,
	#more-info.updated #share a#twitter-share {
		background: none !important;
	}

	#menu #menu-inner .styled-select {
		background-image: url(../images/select_arrow_retina.html);
		background-size: 16px 8px !important;
	}

	a.email-icon {
		background: url(../images/email_icon-retina.html) no-repeat 0px 3px !important;
		background-size: 16px 10px !important;
		width: 16px !important;
		height: 10px !important;
		line-height: 160% !important;
	}

	a#facebook-connect {
		background: url(../images/social_fb_retina.html) no-repeat top left !important;
		background-size: 18px 18px !important;
		width: 18px !important;
		height: 18px !important;
		margin-right: 7px;
	}

	a#google-connect {
		background: url(../images/social_google_retina.html) no-repeat top left !important;
		background-size: 18px 18px !important;
		width: 18px !important;
		height: 18px !important;
		margin-right: 7px;
	}

	.galleria-close {
		background: url(../images/galleria-folio/close_2x.html) no-repeat 0 0 !important;
		background-size: 30px 60px !important;
		width: 30px !important;
		height: 30px !important;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 768px) and (max-device-width: 1024px),
(min-resolution: 192dpi) and (min-device-width: 768px) and (max-device-width: 1024px) {
	.logo-bars {
		background-image: url(../images/logo-bars%402x.html);
		background-size: 155px 71px;
	}

	.logo-type {
		background-image: url(../images/logo%402x.html);
	}

	.lfh-logo .img-default {
		background-image: url(../images/lfh-logo-white%402x.html);
	}

	.lfh-logo .img-hover {
		background-image: url(../images/lfh-logo-white-bars%402x.html);
	}

	.lfh-logo.gray .img-default {
		background-image: url(../images/lfh-logo-gray%402x.html);
		background-size: 110px 63px;
	}

	#top-arrow {
		top: 30px;
	}

	#right-arrow {
		right: 29px;
	}

	#bottom-arrow {
		bottom: 30px;
	}

	#left-arrow {
		left: 29px;
	}

	#more-info #share #facebook-share {
		background: url(../images/social_fb_retina.html) no-repeat !important;
		background-size: 18px 18px !important;
		width: 18px !important;
		height: 18px !important;
	}

	#more-info #share #twitter-share {
		background: url(../images/social_twitter_retina.html) no-repeat !important;
		background-size: 18px 18px !important;
		width: 18px !important;
		height: 18px !important;
	}

	#more-info #share #google-share {
		background: url(../images/social_google_retina.html) no-repeat !important;
		background-size: 18px 18px !important;
		width: 18px !important;
		height: 18px !important;
	}

	#more-info #share #PinItButton {
		background: url(../images/social_pinterest_retina.html) no-repeat !important;
		background-size: 18px 18px !important;
		width: 18px !important;
		height: 18px !important;
	}
}

@media (max-width:375px) {
	.swiper-container.child-slider {
		width: 100% !important;
		height: 100% !important;
	}
}

@media (max-width:360px) {
	.swiper-container.child-slider {
		width: 100% !important;
		height: 100% !important;
	}
}

/*# sourceMappingURL=style.css.map