@namespace svg url("http://www.w3.org/2000/svg");
@font-face {
	font-family: TheanoDidot-Regular;
	src: url(../fonts/TheanoDidot-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/TheanoDidot-Regular.woff2) format("woff2"), url(../fonts/TheanoDidot-Regular.woff) format("woff"), url(../fonts/TheanoDidot-Regular.ttf) format("truetype"), url(../fonts/TheanoDidot-Regular.svg#TheanoDidot-Regular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: LatoWebBold;
	src: url(../fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Bold.woff2) format("woff2"), url(../fonts/Lato-Bold.woff) format("woff"), url(../fonts/Lato-Bold.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: LatoWebLight;
	src: url(../fonts/Lato-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Light.woff2) format("woff2"), url(../fonts/Lato-Light.woff) format("woff"), url(../fonts/Lato-Light.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: LatoWeb;
	src: url(../fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Regular.woff2) format("woff2"), url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: AGaramondPro-Regular;
	src: url(../fonts/AGaramondPro-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/AGaramondPro-Regular.woff2) format("woff2"), url(../fonts/AGaramondPro-Regular.woff) format("woff"), url(../fonts/AGaramondPro-Regular.ttf) format("truetype"), url(../fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: AGaramondPro-Bold;
	src: url(../fonts/AGaramondPro-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/AGaramondPro-Bold.woff2) format("woff2"), url(../fonts/AGaramondPro-Bold.woff) format("woff"), url(../fonts/AGaramondPro-Bold.ttf) format("truetype"), url(../fonts/AGaramondPro-Bold.svg#AGaramondPro-Bold) format("svg");
	font-weight: normal;
	font-style: normal;
}
.hide-me-from-older-browsers {
	display: none; visibility: hidden;
}
svg|g.hide-me-from-older-browsers {
	display: inline; visibility: visible;
}
@media all and (min-width:992px)
{
.col5 {
	width: 20%; padding-right: 15px; padding-left: 15px; float: left; position: relative; min-height: 1px;
}
}
::selection {
	color: rgb(255, 255, 255); background-color: rgb(241, 67, 0);
}

a {
	transition:0.3s; color: inherit; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
a:hover {
	color: rgb(241, 67, 0); text-decoration: none;
}
a:focus {
	color: inherit; text-decoration: none;
}
button {
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
button:focus {
	outline: 0px;
}
.nowrap {
	white-space: nowrap;
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
#preloader {
	background: url("../images/loader.gif") no-repeat center rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; overflow: visible; position: fixed; z-index: 999;
}
.sr .fooReveal {
	visibility: hidden;
}
.menu-burger {
	background-position: center; margin: auto; border: 0px currentColor; transition:0.5s; border-image: none; width: 24px; height: 32px; display: block; cursor: pointer; background-image: url("../images/icon-menu.svg"); background-repeat: no-repeat; background-size: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.no-svg .menu-burger {
	background-position: center; transition:0.5s; cursor: pointer; background-image: url("../images/icon-menu.png"); background-repeat: no-repeat; background-size: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.menu-burger:hover {
	transition:0.5s; background-size: 0%; -webkit-transition: all .5s ease;
}
.menu-burger:hover .menu-burgerimg {
	transition:0.5s; opacity: 1; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-filter: blur(0);
}
.menu-burgerimg {
	transition:0.5s; width: 24px; height: 32px; text-align: center; display: block; opacity: 0; transform: translateZ(0px); -webkit-transition: all .5s ease; -webkit-transform: translateZ(0); -webkit-filter: blur(25px); will-change: transform;
}
.nav_removef {
	display: none;
}
.nav_removehover:hover {
	background-size: auto;
}
body.home {
	width: 100%; height: 100%;
}
body.home .header {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
body.navmenu-activate .header {
	overflow: auto;
}
body.home .header nav {
	top: 0px; width: 100%; text-align: center; margin-top: 4em; margin-bottom: 2em; position: absolute; z-index: 102;
}
body.home .header nav .menu-btn {
	margin: 0px auto; width: 27px; height: 35px; position: relative;
}
.hero {
	width: 100%; height: 100%; overflow: hidden; padding-top: 100px; display: table; position: relative;
}
.main-hero_wrapper1 {
	display: table-row;
}
.main-hero_wrapper2 {
	height: 42%; display: table-row;
}
.main-hero {
	width: 100%; text-align: center; vertical-align: bottom; display: table-cell;
}
.main-hero h1 {
	margin: 0.3em auto 0px; width: 15em; text-transform: uppercase; line-height: 0.9em; letter-spacing: 0.01em; font-size: 6.6em; font-family: 'Roboto Light', Lato, sans-serif; font-size: 70px; line-height: 68px
}
.main-logo {
	margin: 0px auto;
}
.main-btn {
	transition:top 0.5s;
}
.show-btn {
	top: 9em; position: relative; z-index: 1060;
}
.btn-main {
	background: rgb(241, 67, 0); margin: 2.5em auto 0px; padding: 0.4em 2em; border: currentColor; transition:0.5s; border-image: none; width: 12em; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.02em; font-family: "LatoWebBold", sans-serif; font-size: 1.5em; display: block; -ms-text-overflow: clip; box-sizing: content-box; transform: skewX(-20deg); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transform: skewX(-20deg); -moz-transition: all 0.5s ease; -o-text-overflow: clip;
}
.btn-main_txt {
	display: block; transform: skewX(20deg); -webkit-transform: skewX(20deg);
}
.btn-main::after {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 0px; width: 0%; height: 100%; position: absolute; z-index: -1; content: ""; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}
.btn-main:hover {
	color: rgb(241, 67, 0);
}
.btn-main:active {
	color: rgb(241, 67, 0);
}
.btn-main:hover::after {
	width: 100%;
}
.btn-main:active::after {
	width: 100%;
}
.main-play {
	text-align: center; display: table-cell; position: relative;
}
.btn-play {
	margin-top: 10em; display: inline-block; cursor: pointer;
}
.main-line_bottom {
	background: rgb(255, 255, 255); margin: -4px 0px 0px -1px; left: 50%; width: 1px; height: 100%; position: relative;
}
#video-bg {
	left: 0px; top: 0px; width: auto; height: auto; right: 0px; bottom: 0px; overflow: hidden; display: none; position: fixed; z-index: -1; min-height: 100%; min-width: 100%;
}
#bgvid {
	left: 50%; top: 50%; width: auto; height: auto; position: absolute; min-height: 100%; min-width: 100%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); object-fit: cover; -moz-transform: translateX(-50%) translateY(-50%);
}
.video-overlay {
	background: rgba(0, 0, 0, 0.2); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
.bgvid-poster {
	background: url("../images/vid-poster.jpg") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
#mobile-vid {
	display: none; position: absolute;
}
#slider-bg {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: none; position: fixed; z-index: -1;
}
.slider-overlay {
	background: rgba(0, 0, 0, 0.85); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
#bgCarousel {
	width: 100%; height: 100%;
}
#bgCarousel .carousel {
	height: 100%;
}
#bgCarousel .item {
	height: 100%;
}
#bgCarousel .active {
	height: 100%;
}
#bgCarousel .carousel-inner {
	height: 100%;
}
#bgCarousel .fill {
	background-position: bottom; animation:bgzoom 20000ms linear infinite alternate; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -webkit-animation: bgzoom 20000ms linear 0s infinite alternate; -moz-background-size: cover; -o-background-size: cover;
}
.carousel-fade .carousel-inner .item {
	transition-property: opacity; -webkit-transition-property: opacity;
}
.carousel-fade .carousel-inner .item {
	opacity: 0.1;
}
.carousel-fade .carousel-inner .left.active {
	opacity: 0.1;
}
.carousel-fade .carousel-inner .right.active {
	opacity: 0.1;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .left.next {
	opacity: 1;
}
.carousel-fade .carousel-inner .right.prev {
	opacity: 1;
}
.carousel-fade .carousel-inner .next {
	left: 0px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner .prev {
	left: 0px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner .left.active {
	left: 0px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner .right.active {
	left: 0px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.close {
	transition:0.3s; width: 56px; height: 56px; color: rgb(241, 67, 0); opacity: 1; text-shadow: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.close:hover {
	color: rgb(204, 204, 204); opacity: 1;
}
.close:focus {
	color: rgb(204, 204, 204); opacity: 1;
}
.modal-header {
	border: currentColor; border-image: none;
}
.modal-footer {
	border: currentColor; border-image: none;
}
.fade.modal-fullscreen .modal-dialog {
	transition:0.5s !important; opacity: 0; transform: scale(0.1) !important; -webkit-transition: all 0.5s; -webkit-transform: scale(0.1); -moz-transition: all 0.5s; -moz-transform: scale(0.1);
}
.in.fade.modal-fullscreen .modal-dialog {
	opacity: 1; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: scale(1);
}
.modal-fullscreen .modal-content {
	background: rgb(0, 0, 0); border: 0px currentColor; border-image: none; width: 100%; height: 100%; box-shadow: none; -webkit-box-shadow: none;
}
.modal-fullscreen .modal-dialog {
	margin: 0px auto; width: 100%; height: 100%;
}
.modal-fullscreen .modal-body {
	width: 100%; height: 100%;
}
.modal-fullscreen .modal-header {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 1;
}
.modal-fullscreen .modal-footer {
	left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 1;
}
.main-vid_container {
	margin: -4em auto auto; width: 60%; height: 100%;
}
#main-vid {
	outline: 0px; width: 100%; height: 100%; overflow: hidden; position: relative; direction: ltr;
}
#main-vid_controls {
	left: 0px; width: 100%; bottom: 0px; position: absolute;
}
#replay-btn {
	background: url("../images/icon-replay.svg") no-repeat; transition:0.3s ease-in-out; width: 56px; height: 56px; text-indent: -9999px; margin-right: 0.8em; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.no-svg #replay-btn {
	background: url("../images/icon-replay.png") no-repeat; margin-right: 0.8em;
}
#replay-btn:hover {
	opacity: 0.7;
}
#play-pause-btn {
	transition:opacity 0.3s ease-in-out; width: 56px; height: 56px; text-indent: -9999px; margin-right: 0.8em; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
}
#play-pause-btn:hover {
	opacity: 0.7;
}
.play {
	background: url("../images/btn-vid.svg") no-repeat;
}
.no-svg .play {
	background: url("../images/btn-vid.png") no-repeat;
}
.pause {
	background: url("../images/btn-vid.svg") no-repeat -56px 0px;
}
.no-svg .pause {
	background: url("../images/btn-vid.png") no-repeat -56px 0px;
}
progress {
	background: rgb(0, 0, 0); border: currentColor; border-image: none; left: 0px; width: 100%; height: 8px; bottom: 0px; color: rgb(241, 67, 0); font-size: 10px; margin-right: 5px; position: absolute;
}
.video-button {
	margin: auto auto 6em; left: 0px; text-align: center; right: 0px; bottom: 0px; position: absolute;
}
.vid-close {
	transition:0.3s ease-in-out; float: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.vid-close:hover {
	opacity: 0.7;
}
.navmenu-menu {
	left: 0px; top: 0px; width: 100%; height: auto; text-align: center; font-family: "LatoWebBold", sans-serif; margin-bottom: 1em; visibility: hidden; position: absolute; z-index: 101; opacity: 0;
}
.navmenu-animated.navmenu-menu {
	transition:0.5s ease-in-out; visibility: visible; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.navmenu-menu .navmenu-nav {
	transition:0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.nav-inside {
	display: block;
}
.navmenu-scrollable {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; position: fixed;
}
.navmenu-menu .navmenu-animated.navmenu-nav {
	opacity: 1;
}
.navmenu-horizontal.navmenu-menu .navmenu-animated.navmenu-nav {
	opacity: 1;
}
.navmenu-overlay {
	background: rgb(0, 0, 0); transition:0.5s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; visibility: hidden; position: fixed; z-index: 100; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
body.navmenu-activate .navmenu-overlay {
	visibility: visible; opacity: 1;
}
.navmenu-nav > ul > li > a {
	padding: 0.3em 0px; transition:color 0.5s ease-in-out; text-align: center; color: rgb(241, 67, 0); text-transform: uppercase; line-height: 100%; letter-spacing: 0.03em; font-size: 2.5em; display: none; -webkit-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out;
}
.navmenu-nav > ul > li > a.animated {
	display: inline-block; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.navmenu-nav > ul > li > a:hover {
	color: rgb(204, 204, 204);
}
.navmenu-nav > ul > li > a svg path {
	transition:0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.navmenu-nav > ul > li > a:hover svg path {
	stroke: #ccc;
}
.navmenu-nav > ul > li > a[data-navmenu-index]:hover::after {
	opacity: 0;
}
.navmenu-nav > ul > li > a[data-navmenu-index] {
	padding-right: 45px; position: relative;
}
.navmenu-nav > ul > li > a[data-navmenu-index]:hover::before {
	right: 0px; opacity: 1;
}
.navmenu-nav > ul > li > a.active {
	color: rgb(102, 102, 102);
}
.nav-newtab {
	margin-right: -20px;
}
.navmenu-menu .menu-btn {
	margin: 4em auto 2em; width: 27px; height: 35px; position: relative;
}

.menu-home {
	display: inline-block;
}
.menu-logo {
	margin: 1em auto 3em;
}
svg#icon-window1 {
	margin-bottom: 7px;
}
svg#icon-window2 {
	margin-bottom: 7px;
}
.menu-social {
	margin-top: 4em;
}
.menu-social ul.list-inline > li {
	padding-right: 3px; padding-left: 3px;
}
.navmenu-menu .active.menu-social {
	display: block;
}
.menu-social ul {
	transition:color 0.5s ease-in-out; display: none; -webkit-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out;
}
.menu-social p {
	transition:color 0.5s ease-in-out; display: none; -webkit-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out;
}
.menu-social > ul.animated {
	display: block; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.menu-social > p.animated {
	display: block; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.menu-follow {
	color: rgb(177, 179, 182); font-family: "AGaramondPro-Regular", serif; font-size: 1.5em; font-style: italic;
}
.menu-address {
	color: rgb(177, 179, 182); letter-spacing: 0.01em; font-family: "Lato-Regular", sans-serif; font-size: 1.4em; margin-top: 2.5em;
}
.menu-ffs {
	color: rgb(241, 67, 0);
}
.menu-phone {
	margin-left: 1em; white-space: nowrap;
}
.menu-fax {
	margin-left: 1em; white-space: nowrap;
}
.icon-fb svg path {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-fb circle {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-fb:hover svg path {
	fill: #ed1c24; stroke: #ed1c24;
}
.icon-fb:hover circle {
	stroke: #ed1c24;
}
.icon-tw svg path {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-tw circle {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-tw:hover svg path {
	fill: #ed1c24; stroke: #ed1c24;
}
.icon-tw:hover circle {
	stroke: #ed1c24;
}
.icon-ins circle {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-ins svg path.icon-ins-phover {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-ins g {
	transition:0.3s; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.icon-ins:hover circle {
	stroke: #ed1c24;
}
.icon-ins:hover g {
	fill: #ed1c24;
}
.icon-ins:hover svg path.icon-ins-phover {
	stroke: #ed1c24;
}
.icon-yt svg path {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-yt circle {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-yt:hover svg path {
	fill: #ed1c24;
}
.icon-yt:hover circle {
	stroke: #ed1c24;
}
.icon-vimeo svg path {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-vimeo circle {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-vimeo:hover svg path {
	fill: #ed1c24; stroke: #ed1c24;
}
.icon-vimeo:hover circle {
	stroke: #ed1c24;
}
.icon-in g {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-in circle {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.icon-in:hover g {
	fill: #ed1c24; stroke: #ed1c24;
}
.icon-in:hover circle {
	stroke: #ed1c24;
}
footer {
	left: 0px; width: 100%; bottom: 0px; color: rgb(204, 204, 204); font-family: "LatoWeb", sans-serif; font-size: 1em; display: none; position: fixed;
}
footer animated {
	display: block; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.fadeInUp {
	animation-name: fadeInUp; -webkit-animation-name: fadeInUp;
}
.fadeInDown {
	animation-name: fadeInDown; -webkit-animation-name: fadeInDown;
}
.fadeInLeft {
	animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;
}
.fadeInRight {
	animation-name: fadeInRight; -webkit-animation-name: fadeInRight;
}
@media all and (min-width:1601px)
{
.main-logo {
	width: 320px;
}
.main-hero h1 {
	font-size: 7em;
}
}
@media all and (min-width:2201px)
{
.main-logo {
	width: 400px;
}
.main-hero h1 {
	font-size: 9em;
}
.btn-main {
	font-size: 2em;
}
}
@media all and (max-width:1024px)
{
body .navmenu-menu {
	padding: 0px 25px; left: 0px; width: 100%; margin-left: 0px; box-sizing: border-box;
}
}
@media all and (max-width:764px)
{
body .navmenu-menu .navmenu-nav > a {
	font-size: 5.5vw;
}
}
@media all and (max-width:375px)
{
.main-logo {
	width: 200px;
}
.main-hero {
	padding-right: 2em; padding-left: 2em;
}
.main-hero h1 {
	width: auto; font-size: 3.5em;
}
.btn-main {
	font-size: 1.4em;
}
.main-hero_wrapper2 {
	height: 42%;
}
}
@media all and (max-width:320px)
{
.menu-logo {
	width: 240px;
}
.navmenu-nav > ul > li > a {
	font-size: 2.2em;
}
}
@media all and (max-height:820px)
{
footer {
	margin-top: 5em; position: static;
}
}
@media all and (max-height:790px)
{
.btn-play {
	margin-top: 6em;
}
}
@media all and (max-height:700px)
{
.btn-play {
	margin-top: 5em;
}
}
@media all and (max-height:670px)
{
.main-hero_wrapper2 {
	height: 39%;
}
.btn-play {
	margin-top: 4em;
}
}
@media all and (max-height:600px)
{
body.home .header nav {
	margin-top: 3em;
}
.navmenu-menu .menu-btn {
	margin-top: 3em;
}
.main-logo {
	width: 250px;
}
.main-hero h1 {
	width: auto; font-size: 5.8em;
}
.btn-main {
	width: 11em; font-size: 1.4em;
}
.main-hero_wrapper2 {
	height: 44%;
}
.btn-play svg {
	width: 60px;
}
.main-line_bottom {
	margin: -10px 0px 0px -1px;
}
}
@media all and (max-height:520px)
{
.main-logo {
	width: 220px;
}
.main-hero h1 {
	line-height: 0.8em; font-size: 5em;
}
.main-hero_wrapper2 {
	height: 46%;
}
.btn-main {
	font-size: 1.35em;
}
.btn-play {
	margin-top: 2em;
}
}
@media all and (max-height:400px)
{
.main-logo {
	width: 200px;
}
.main-hero h1 {
	font-size: 4em;
}
.btn-main {
	font-size: 1.3em;
}
.btn-play svg {
	width: 55px;
}
.main-line_bottom {
	margin: -14px 0px 0px -1px;
}
}
@media all and (max-height:360px)
{
.main-logo {
	width: 180px;
}
.main-hero h1 {
	font-size: 3.8em;
}
.btn-main {
	margin: 1.8em auto 0px; font-size: 1.2em;
}
.main-hero_wrapper2 {
	height: 42%;
}
.btn-play {
	margin-top: 1.6em;
}
.btn-play svg {
	width: 52px;
}
}
@media all and (max-height:330px)
{
.hero {
	padding-top: 70px;
}
.main-logo {
	width: 150px;
}
.main-hero h1 {
	font-size: 3em;
}
.btn-main {
	margin-top: 1em;
}
.btn-play {
	margin-top: 0px;
}
}
@media all and (max-width:375px) and (max-height:600px)
{
.main-logo {
	width: 200px;
}
.main-hero {
	padding-right: 2em; padding-left: 2em;
}
.main-hero h1 {
	width: auto; font-size: 3.5em;
}
.btn-main {
	font-size: 1.4em;
}
.main-hero_wrapper2 {
	height: 42%;
}
}
@media only screen and (orientation:portrait) and (max-device-width:1024px) and (min-device-width:768px)
{
.main-hero_wrapper2 {
	height: 40%;
}
.btn-play {
	margin-top: 6em;
}
.main-hero {
	padding: 0px !important;
}
.main-logo {
	width: 280px !important;
}
.main-hero h1 {
	width: 8em !important; font-size: 6.6em !important;
}
.btn-main {
	font-size: 1.5em !important;
}
}
@media only screen and (orientation:landscape) and (max-device-width:1024px) and (min-device-width:768px)
{
.main-hero_wrapper2 {
	height: 42%;
}
.btn-play {
	margin-top: 6em;
}
.main-hero {
	padding: 0px !important;
}
.main-logo {
	width: 280px !important;
}
.main-hero h1 {
	width: 8em !important; font-size: 6.6em !important;
}
.btn-main {
	font-size: 1.5em !important;
}
}
@media only screen and (orientation:portrait) and (max-device-width:773px) and (min-device-width:320px)
{
.main-hero {
	padding: 2em;
}
.main-logo {
	width: 220px;
}
.main-hero h1 {
	width: auto; font-size: 5em;
}
.btn-main {
	font-size: 1.3em;
}
.main-hero_wrapper2 {
	height: 45%;
}
}
@media only screen and (orientation:portrait) and (max-device-width:568px) and (min-device-width:320px)
{
.main-hero h1 {
	font-size: 3.6em;
}
}
@media only screen and (orientation:portrait) and (max-device-width:667px) and (min-device-width:375px)
{
.main-hero h1 {
	font-size: 4em;
}
}
.locationbtn-wrapper {
	top: 0px; right: 0px; position: absolute; z-index: 3;
}
.locationbtn {
	background: rgb(241, 67, 0); padding: 0.8em 2em; transition:0.5s; letter-spacing: 0.1em; font-family: "LatoWeb",sans-serif; display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.locationbtn-txt {
	font-size: 1.4em; margin-top: 0.2em; margin-right: 0.6em; display: inline-block;
}
.locationbtn-icon {
	width: 22px; height: 28px; vertical-align: middle; display: inline-block;
}
.locationbtn:hover {
	background: rgb(255, 255, 255); color: rgb(241, 67, 0);
}
a svg #icon-loc {
	transition:0.5s; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.locationbtn:hover #icon-loc {
	stroke: #ed1c24;
}
.modalLocation .modal-dialog {
	margin-top: 100px; max-width: 420px;
}
.modalLocation .modal-content {
	padding: 3em 0px; border-radius: 0px; border: currentColor; border-image: none; text-align: center; box-shadow: none; background-color: rgb(0, 0, 0);
}
.modalLocation .modal-content h4 {
	color: rgb(136, 136, 136); letter-spacing: 0.1em; font-family: "LatoWebBold",sans-serif; font-size: 1.3em; margin-bottom: 2em;
}
.modalLocation-list {
	color: rgb(241, 67, 0); text-transform: uppercase; letter-spacing: 0.05em; font-family: "LatoWeb",sans-serif; font-size: 1.65em;
}
.modalLocation-list a {
	padding: 8px 0px; display: block;
}
.modalLocation-list a:hover {
	background: rgb(53, 53, 53); color: rgb(204, 204, 204); letter-spacing: 0.08em;
}
.modalLocation-list a.active {
	background: rgb(241, 67, 0); color: rgb(255, 255, 255); letter-spacing: 0.05em;
}
.modalLocation-close {
	width: 24px; height: 24px; margin-bottom: 10px;
}
.modalLocation-close::before {
	height: 2px;
}
.modalLocation-close::after {
	height: 2px;
}
.in.modal-backdrop {
	opacity: 0.6;
}
@media all and (max-width:980px)
{
.locationbtn {
	padding: 0.6em 1.6em 0.8em;
}
.locationbtn-icon {
	width: 17px; height: 22px;
}
.locationbtn-icon svg {
	width: 17px; height: 22px;
}
.locationbtn-txt {
	margin-right: 0.45em;
}
}
@media all and (max-width:667px)
{
.locationbtn {
	padding: 0.5em 1.4em 0.7em;
}
.locationbtn-txt {
	font-size: 1.2em; margin-top: 0.1em; margin-right: 0.3em;
}
.locationbtn-icon {
	width: 17px; height: 21px;
}
.locationbtn-icon svg {
	width: 17px; height: 21px;
}
}
html.page {
	height: 100%;
}
body.page {
	height: 100%;
}
body.page .nav-header {
	left: 0px; top: 0px; width: 100%; height: auto; margin-top: 4em; margin-bottom: 2em; position: absolute; z-index: 102;
}
body.page .header nav .menu-btn {
	margin: 0px auto; width: 27px; height: 35px; position: relative;
}
.navburger-page {
	height: auto; display: inline-block; position: static; background-size: auto;
}
.menubtn-page {
	margin: 4em auto 2em; width: 27px; height: 35px;
}
.nav-page {
	margin: 4em auto 2em; display: block;
}
.intro {
	height: 100%; min-height: 100%;
}
.cover {
	width: 100%; height: 100%; display: table; position: relative;
}
.cover-content {
	width: 100%; height: 100%; vertical-align: middle; display: table-cell; position: relative;
}
.col_removepaddding {
	padding: 0px;
}
.row_removemargin {
	margin: 0px;
}
.container_padding6 {
	padding-right: 6px; padding-left: 6px;
}
h2 {
	color: rgb(241, 67, 0); text-transform: uppercase; line-height: 1; letter-spacing: 0.02em; font-family: "TheanoDidot-Regular", serif; font-size: 10vw; display: inline;
}
h3 {
	text-transform: uppercase; line-height: 1; letter-spacing: 0.02em; font-family: "AGaramondPro-Regular", serif; font-size: 7em;
}
h3 span {
	display: block;
}
h4 {
	text-transform: uppercase; letter-spacing: 0.01em; font-family: "TheanoDidot-Regular", serif; font-size: 4.5em; margin-top: 0.2em; margin-bottom: 0.1em;
}
h5 {
	color: rgb(0, 0, 0); text-transform: uppercase; letter-spacing: 0.05em; font-family: "AGaramondPro-Bold", serif; font-size: 2em;
}
h6 {
	color: rgb(237, 0, 0); text-transform: uppercase; letter-spacing: 0.01em; font-family: "LatoWebBold", sans-serif; font-size: 2em; margin-top: 0.1em; margin-bottom: 0.5em;
}
.cover-txt {
	letter-spacing: 0.01em; font-size: 1.4em; margin-top: 0.8em;
}
.arrow-down {
	margin: auto; transition:0.3s linear; animation:bounce 2s infinite; left: 0px; width: 38px; height: 20px; right: 0px; bottom: 25px; position: absolute; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; -moz-transition: all 0.3s linear; -moz-animation: bounce 2s infinite;
}
.arrow-down:hover svg path {
	transition:0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
}
.arrow-down:hover svg path {
	fill: #ed1c24;
}
.arrow-down_spex {
	z-index: 3; opacity: 0.8;
}
.backtop {
	background: url("../images/icon-up.svg") no-repeat center 50% / 50% rgba(241, 67, 0, 0.8); border-radius: 50%; transition:opacity 0.6s, visibility 0s 0.6s; width: 40px; height: 40px; right: 10px; bottom: 40px; text-indent: 100%; overflow: hidden; display: inline-block; white-space: nowrap; visibility: hidden; position: fixed; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); -webkit-transition: opacity .6s 0s, visibility 0s .6s; -moz-transition: opacity .6s 0s, visibility 0s .6s;
}
.backtop-is-visible.backtop {
	transition:opacity 0.6s, visibility; -webkit-transition: opacity .6s 0s, visibility 0s 0s; -moz-transition: opacity .6s 0s, visibility 0s 0s;
}
.backtop-fade-out.backtop {
	transition:opacity 0.6s, visibility; -webkit-transition: opacity .6s 0s, visibility 0s 0s; -moz-transition: opacity .6s 0s, visibility 0s 0s;
}
.backtop:hover {
	transition:opacity 0.6s, visibility; -webkit-transition: opacity .6s 0s, visibility 0s 0s; -moz-transition: opacity .6s 0s, visibility 0s 0s;
}
.backtop-is-visible.backtop {
	visibility: visible; opacity: 1;
}
.backtop-fade-out.backtop {
	opacity: 0.8;
}
.backtop:hover {
	opacity: 1; background-color: rgb(241, 67, 0);
}
@media only screen and (min-width:768px)
{
.backtop {
	right: 20px; bottom: 20px;
}
}
@media only screen and (min-width:1024px)
{
.backtop {
	width: 50px; height: 50px; right: 30px; bottom: 30px;
}
}
.content {
	
}
.latobold {
	font-family: "LatoWebBold", sans-serif;
}
.content-txt {
	letter-spacing: 0.01em; font-size: 1.4em; margin-top: 0.8em;
}
.about-bg {
	background: url("../images/about-bg.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.about-txt {
	max-width: 610px;
}
.red-square {
	background: rgba(241, 67, 0, 0.9); padding: 14em 3em 2em; display: inline-block; position: relative; z-index: 1;
}
.about-red {
	margin-top: -35px; margin-left: -40px;
}
.about-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.about-red .h3_smallwhite {
	font-size: 0.65em;
}
.about-red .h3_bigwhite {
	margin-top: 0.08em;
}
.about-red .h3_biggrey {
	color: rgb(177, 179, 182); font-family: "TheanoDidot-Regular", serif; font-size: 0.64em;
}
.about-red_txt {
	text-align: right; margin-left: 6em; max-width: 286px;
}
#aboutCarousel {
	background: rgba(0, 0, 0, 0.8); margin-top: 10em; margin-bottom: 10em; margin-left: 8em; max-width: 900px; box-shadow: 2px 2px 18px 0px rgba(0,0,0,1); -webkit-box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 1);
}
#aboutCarousel .carousel-inner > .item {
	width: 100%;
}
#aboutCarousel .carousel-inner > .item > img {
	width: 60%; display: inline-block; box-shadow: 1px 1px 15px 0px rgba(0,0,0,1); -webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 1);
}
#aboutCarousel .carousel-caption {
	padding: 2em 6em; left: auto; width: 39%; text-align: right; right: 0px; display: inline-block; text-shadow: none;
}
#aboutCarousel .carousel-caption p {
	letter-spacing: 0.02em; font-family: "LatoWebLight", sans-serif; font-size: 1.4em;
}
#aboutCarousel .carousel-control {
	width: 50%; padding-top: 35%; background-image: none;
}
#aboutCarousel .left.carousel-control {
	cursor: url(../images/cursor-left.cur), url(../images/cursor-left.cur), default;
}
#aboutCarousel .right.carousel-control {
	cursor: url(../images/cursor-right.cur), url(../images/cursor-right.cur), default;
}
#aboutCarousel .left.carousel-control i {
	left: 20px; font-size: 2em; display: none; position: absolute;
}
#aboutCarousel .right.carousel-control i {
	right: 20px; font-size: 2em; display: none; position: absolute;
}
.about-h4long {
	font-size: 4.2em;
}
.about-slider_wrapper {
	width: 100%; position: relative;
}
#about-slider > li > img {
	width: 100%;
}
.lSSlideOuter .lSGallery.lSPager img {
	width: 100%;
}
.lSSlideOuter .lSGallery.lSPager li.active {
	border-radius: 0px;
}
.lSSlideOuter .lSGallery.lSPager li:hover {
	border-radius: 0px;
}
.lSSlideOuter .lSGallery.lSPager li a img {
	transition:0.4s; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease;
}
.lSSlideOuter .lSGallery.lSPager li a:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);
}
.lSSlideOuter .lSGallery.lSPager li.active a img {
	filter: none; opacity: 0.6; -webkit-filter: none; -moz-filter: none; -o-filter: none;
}
.about-slider_txt {
	width: 100%; height: 87%; position: absolute; z-index: 1;
}
.about-red2_wrapper {
	text-align: right;
}
.about-red2 {
	margin-top: -35px; margin-right: 3em;
}
.about-red2 .bottom {
	background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); left: 50%; width: 1px; height: 50px; bottom: -50px; display: block; position: absolute;
}
.about-red2 h3 {
	text-align: left;
}
.about-red2 .h3_bigwhite {
	font-size: 1.1em;
}
.about-red2 .h3_smallwhite {
	font-size: 0.65em;
}
.about-red2 .h3_biggrey {
	color: rgb(177, 179, 182); font-family: "TheanoDidot-Regular", serif; font-size: 0.5em;
}
.btn-pages {
	background: rgb(241, 67, 0); padding: 0.4em 2em; border: currentColor; transition:0.5s; border-image: none; width: auto; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.02em; font-family: "LatoWebBold", sans-serif; font-size: 1.5em; margin-top: 1em; display: inline-block; -ms-text-overflow: clip; box-sizing: content-box; transform: skewX(-20deg); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transform: skewX(-20deg); -moz-transition: all 0.5s ease; -o-text-overflow: clip;
}
.btn-pages_txt {
	display: block; transform: skewX(20deg); -webkit-transform: skewX(20deg);
}
.btn-pages:focus {
	color: rgb(255, 255, 255);
}
.about-red2_copy_wrapper {
	position: relative;
}
.about-red2_copy {
	bottom: 0px; margin-left: 1em; position: absolute; max-width: 460px;
}
.btn-pages::after {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 0px; width: 0%; height: 100%; position: absolute; z-index: -1; content: ""; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}
.btn-pages:hover {
	color: rgb(241, 67, 0);
}
.btn-pages:active {
	color: rgb(241, 67, 0);
}
.btn-pages:hover::after {
	width: 100%;
}
.btn-pages:active::after {
	width: 100%;
}
.show_991 {
	display: none;
}
.height_auto {
	height: auto;
}
.page-footer {
	width: 100%; margin-top: 40px; display: block;
}
.pagefooter-next {
	background: rgb(255, 255, 255); width: 100%;
}
.pagefooter-next a {
	padding: 26px 110px; transition:0.5s; flex:1 1 auto; overflow: hidden; display: block; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-box-flex: 1; -webkit-flex: 1 1 auto;
}
.pagefooter-next a::after {
	background: rgb(241, 67, 0); transition:0.5s; left: 0px; top: 0px; width: 0px; height: 3px; position: absolute; content: ""; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.pagefooter-next a:hover::after {
	left: 0px; width: 100%;
}
.pagefooter-desc {
	width: 50%; color: rgb(0, 0, 0); text-transform: uppercase; letter-spacing: 1px; font-family: "LatoWebLight",sans-serif; font-size: 12px; float: left;
}
.pagefooter-title {
	width: 50%; text-align: right; color: rgb(85, 85, 85); text-transform: uppercase; letter-spacing: 0.5px; font-family: "AGaramondPro-Regular",serif; font-size: 15px; float: left;
}
.pagefooter-nexttxt {
	position: relative;
}
.pagefooter-nexticon {
	margin: -4px 0px 0px 6px; animation:leftright 1s infinite; width: 34px; -webkit-animation: leftright 1s infinite; -o-animation: leftright 1s infinite; -moz-animation: leftright 1s infinite;
}
.go_outside.page-footer > .pagefooter-next {
	background: rgb(102, 102, 102);
}
.go_outside.page-footer > .footforculture.pagefooter-next {
	background: url("../images/about/about_img-6.jpg") no-repeat 50% 20% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.go_outside.page-footer > .footforcareers.pagefooter-next {
	background: url("//theforefronteers.com/images/5-web.jpg") no-repeat 50% 20% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.go_outside.page-footer > .pagefooter-next > a > .pagefooter-nexttxt > .pagefooter-title {
	color: rgb(255, 255, 255);
}
.go_outside.page-footer > .pagefooter-next > a > .pagefooter-nexttxt > .pagefooter-desc {
	color: rgb(255, 255, 255) !important; text-transform: uppercase;
}
.footer-icon_newtab {
	vertical-align: super;
}
.pagefooter-btm.page-footer {
	margin-top: 0px;
}
.go_outside.page-footer {
	margin-top: 40px;
}
.go_outside.page-footer > .pagefooter-next a {
	padding: 36px 110px;
}
@media all and (max-width:2200px)
{
.cover-txt {
	max-width: 610px;
}
}
@media all and (min-width:2201px)
{
.cover-txt {
	font-size: 2.1em;
}
.content-txt {
	font-size: 2.1em;
}
.red-square {
	padding: 22em 5em 4em;
}
.about-red {
	margin-left: 0px;
}
.about-red_txt {
	margin-left: 12em; max-width: 350px;
}
h3 {
	font-size: 10em;
}
#aboutCarousel {
	max-width: 1200px;
}
#aboutCarousel .carousel-caption h4 {
	font-size: 8em;
}
#aboutCarousel .carousel-caption h6 {
	font-size: 4.2em;
}
#aboutCarousel .carousel-caption p {
	font-size: 2em;
}
.container {
	width: 1400px;
}
.btn-pages {
	font-size: 2em;
}
}
@media all and (max-width:1400px)
{
h2 {
	font-size: 12vw;
}
.about-6to7 {
	width: 58.33%;
}
.about-h4long {
	font-size: 3.9em;
}
}
@media all and (max-width:1300px)
{
.about-red_sec {
	text-align: right; padding-right: 2em;
}
h3 {
	text-align: left; font-size: 6em;
}
.about-red_txt {
	margin-left: 0px; max-width: none;
}
#aboutCarousel {
	margin-left: 2.5em;
}
#aboutCarousel .carousel-caption {
	padding: 1em 2em;
}
h4 {
	font-size: 4.2em;
}
.red-square {
	padding: 12em 3em 2em;
}
.about-red2 {
	margin-right: 0px;
}
.about-red2_copy {
	margin-left: 0px;
}
}
@media all and (max-width:1200px)
{
.container_padding6 {
	padding-right: 15px; padding-left: 15px;
}
}
@media all and (max-width:1140px)
{
.cover-txt {
	line-height: 1.4;
}
h3 {
	font-size: 5em;
}
.red-square {
	padding: 10em 2em 1em;
}
h4 {
	font-size: 4em;
}
.about-h4long {
	font-size: 3.8em;
}
#aboutCarousel .carousel-caption p {
	line-height: 1.3;
}
.content-txt {
	line-height: 1.4;
}
.btn-pages {
	font-size: 1.3em;
}
}
@media all and (max-width:991px)
{
.about-6to7 {
	width: auto;
}
.col_15padding991 {
	padding-right: 15px; padding-left: 15px;
}
.show_991 {
	display: inline-block;
}
.hide_991 {
	display: none;
}
#aboutCarousel {
	margin-top: 6em; margin-left: 0px;
}
.about-red_txt {
	margin-left: auto; max-width: 230px;
}
}
@media all and (max-width:767px)
{
.arrow-down {
	display: none;
}
.about-red_sec {
	text-align: left; padding-right: 0px;
}
.about-red {
	margin: 6em 0px 0px;
}
.about-red_txt {
	text-align: left; max-width: none;
}
.about-red .top {
	display: none;
}
#aboutCarousel {
	margin-top: 4em; margin-bottom: 0px;
}
.about-red2_wrapper {
	text-align: left;
}
.about-slider_txt {
	position: static;
}
.about-red_sec2 {
	margin-top: 6em;
}
.about-red2 {
	margin-top: 0px;
}
.about-red2 .bottom {
	display: none;
}
.about-red2_copy {
	position: static; max-width: none;
}
.btn-pages {
	margin-top: 0.4em;
}
#about-slider {
	margin-top: 0.4em;
}
.about-panel {
	padding: 80px 40px; margin-top: 100px; margin-bottom: 40px;
}
.about-panel_title {
	font-size: 2.6em;
}
.pagefooter-next a {
	padding: 26px 30px;
}
.go_outside.page-footer > .pagefooter-next a {
	padding: 36px 30px;
}
.pagefooter-nexticon {
	width: 24px;
}
}
@media all and (max-width:850px)
{
.cover-txt {
	max-width: none;
}
}
@media all and (max-width:640px)
{
#aboutCarousel .carousel-caption {
	width: auto; display: block; position: static;
}
.about-h4long {
	font-size: 3.9em;
}
}
@media all and (max-width:450px)
{
.hide_450 {
	display: none;
}
.show_450 {
	display: block;
}
.margin0_450 {
	margin: 0px;
}
.red-square {
	padding: 3em 2em 1em; width: 100%;
}
h2 {
	font-size: 17vw;
}
h3 {
	font-size: 13vw;
}
h4 {
	font-size: 9vw;
}
#aboutCarousel .carousel-inner > .item > img {
	width: 70%;
}
}
@media only screen and (max-device-width:667px) and (min-device-width:320px)
{
body {
	font-size: 108%;
}
.intro {
	padding-top: 14em;
}
.arrow-down {
	display: none;
}
}
.services-bg {
	background: url("../images/services-bg.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-our {
	height: 200px; position: relative;
}
.services-our h2 {
	left: 0px; bottom: 0px; margin-bottom: -18px; position: absolute;
}
.services-txt {
	height: 200px; position: relative;
}
.services-txt p {
	left: 0px; bottom: 0px; position: absolute;
}
.services_red_container {
	text-align: right;
}
.services-red_sec {
	display: inline-block;
}
.services-red {
	text-align: left; margin-top: -35px;
}
.services-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.services-red .left {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.services-red .right {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.services-red .h3_smallwhite {
	font-family: "TheanoDidot-Regular", serif; font-size: 0.78em;
}
.services-red .h3_bigwhite {
	font-size: 1.05em;
}
.services-list_wrapper {
	padding-bottom: 100px;
}
.services-list {
	width: 100%; margin-left: 0px; cursor: pointer;
}
.services-list li {
	padding: 0px; height: 300px; overflow: hidden; float: left; position: relative;
}
.services-list li::before {
	width: 100%; height: 100%; display: block; position: relative; content: "";
}
.services-list li:nth-child(1) {
	background: url("../images/services/services-1_ideation.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 46%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(1):hover {
	background: url("../images/services/services-1_ideation.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(2) {
	background: url("../images/services/services-2_copyright.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 27%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(2):hover {
	background: url("../images/services/services-2_copyright.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(3) {
	background: url("../images/services/services-3_ux.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 27%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(3):hover {
	background: url("../images/services/services-3_ux.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(4) {
	background: url("../images/services/services-4_interactive.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 27%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(4):hover {
	background: url("../images/services/services-4_interactive.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(5) {
	background: url("../images/services/services-5_cgi.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 27%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(5):hover {
	background: url("../images/services/services-5_cgi.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(6) {
	background: url("../images/services/services-6_interior.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 46%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(6):hover {
	background: url("../images/services/services-6_interior.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(7) {
	background: url("../images/services/services-7_motion.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 25%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(7):hover {
	background: url("../images/services/services-7_motion.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(8) {
	background: url("../images/services/services-8_video.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 25%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(8):hover {
	background: url("../images/services/services-8_video.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(9) {
	background: url("../images/services/services-9_marcom.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 25%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(9):hover {
	background: url("../images/services/services-9_marcom.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(10) {
	background: url("../images/services/services-10_consultation.jpg") no-repeat 50% 50% / cover; transition:0.3s; width: 25%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-background-size: cover; -moz-transition: all 0.3s ease; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-list li:nth-child(10):hover {
	background: url("../images/services/services-10_consultation.gif") no-repeat 50% 50% / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.services-hover {
	background: rgba(0, 0, 0, 0.6); padding: 3em; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute;
}
.services-hover_content {
	top: 36% !important; position: relative;
}
.services-list li:nth-child(1) .services-hover_content {
	
}
.services-list li:nth-child(2) .services-hover_content {
	
}
.services-list li:nth-child(3) .services-hover_content {
	top: 29% !important;
}
.services-list li:nth-child(4) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	
}
.services-list li:nth-child(6) .services-hover_content {
	
}
.services-list li:nth-child(7) .services-hover_content {
	top: 24% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	top: 32% !important;
}
.services-list li:nth-child(9) .services-hover_content {
	top: 32% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	top: 30% !important;
}
.services-title {
	text-transform: uppercase; line-height: 1; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold", serif; font-size: 2.4em; margin-bottom: 4px; display: block;
}
.services-details {
	line-height: 1.4; letter-spacing: 0.02em; font-family: "LatoWeb", sans-serif; font-size: 1.2em; display: block;
}
.show_606 {
	display: none;
}
@media all and (max-width:1400px)
{
.services-6to7 {
	width: 58.33%;
}
}
@media all and (max-width:1199px)
{
.services-list li:nth-child(1) {
	width: 50%;
}
.services-list li:nth-child(2) {
	width: 50%;
}
.services-list li:nth-child(3) {
	width: 50%;
}
.services-list li:nth-child(4) {
	width: 50%;
}
.services-list li:nth-child(5) {
	width: 50%;
}
.services-list li:nth-child(6) {
	width: 50%;
}
.services-list li:nth-child(7) {
	width: 50%;
}
.services-list li:nth-child(8) {
	width: 50%;
}
.services-list li:nth-child(9) {
	width: 50%;
}
.services-list li:nth-child(10) {
	width: 50%;
}
.services-list li:nth-child(1) .services-hover_content {
	
}
.services-list li:nth-child(2) .services-hover_content {
	
}
.services-list li:nth-child(3) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(4) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	
}
.services-list li:nth-child(6) .services-hover_content {
	
}
.services-list li:nth-child(7) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	top: 38% !important;
}
.services-list li:nth-child(9) .services-hover_content {
	top: 38% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	top: 38% !important;
}
}
@media all and (max-width:991px)
{
.services-6to7 {
	width: auto;
}
.col_30padding991 {
	padding-right: 30px; padding-left: 30px;
}
.services-our {
	height: auto;
}
.services-txt {
	height: auto;
}
.services-our h2 {
	position: static;
}
.services-txt p {
	position: static;
}
.services-list li:nth-child(1) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(2) .services-hover_content {
	top: 37% !important;
}
.services-list li:nth-child(3) .services-hover_content {
	top: 29% !important;
}
.services-list li:nth-child(4) .services-hover_content {
	top: 29% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(6) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(7) .services-hover_content {
	top: 32% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	
}
.services-list li:nth-child(9) .services-hover_content {
	top: 33% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	top: 33% !important;
}
}
@media all and (max-width:767px)
{
.services-red {
	margin: 6em 0px 0px;
}
.services-list li:nth-child(1) {
	width: 100%;
}
.services-list li:nth-child(2) {
	width: 100%;
}
.services-list li:nth-child(3) {
	width: 100%;
}
.services-list li:nth-child(4) {
	width: 100%;
}
.services-list li:nth-child(5) {
	width: 100%;
}
.services-list li:nth-child(6) {
	width: 100%;
}
.services-list li:nth-child(7) {
	width: 100%;
}
.services-list li:nth-child(8) {
	width: 100%;
}
.services-list li:nth-child(9) {
	width: 100%;
}
.services-list li:nth-child(10) {
	width: 100%;
}
.services-red .top {
	display: none;
}
.services-red .left {
	display: none;
}
.services-red .right {
	display: none;
}
.services-list li:nth-child(1) .services-hover_content {
	
}
.services-list li:nth-child(2) .services-hover_content {
	
}
.services-list li:nth-child(3) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(4) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	
}
.services-list li:nth-child(6) .services-hover_content {
	
}
.services-list li:nth-child(7) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	
}
.services-list li:nth-child(9) .services-hover_content {
	top: 36% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	top: 36% !important;
}
}
@media all and (max-width:606px)
{
.hide_606 {
	display: none;
}
.show_606 {
	display: block;
}
}
@media all and (max-width:540px)
{
.services-list li:nth-child(1) .services-hover_content {
	
}
.services-list li:nth-child(2) .services-hover_content {
	
}
.services-list li:nth-child(3) .services-hover_content {
	
}
.services-list li:nth-child(4) .services-hover_content {
	top: 34% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	
}
.services-list li:nth-child(6) .services-hover_content {
	
}
.services-list li:nth-child(7) .services-hover_content {
	top: 31% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	
}
.services-list li:nth-child(9) .services-hover_content {
	top: 31% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	
}
}
@media all and (max-width:450px)
{
.services-our h2 {
	font-size: 14vw;
}
.services-red_sec {
	display: block;
}
.services-list li:nth-child(1) .services-hover_content {
	top: 32% !important;
}
.services-list li:nth-child(2) .services-hover_content {
	top: 35% !important;
}
.services-list li:nth-child(3) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(4) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	top: 34% !important;
}
.services-list li:nth-child(6) .services-hover_content {
	top: 31% !important;
}
.services-list li:nth-child(7) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	top: 34% !important;
}
.services-list li:nth-child(9) .services-hover_content {
	top: 30% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	top: 28% !important;
}
}
@media all and (max-width:390px)
{
.services-hover {
	padding: 2em;
}
.services-list li {
	height: 280px;
}
.services-list li:nth-child(1) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(2) .services-hover_content {
	top: 34% !important;
}
.services-list li:nth-child(3) .services-hover_content {
	top: 24% !important;
}
.services-list li:nth-child(4) .services-hover_content {
	top: 26% !important;
}
.services-list li:nth-child(5) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(6) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(7) .services-hover_content {
	top: 24% !important;
}
.services-list li:nth-child(8) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(9) .services-hover_content {
	top: 28% !important;
}
.services-list li:nth-child(10) .services-hover_content {
	top: 28% !important;
}
.services-title {
	font-size: 2em;
}
}
.awards-bg {
	background: url("../images/awards-bg.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.awards-cover {
	text-align: right;
}
.awards-our {
	height: 200px; position: relative;
}
.awards-our h2 {
	right: 0px; bottom: 0px; margin-bottom: -18px; position: absolute;
}
.awards-txt {
	height: 200px; position: relative;
}
.awards-txt p {
	left: 0px; bottom: 0px; position: absolute;
}
.awards_red_container {
	text-align: right;
}
.awards-red_sec {
	display: inline-block;
}
.awards-red {
	text-align: left; margin-top: -35px;
}
.awards-red .h3_white {
	font-family: "TheanoDidot-Regular", serif; font-size: 1.05em;
}
.awards-red .h3_grey {
	color: rgb(177, 179, 182); font-size: 0.9em;
}
.awards-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.awards-red .left {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.awards-red .right {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.awards-list_wrapper {
	padding-bottom: 100px;
}
.img-soba2014 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/02-soba2014.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-02 {
	cursor: pointer;
}
.img-soba2015 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/03-soba2015.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-03 {
	cursor: pointer;
}
.img-ara2015 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/04-ara2015.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-04 {
	cursor: pointer;
}
.img-ara2016 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/05-ara2016.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-05 {
	cursor: pointer;
}
.img-aoty2015 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/06-aoty2015.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-06 {
	cursor: pointer;
}
.img-aoty2016 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/07-aoty2016.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-07 {
	cursor: pointer;
}
.img-tlea2016 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/08-tlea2016.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-08 {
	cursor: pointer;
}
.img-hrea2016 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/09-hrea2016.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-09 {
	cursor: pointer;
}
.img-soba2016 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/10-soba2016.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-10 {
	cursor: pointer;
}
.img-sme2016 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/11-sme2016.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-11 {
	cursor: pointer;
}
.img-kancil2017 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/12-kancil2017.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-12 {
	cursor: pointer;
}
.img-aoty2017 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/13-aoty2017.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-13 {
	cursor: pointer;
}
.img-mpa2017 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/14-mpa2017.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-14 {
	cursor: pointer;
}
.img-tga2017 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/15-tga2017.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-15 {
	cursor: pointer;
}
.img-apea2017 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/16-apea2017.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-16 {
	cursor: pointer;
}
.img-hrea2017 {
	background-position: 0px 0%; max-width: 100%; background-image: url("../images/awards/17-hrea2017.jpg"); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.awards-17 {
	cursor: pointer;
}
.awards-pic {
	
}
.awards-pic_hover {
	background-position: 0px 100%;
}
.awards-box {
	position: relative;
}
.awards-hover {
	background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.awards-hover_hover {
	z-index: 3;
}
.awards-hover_wrapper {
	width: 100%; height: 100%; text-align: center; display: table;
}
.awards-hover_wrapper .btn-pages {
	padding: 0.4em 2em 0.3em; font-size: 1.35em; margin-bottom: 4em;
}
.awards-hover_wrapper .btn-pages_hover {
	margin-bottom: 0px;
}
.awards-hover_content {
	padding: 0px 2em; vertical-align: middle; display: table-cell;
}
.awards-title {
	transition:0.6s; text-transform: uppercase; line-height: 1; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold", serif; font-size: 3em; display: block; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease;
}
.awards-year {
	text-transform: uppercase; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold", serif; font-size: 3em; display: block;
}
.awards-subtitle {
	color: rgb(204, 204, 204); text-transform: uppercase; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold", serif; font-size: 2em; margin-top: 0px; margin-bottom: 0px;
}
.awards-findout_wrapper {
	width: 100%; height: 100%; display: none; position: relative;
}
.awards-findout_content {
	padding: 0px 8em; height: 220px; overflow: auto; margin-top: 3em;
}
.awards-findout_topbar {
	padding: 2em; text-align: right;
}
.awards-close {
	width: 27px; height: 35px; overflow: hidden; display: inline-block; position: relative; cursor: pointer;
}
.awards-close::before {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; position: absolute; content: ""; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.awards-close::after {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; position: absolute; content: ""; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.awards-close::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);
}
.awards-close::after {
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
}
.awards-close:hover::before {
	background: rgb(34, 34, 34);
}
.awards-close:hover::after {
	background: rgb(34, 34, 34);
}
.awards-findout_title {
	color: rgb(177, 179, 182); text-transform: uppercase; line-height: 1; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold", serif; font-size: 2.7em; display: block;
}
.awards-findout_year {
	text-transform: uppercase; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold", serif; font-size: 2.7em; display: block;
}
.awards-findout_list {
	padding: 0px; text-transform: uppercase; line-height: 1.4; letter-spacing: 0.04em; font-family: "LatoWeb", sans-serif; font-size: 1.28em; margin-top: 1.4em; margin-bottom: 2em; margin-left: 13px;
}
.awards-findout_list li {
	margin-top: 0.3em;
}
.remodal .awards-findout_topbar {
	padding: 0px 0px 2em;
}
.btn-awards_mobile {
	display: none;
}
@media all and (max-width:1400px)
{
.awards-6to7 {
	width: 58.33%; margin-left: 41.66%;
}
}
@media all and (max-width:1199px)
{
.awards-title {
	font-size: 2.4em;
}
.awards-year {
	font-size: 2em;
}
.awards-findout_topbar {
	padding: 1em;
}
.awards-findout_content {
	padding: 0px 6em; height: 200px; margin-top: 2em;
}
.awards-findout_title {
	font-size: 2.4em;
}
.awards-findout_year {
	font-size: 2em;
}
}
@media all and (max-width:991px)
{
.awards-6to7 {
	width: auto; margin-left: auto;
}
.awards-txt {
	height: auto;
}
.awards-txt p {
	position: static;
}
.awards-cover {
	text-align: left;
}
.awards-box {
	width: 100%;
}
.awards-findout_content {
	height: 72%;
}
}
@media all and (max-width:767px)
{
.awards-red .top {
	display: none;
}
.awards-red .left {
	display: none;
}
.awards-red .right {
	display: none;
}
.awards-red {
	margin: 6em 0px 0px;
}
}
@media all and (max-width:660px)
{
.awards-hover_wrapper .btn-pages {
	font-size: 1.5em;
}
.awards-year {
	font-size: 2.4em;
}
.btn-awards_mobile {
	display: inline-block;
}
.btn-awards {
	display: none;
}
.awards-hover_content {
	padding: 0px 6em;
}
.awards-findout_content {
	padding: 0px 4em; margin-top: 1em;
}
.awards-findout_list {
	margin-top: 0.6em;
}
}
@media all and (max-width:600px)
{
.awards-findout_content {
	height: 66%;
}
}
@media all and (max-width:500px)
{
.awards-findout_content {
	height: 60%;
}
.awards-title {
	font-size: 2.2em;
}
.awards-year {
	font-size: 2em;
}
.awards-hover_wrapper .btn-pages {
	font-size: 1.25em;
}
.awards-hover_content {
	padding: 0px 2em;
}
}
@media all and (max-width:450px)
{
.awards-red_sec {
	display: block;
}
}
@media all and (max-width:410px)
{
.awards-findout_content {
	height: 50%;
}
}
@media all and (max-width:400px)
{
.awards-title {
	font-size: 1.8em;
}
.awards-year {
	font-size: 1.6em;
}
.awards-hover_wrapper .btn-pages {
	font-size: 1.2em;
}
}
.contact-bg {
	background: url("../images/contact-bg.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.contact-cover {
	text-align: right;
}
.contact-txt p {
	float: right;
}
.contact-red_sec {
	display: inline-block;
}
.contact-red {
	padding: 14em 8em 2em 3em; text-align: left; margin-top: -35px;
}
.contact-red .h3_white {
	font-size: 1.1em;
}
.contact-red .h3_grey {
	color: rgb(177, 179, 182); font-size: 1.05em;
}
.contact-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.contact-red .left {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.contact-red .right {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.contact-content {
	padding-bottom: 100px;
}
.contact-info {
	color: rgb(177, 179, 182); letter-spacing: 0.02em; font-family: "LatoWeb",sans-serif; font-size: 1.45em; margin-top: 2em;
}
.contact-name {
	text-transform: uppercase; line-height: 1.1; font-family: "LatoWebBold",sans-serif; font-size: 1.25em; margin-bottom: 0.25em; display: inline-block;
}
.contact-ffs {
	color: rgb(241, 67, 0); text-transform: uppercase;
}
.contact-gps {
	margin-top: 1em;
}
.contact-phone {
	margin-top: 1em;
}
.contact-gmap {
	display: inline-block;
}
.contact-waze {
	margin-left: 0.5em; display: inline-block;
}
.form-control {
	border-radius: 0px; border: currentColor; border-image: none; color: rgb(0, 0, 0); box-shadow: none; background-color: rgb(177, 179, 182);
}
:-ms-input-placeholder.form-control {
	color: rgb(0, 0, 0); text-transform: uppercase;
}
.contact-form .btn-pages {
	padding: 0.4em 2em 0.3em; border-radius: 0px; font-size: 1.35em; margin-right: 0.4em;
}
.contact-formbtn_col {
	text-align: right;
}
.form-group {
	margin-bottom: 8px;
}
.formselect-label {
	color: rgb(221, 221, 221); font-family: "LatoWeb",sans-serif; font-size: 2em;
}
.formselect-control {
	background: url("../images/icon-down.png") no-repeat 96% 50% / 22px rgb(241, 67, 0); height: auto; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 2em; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.formselect-control:focus {
	
}
.contactSelect-wrapper {
	margin-bottom: 2em;
}
.formselect2-label {
	color: rgb(221, 221, 221); font-family: "LatoWeb",sans-serif; font-size: 1.5em;
}
.formselect2-control {
	background: url("../images/icon-down.png") no-repeat 97.4% 50% / 22px rgb(177, 179, 182); height: auto; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 1.5em; margin-bottom: 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.formselect2-control:focus {
	
}
@media all and (max-width:1400px)
{
.contact-6to7 {
	width: 58.33%; margin-left: 41.66%;
}
}
@media all and (max-width:1300px)
{
.contact-red {
	padding: 12em 6em 2em 3em;
}
}
@media all and (max-width:1140px)
{
.contact-red {
	padding: 10em 6em 1em 2em;
}
}
@media all and (max-width:991px)
{
.contact-6to7 {
	width: auto; margin-left: auto;
}
.contact-cover {
	text-align: left;
}
.contact-txt p {
	float: none;
}
.contact-form {
	margin-top: 4em;
}
.formselect2-control {
	background: url("../images/icon-down.png") no-repeat 96% 50% / 22px rgb(177, 179, 182);
}
}
@media all and (max-width:767px)
{
.contact-red .top {
	display: none;
}
.contact-red .left {
	display: none;
}
.contact-red .right {
	display: none;
}
.contact-red {
	margin: 6em 0px 0px;
}
}
@media all and (min-width:768px)
{
.formselect-label {
	text-align: left !important;
}
.formselect2-label {
	text-align: left !important; margin-bottom: 3px !important;
}
}
@media all and (max-width:450px)
{
.contact_h2 {
	font-size: 14vw;
}
.contact-red_sec {
	display: block;
}
.contact-red {
	padding: 3em 2em 1em;
}
}
.news-bg {
	background: url("../images/news-bg.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.news-hand_m {
	display: none;
}
.news-hand_s {
	display: none;
}
.news-red {
	padding: 20em 3em 2em; text-align: left; margin-top: -35px;
}
.news-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.news-red .h3_grey {
	color: rgb(177, 179, 182); font-family: "TheanoDidot-Regular", serif; font-size: 0.64em;
}
.news-red .h3_white {
	font-size: 0.92em; margin-top: 0.12em;
}
.news-img img {
	max-width: 540px;
}
.news-content {
	background: rgba(177, 179, 182, 0.95); padding: 3em 4em; color: rgb(1, 1, 1); margin-top: -3em; position: relative; max-width: 500px;
}
.news-content p {
	letter-spacing: 0.02em; font-size: 1.6em;
}
.news-content .btn-pages {
	padding: 0.2em 2em;
}
.news-list .news-item {
	margin-top: -110px;
}
.news-list :nth-child(1).news-item {
	margin-top: 0px;
}
.news-list :nth-child(2n+1).news-item .news-img img {
	
}
.news-list :nth-child(2n+1).news-item .news-content {
	margin-left: -2em;
}
.news-list :nth-child(2n).news-item {
	text-align: right;
}
.news-list :nth-child(2n).news-item .news-img img {
	display: inline-block;
}
.news-list :nth-child(2n).news-item .news-content {
	text-align: left; margin-right: -2em; display: inline-block;
}
.news_red_container {
	text-align: right;
}
.news-wrapper {
	padding-bottom: 100px; margin-top: -110px;
}
.news-filter .nav-pills {
	text-transform: uppercase; line-height: 1; letter-spacing: 1px; font-family: "AGaramondPro-Regular", serif; font-size: 16px;
}
.news-filter .nav-pills > li.active > a {
	background: none; text-decoration: underline;
}
.news-filter .nav-pills > li.active > a:focus {
	background: none; text-decoration: underline;
}
.news-filter .nav-pills > li.active > a:hover {
	background: none; text-decoration: underline;
}
.news-filter .nav > li > a:focus {
	background: none;
}
.news-filter .nav > li > a:hover {
	background: none;
}
.news-popup {
	padding: 100px 0px 80px;
}
.news-popup h6 {
	color: rgb(103, 103, 103); text-transform: none; line-height: 1.2; letter-spacing: 0.02em; font-family: "LatoWeb", sans-serif; font-size: 1.3em; margin-top: 0.6em; margin-bottom: 2em;
}
.news-popup h5 {
	color: rgb(153, 153, 153); text-transform: none; letter-spacing: 0.01em; font-size: 1.8em; margin-top: 1.8em;
}
.news-popup h4 {
	color: rgb(237, 0, 0); text-transform: none; font-size: 3.2em; margin-bottom: 0.5em;
}
.news-popup p {
	font-size: 1.4em; -webkit-font-smoothing: subpixel-antialiased;
}
.news-popup img {
	margin-top: 3em;
}
.news-popup .source {
	margin-top: 3em;
}
.news-popup p.boldtxt {
	font-family: "LatoWebBold", sans-serif;
}
.news-popup audio {
	margin: 0px; padding: 0px; width: 100%; background-image: none; background-color: rgb(255, 0, 4);
}
.mfp-close {
	transition:0.3s; width: 56px; height: 56px; margin-top: 30px; margin-right: 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.mfp-container {
	padding: 0px;
}
img.mfp-close-img.mfp-close {
	padding: 0px; width: auto; height: auto; text-align: left; line-height: inherit; font-family: inherit; font-size: inherit; font-style: inherit; margin-top: 0px; display: inline; position: static; opacity: 1;
}
.mfp-move-from-top .mfp-content {
	vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
	transition:0.2s; opacity: 0; transform: translateY(-100px);
}
.mfp-bg.mfp-move-from-top {
	transition:0.2s; opacity: 0;
}
.mfp-ready.mfp-move-from-top .mfp-with-anim {
	opacity: 1; transform: translateY(0px);
}
.mfp-bg.mfp-ready.mfp-move-from-top {
	opacity: 0.8;
}
.mfp-removing.mfp-move-from-top .mfp-with-anim {
	opacity: 0; transform: translateY(-50px);
}
.mfp-bg.mfp-removing.mfp-move-from-top {
	opacity: 0;
}
.mfp-wrap {
	background: rgba(0, 0, 0, 0.95); -ms-overflow-x: hidden; -ms-overflow-y: auto;
}
div.mfp-ready.my-mfp-zoom-in.mfp-auto-cursor.mfp-align-top.mfp-close-btn-in.mfp-wrap {
	left: 0px !important; top: 0px !important; right: 0px !important; bottom: 0px !important; position: fixed !important; -webkit-overflow-scrolling: touch;
}
@media all and (max-width:1400px)
{
.news-4to5 {
	width: 41.66%;
}
}
@media all and (max-width:1300px)
{
.news-red {
	padding: 18em 3em 2em;
}
}
@media all and (max-width:1199px)
{
.news-wrapper {
	margin-top: 4em;
}
.news-list .news-item {
	margin-top: 3em;
}
}
@media all and (max-width:1140px)
{
.news-red {
	padding: 14em 2em 1em;
}
}
@media all and (max-width:991px)
{
.news-hand_m {
	display: inline;
}
.news-list-sizer {
	width: 100%;
}
.news-item {
	width: 100%;
}
}
@media all and (max-width:767px)
{
.news-red {
	margin: 6em 0px 0px;
}
.news-red .top {
	display: none;
}
.news-img img {
	width: 500px; max-width: 100%;
}
}
@media all and (max-width:560px)
{
.news-list :nth-child(2n+1).news-item .news-content {
	margin-left: 0px;
}
.news-list :nth-child(2n).news-item .news-img img {
	float: none;
}
.news-list :nth-child(2n).news-item .news-content {
	margin-right: 0px; float: none;
}
.news-content {
	padding: 2em 3em 3em; margin-top: 0px;
}
.news-wrapper {
	margin-top: 3em;
}
}
@media all and (max-width:450px)
{
.news-h2 {
	font-size: 12vw;
}
.news-red {
	padding: 3em 2em 1em;
}
.news-red h3 {
	font-size: 12vw;
}
}
.work-bg {
	background: url("../images/work-bg1.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.work-our {
	height: 200px; position: relative;
}
.work-our h2 {
	left: 0px; bottom: 0px; margin-bottom: -18px; position: absolute;
}
.work-txt {
	height: 200px; position: relative;
}
.work-txt p {
	left: 0px; bottom: 0px; position: absolute;
}
.work_red_container {
	text-align: right;
}
.work-red_sec {
	display: inline-block;
}
.work-red {
	padding: 17em 3em 2em; text-align: left; margin-top: -35px;
}
.work-red2 {
	padding: 17em 3em 2em; text-align: left; margin-top: 140px;
}
.work-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.work-red .h3_grey {
	color: rgb(177, 179, 182); font-family: "TheanoDidot-Regular", serif; font-size: 0.64em;
}
.work-red2 .h3_grey {
	color: rgb(177, 179, 182); font-family: "TheanoDidot-Regular", serif; font-size: 0.64em;
}
.work-red .h3_white {
	font-size: 0.8em;
}
.work-red2 .h3_white {
	font-size: 0.8em;
}
.work-wrapper {
	
}
.workbox {
	width: 100%;
}
.workbox::after {
	clear: both; display: block; content: "";
}
.workbox-sizer {
	width: 5%;
}
.width1 {
	width: 55%;
}
.width2 {
	width: 45%;
}
.width3 {
	width: 40%;
}
.width4 {
	width: 60%;
}
.height1 {
	height: 560px;
}
.height2 {
	height: 280px;
}
.height3 {
	height: 600px;
}
.height4 {
	height: 320px;
}
.height5 {
	height: 330px;
}
.workbox-item--01 {
	background: url("../images/work/01/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--02 {
	background: url("../images/work/02/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--03 {
	background: url("../images/work/03/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--04 {
	background: url("../images/work/04/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--05 {
	background: url("../images/work/05/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--06 {
	background: url("../images/work/06/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--07 {
	background: url("../images/work/07/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--08 {
	background: url("../images/work/08/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--09 {
	background: url("../images/work/09/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--10 {
	background: url("../images/work/10/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--11 {
	background: url("../images/work/11/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--12 {
	background: url("../images/work/12/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--13 {
	background: url("../images/work/13/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--14 {
	background: url("../images/work/14/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--15 {
	background: url("../images/work/15/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--16 {
	background: url("../images/work/16/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--17 {
	background: url("../images/work/17/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--18 {
	background: url("../images/work/18/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--19 {
	background: url("../images/work/19/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--20 {
	background: url("../images/work/20/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--21 {
	background: url("../images/work/21/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--22 {
	background: url("../images/work/22/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item--23 {
	background: url("../images/work/23/thumb.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.workbox-item {
	float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.workbox-item img {
	width: 100%; display: block;
}
.grayscale {
	filter: url("../images/grayscale.svg"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);
}
.workbox-hover {
	background: rgba(0, 0, 0, 0.75); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.workbox-hover_wrapper {
	width: 100%; height: 100%; text-align: center; display: table;
}
.workbox-hover_content {
	vertical-align: middle; display: table-cell;
}
.workbox-title {
	transition:0.6s; text-transform: uppercase; line-height: 1; letter-spacing: 1px; font-family: "AGaramondPro-Bold", serif; font-size: 26px; display: block; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease;
}
.workbox-type {
	color: rgb(177, 179, 182); text-transform: uppercase; letter-spacing: 1px; font-family: "AGaramondPro-Bold", serif; font-size: 12px; margin-top: 2px; display: block;
}
.btn-workbox {
	padding: 4px 26px; font-size: 13px; margin-bottom: 30px;
}
.btn-workbox_hover {
	margin-bottom: 0px;
}
.clientsbg {
	position: relative;
}
.work-bg2 {
	background: url("../images/work-bg2.jpg") no-repeat top / cover rgb(0, 0, 0); width: 100%; height: 2000px; margin-top: -500px; position: absolute; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.work-bg2s {
	display: none;
}
.client-wrapper {
	padding-bottom: 100px;
}
.client-container {
	background: rgba(255, 255, 255, 0.8);
}
.client-container img {
	width: 280px; margin-right: auto; margin-left: auto;
}
.arrow-up {
	text-align: center; margin-top: 4em; margin-bottom: 100px; cursor: pointer;
}
@media all and (max-width:1400px)
{
.work-6to7 {
	width: 58.33%;
}
}
@media all and (max-width:1300px)
{
.work-red {
	padding: 14em 3em 2em;
}
.work-red2 {
	padding: 14em 3em 2em;
}
}
@media all and (max-width:1140px)
{
.work-red {
	padding: 12em 3em 2em;
}
.work-red2 {
	padding: 12em 3em 2em;
}
}
@media all and (max-width:991px)
{
.work-red {
	padding: 10em 3em 2em;
}
.work-red2 {
	padding: 10em 3em 2em;
}
.work-6to7 {
	width: auto;
}
.work-our {
	height: auto;
}
.work-txt {
	height: auto;
}
.work-our h2 {
	position: static;
}
.work-txt p {
	position: static;
}
.width1 {
	width: 100%;
}
.width2 {
	width: 100%;
}
.width3 {
	width: 100%;
}
.width4 {
	width: 100%;
}
.height1 {
	height: 320px;
}
.height2 {
	height: 320px;
}
.height3 {
	height: 320px;
}
.height4 {
	height: 320px;
}
.height5 {
	height: 320px;
}
}
@media all and (max-width:767px)
{
.work-red {
	margin: 6em 0px 0px;
}
.work-red2 {
	margin: 6em 0px 0px;
}
.work-red .top {
	display: none;
}
.work-bg2 {
	display: none;
}
.work-bg2s {
	background: url("../images/work-bg2.jpg") no-repeat top / cover rgb(0, 0, 0); width: 100%; height: 2000px; margin-top: -500px; display: block; position: absolute; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
}
@media all and (max-width:600px)
{
.workbox-title {
	font-size: 22px;
}
}
@media all and (max-width:450px)
{
.work-our h2 {
	font-size: 14vw;
}
.work-red_sec {
	display: block;
}
.work-red {
	padding: 3em 2em 1em;
}
.work-red2 {
	padding: 3em 2em 1em;
}
}
html.workpage {
	
}
body.workpage {
	
}
body.workpage .nav-header {
	left: 0px; top: 0px; width: 100%; height: auto; margin-top: 4em; margin-bottom: 2em; position: absolute; z-index: 102;
}
body.workpage .header nav .menu-btn {
	margin: 0px auto; width: 27px; height: 35px; position: relative;
}
.workpage-wraphead_main {
	overflow: hidden; position: relative;
}
.workpage-wraphead_sub {
	width: 100vw; overflow: hidden; position: relative; z-index: 0;
}
.workpage-zoom {
	overflow: hidden;
}
.workpage-overlay {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; z-index: 2;
}
.workpage blockquote {
	margin: 0px auto; padding: 0px 2em; border: currentColor; border-image: none; width: 80%; height: 100%; max-width: 1800px;
}
.workpage-header1 {
	background: url("../images/work/01/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header2 {
	background: url("../images/work/02/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header3 {
	background: url("../images/work/03/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header4 {
	background: url("../images/work/04/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header5 {
	background: url("../images/work/05/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header6 {
	background: url("../images/work/06/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header7 {
	background: url("../images/work/07/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header8 {
	background: url("../images/work/08/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header9 {
	background: url("../images/work/09/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header10 {
	background: url("../images/work/10/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header11 {
	background: url("../images/work/11/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header12 {
	background: url("../images/work/12/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header13 {
	background: url("../images/work/13/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header14 {
	background: url("../images/work/14/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header15 {
	background: url("../images/work/15/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header16 {
	background: url("../images/work/16/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header17 {
	background: url("../images/work/17/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header18 {
	background: url("../images/work/18/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header19 {
	background: url("../images/work/19/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header20 {
	background: url("../images/work/20/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header21 {
	background: url("../images/work/21/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header22 {
	background: url("../images/work/22/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage-header23 {
	background: url("../images/work/23/hero.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.workpage h3 {
	text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.05em; font-family: "AGaramondPro-Bold",serif; font-size: 2em;
}
.workpage h4 {
	text-align: center; color: rgb(177, 179, 182); letter-spacing: 0.03em; font-family: "AGaramondPro-Bold",serif; font-size: 1.1em;
}
.workpage h5 {
	color: rgb(169, 169, 169); letter-spacing: 0.03em; font-family: "AGaramondPro-Bold",serif; font-size: 1.4em;
}
.workpage-details p {
	color: rgb(255, 255, 255); line-height: 1.5; letter-spacing: 0.05em; font-family: "LatoWeb", sans-serif; font-size: 1.6em;
}
.btn-workpage {
	padding: 0.4em 4em;
}
.workpage-details {
	padding: 8rem 2rem; width: 59.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-content {
	margin-bottom: 5em;
}
.workpage-fullwidth {
	background-position: top; padding-bottom: 36vw; background-repeat: no-repeat; background-size: cover;
}
.workpage-fullpic {
	margin-bottom: 2em;
}
.workpage-pic {
	padding: 8rem 2rem; width: 59.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-picbtm {
	padding: 8rem 2rem 0px; width: 59.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-pictop {
	padding: 0px 2rem 8rem; width: 59.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-picbig {
	padding: 8rem 2rem; width: 69.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-picbig_btm {
	padding: 8rem 2rem 0px; width: 69.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-picbig_top {
	padding: 0px 2rem 8rem; width: 69.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-btn {
	text-align: center; margin-top: 3em;
}
.workpage-picbigger {
	padding: 8rem 2rem; width: 89.37vw; margin-right: auto; margin-left: auto; position: relative;
}
.workpage-vid {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 0.55vw;
}
.vidno {
	margin: 0px; text-align: left; line-height: 1; font-family: "LatoWebBold",sans-serif; font-size: 11em; opacity: 0.28; -moz-opacity: 0.28; -khtml-opacity: 0.28;
}
.vidtitle {
	text-align: right; letter-spacing: 0.05em; font-family: "LatoWeb",sans-serif; font-size: 2.4em; opacity: 0.35; -moz-opacity: 0.35; -khtml-opacity: 0.35;
}
.panel-midlightgrey {
	background: rgb(197, 197, 197);
}
.panel-weirdkhaki {
	background: rgb(139, 135, 132);
}
.panel-ecogold {
	background: rgb(195, 176, 134);
}
.panel-brightlightgrey {
	background: rgb(234, 236, 235);
}
.panel-darkblue {
	background: rgb(0, 14, 47);
}
.panel-slightlylightgrey {
	background: rgb(241, 241, 241);
}
.panel-seemsgold {
	background: rgb(200, 188, 162);
}
.panel-darksky {
	background: rgb(0, 1, 69);
}
.panel-brightgrey {
	background: rgb(242, 242, 242);
}
.panel-purpleishgrey {
	background: rgb(231, 230, 235);
}
.panel-greyishblue {
	background: rgb(50, 55, 61);
}
.panel-creamygreen {
	background: rgb(143, 166, 135);
}
.workpage-footer {
	width: 100%; margin-top: 4em; display: table;
}
.workpage-next {
	width: 80%; float: none; display: table-cell;
}
.workpage-next a {
	padding: 46px 110px; transition:0.5s; flex:1 1 auto; overflow: hidden; display: block; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-box-flex: 1; -webkit-flex: 1 1 auto;
}
.workpage-next a::after {
	background: rgb(241, 67, 0); transition:0.5s; left: 0px; top: 0px; width: 0px; height: 3px; position: absolute; content: ""; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.workpage-next a:hover::after {
	left: 0px; width: 100%;
}
.next-project {
	color: rgb(204, 204, 204); text-transform: uppercase; letter-spacing: 0.12em; font-family: "LatoWebLight",sans-serif; font-size: 1.1em;
}
.next-title {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; letter-spacing: 0.04em; font-family: "AGaramondPro-Regular",serif; font-size: 2em; margin-top: 1.1em; margin-bottom: 0.1em;
}
.next-category {
	color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.04em; font-family: "AGaramondPro-Regular",serif; font-size: 1.35em;
}
.workpage-nexttxt {
	position: relative;
}
.workpage-back {
	background: rgb(204, 204, 204); width: 20%; float: none; display: table-cell;
}
.workpage-back a {
	padding: 46px 60px; transition:0.5s; flex:1 1 auto; overflow: hidden; display: block; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-box-flex: 1; -webkit-flex: 1 1 auto;
}
.workpage-back a::after {
	background: rgb(241, 67, 0); transition:0.5s; top: 0px; width: 0px; height: 3px; right: 0px; position: absolute; content: ""; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.workpage-back a:hover::after {
	width: 100%; right: 0px;
}
.back-project {
	color: rgb(0, 0, 0); text-transform: uppercase; letter-spacing: 0.12em; font-family: "LatoWebLight",sans-serif; font-size: 1.1em;
}
.back-title {
	color: rgb(0, 0, 0); text-transform: uppercase; line-height: 1; letter-spacing: 0.04em; font-family: "AGaramondPro-Regular",serif; font-size: 2em; margin-top: 0.3em; margin-bottom: 0.1em;
}
.back-category {
	color: rgb(0, 0, 0); text-transform: uppercase; letter-spacing: 0.04em; font-family: "AGaramondPro-Regular",serif; font-size: 1.35em;
}
.next-bg1 {
	background: url("../images/work/01/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg2 {
	background: url("../images/work/02/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg3 {
	background: url("../images/work/03/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg4 {
	background: url("../images/work/04/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg5 {
	background: url("../images/work/05/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg6 {
	background: url("../images/work/06/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg7 {
	background: url("../images/work/07/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg8 {
	background: url("../images/work/08/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg9 {
	background: url("../images/work/09/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg10 {
	background: url("../images/work/10/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg11 {
	background: url("../images/work/11/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg12 {
	background: url("../images/work/12/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg13 {
	background: url("../images/work/13/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg14 {
	background: url("../images/work/14/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg15 {
	background: url("../images/work/15/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg16 {
	background: url("../images/work/16/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg17 {
	background: url("../images/work/17/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg18 {
	background: url("../images/work/18/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg19 {
	background: url("../images/work/19/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg20 {
	background: url("../images/work/20/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg21 {
	background: url("../images/work/21/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg22 {
	background: url("../images/work/22/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.next-bg23 {
	background: url("../images/work/23/nextbg.jpg") no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.col-workboxpic {
	padding: 0px;
}
.col-workboxpicspace {
	padding: 0px 5px;
}
.workpage-backbig {
	display: table-cell;
}
.workpage-backsmall {
	display: none;
}
.ecomea-pic1 {
	background: url("../images/work/03/01.jpg") no-repeat center / cover; height: 550px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.ecomea-pic2 {
	background: url("../images/work/03/02.jpg") no-repeat center / cover; height: 300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.ecomea-pic3 {
	background: url("../images/work/03/03.jpg") no-repeat center / cover; height: 250px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.ecogall-pic1 {
	background: url("../images/work/09/01.jpg") no-repeat center / cover; height: 350px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.ecogall-pic2 {
	background: url("../images/work/09/02.jpg") no-repeat center / cover; height: 450px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.ecogall-pic3 {
	background: url("../images/work/09/03.jpg") no-repeat center / cover; height: 800px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
@media all and (min-width:2259px)
{
.vidno {
	font-size: 14em;
}
.vidtitle {
	font-size: 3.3em;
}
}
@media all and (min-width:1600px)
{
.workpage h3 {
	font-size: 2.5em;
}
.workpage h4 {
	font-size: 1.2em;
}
.workpage-fullpic {
	margin-bottom: 3em;
}
}
@media all and (max-width:1400px)
{
.pavhill-pic1 {
	height: 550px;
}
.pavhill-pic2 {
	height: 550px;
}
.pavhill-pic3 {
	height: 450px;
}
.pavhill-pic4 {
	height: 450px;
}
.ecogall-pic1 {
	height: 260px;
}
.ecogall-pic2 {
	height: 350px;
}
.ecogall-pic3 {
	height: 610px;
}
.workpage-next a {
	padding: 46px 80px;
}
}
@media all and (max-width:1100px)
{
.workpage-back a {
	padding: 46px 40px;
}
.workpage-next a {
	padding: 46px 60px;
}
}
@media all and (min-width:992px)
{
.ecotro-pic1 {
	float: right;
}
}
@media all and (max-width:991px)
{
.workpage-details {
	width: 82.37vw;
}
.workpage-pic {
	width: 82.37vw;
}
.workpage-picbtm {
	width: 82.37vw;
}
.workpage-pictop {
	width: 82.37vw;
}
.workpage-picbig {
	width: 82.37vw;
}
.workpage-picbig_btm {
	width: 82.37vw;
}
.workpage-picbig_top {
	width: 82.37vw;
}
.workpage-vid {
	font-size: 0.65vw;
}
.workpage-back {
	width: 30%;
}
.workpage-next {
	width: 70%;
}
.next-title {
	margin-top: 0.8em;
}
.col-workboxpicspace {
	padding: 5px 0px;
}
.ecotro-pic1 {
	margin-right: auto; margin-left: auto;
}
.ecotro-pic2 {
	margin-right: auto; margin-left: auto;
}
}
@media all and (min-width:768px)
{
.workpage-zoom {
	animation:backgroundZoom 25s linear infinite alternate; width: 100%; height: 100vh; -webkit-animation: backgroundZoom 25s linear; -webkit-transform: scale(1.2); -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-webkit-webkit-animation-direction: alternate; -o-animation-direction: alternate;
}
.workpage-overlay {
	height: 100vh; position: absolute;
}
.overlay-10 {
	background: rgba(0, 0, 0, 0.1);
}
.overlay-30 {
	background: rgba(0, 0, 0, 0.3);
}
.overlay-35 {
	background: rgba(0, 0, 0, 0.35);
}
.overlay-40 {
	background: rgba(0, 0, 0, 0.4);
}
.overlay-45 {
	background: rgba(0, 0, 0, 0.45);
}
.overlay-50 {
	background: rgba(0, 0, 0, 0.5);
}
.overlay-55 {
	background: rgba(0, 0, 0, 0.55);
}
.overlay-60 {
	background: rgba(0, 0, 0, 0.6);
}
.overlay-65 {
	background: rgba(0, 0, 0, 0.65);
}
.overlay-70 {
	background: rgba(0, 0, 0, 0.7);
}
.overlay-75 {
	background: rgba(0, 0, 0, 0.75);
}
.overlay-80 {
	background: rgba(0, 0, 0, 0.8);
}
.workpage blockquote {
	display: flex; flex-direction: column; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center;
}
}
@media all and (max-width:767px)
{
.workpage-details {
	padding: 4rem 2rem; width: 100%;
}
.workpage-pic {
	padding: 4rem 2rem; width: 100%;
}
.workpage-picbtm {
	padding: 4rem 2rem 0px; width: 100%;
}
.workpage-pictop {
	padding: 0px 2rem 4rem; width: 100%;
}
.workpage-picbig {
	padding: 4rem 2rem; width: 100%;
}
.workpage-picbig_btm {
	padding: 4rem 2rem 0px; width: 100%;
}
.workpage-picbig_top {
	padding: 0px 2rem 4rem; width: 100%;
}
.tablet-offside {
	padding: 4em 0em;
}
.tablet-offall {
	padding: 0px;
}
.workpage-zoom {
	height: 250px; margin-top: 11rem; margin-bottom: 5em;
}
.workpage-vid {
	font-size: 0.75vw;
}
.workpage-back a {
	padding: 30px;
}
.workpage-next a {
	padding: 30px 40px;
}
.col-workboxpic {
	padding-right: 30px; padding-left: 30px;
}
.col-workboxpicspace {
	padding: 5px 0px;
}
.ecomea-pic1 {
	height: 300px; margin-bottom: 5px;
}
.ecomea-pic2 {
	height: 300px; margin-bottom: 5px;
}
.ecomea-pic3 {
	height: 300px; margin-bottom: 5px;
}
.pavhill-pic1 {
	height: 300px; margin-bottom: 5px;
}
.pavhill-pic2 {
	height: 300px; margin-bottom: 5px;
}
.pavhill-pic3 {
	height: 300px; margin-bottom: 5px;
}
.pavhill-pic4 {
	height: 300px; margin-bottom: 5px;
}
.ecogall-pic1 {
	height: 220px; margin-bottom: 5px;
}
.ecogall-pic2 {
	height: 220px; margin-bottom: 5px;
}
.ecogall-pic3 {
	height: 500px; margin-bottom: 5px;
}
}
@media all and (max-width:639px)
{
.workpage blockquote {
	width: 100%;
}
}
@media all and (max-width:530px)
{
.workpage h3 {
	font-size: 1.4em;
}
.workpage h4 {
	font-size: 1em;
}
.workpage-details p {
	font-size: 1.4em;
}
.next-project {
	font-size: 1em;
}
.next-title {
	font-size: 1.6em;
}
.next-category {
	font-size: 1.2em;
}
.back-project {
	font-size: 1em;
}
.back-title {
	font-size: 1.6em;
}
.back-category {
	font-size: 1.2em;
}
}
@media all and (max-width:490px)
{
.ecogall-pic3 {
	height: 400px;
}
}
@media all and (max-width:410px)
{
.workpage-backbig.workpage-back {
	display: none;
}
.workpage-backsmall {
	display: block;
}
.workpage-footer {
	display: block;
}
.workpage-back {
	width: 100%; display: block;
}
.workpage-next {
	width: 100%; display: block;
}
.workpage-back a {
	padding: 20px 40px 30px;
}
}
.insights-bg {
	background: url("../images/insights-bg.jpg") no-repeat top / cover rgb(0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insights-cover {
	text-align: right;
}
.insights-our {
	height: 200px; position: relative;
}
.insights-our h2 {
	right: 0px; bottom: 0px; margin-bottom: -18px; position: absolute;
}
.insights-txt {
	height: 200px; position: relative;
}
.insights-txt p {
	left: 0px; bottom: 0px; position: absolute;
}
.insights_red_container {
	text-align: right;
}
.insights-red_sec {
	display: inline-block;
}
.insights-red {
	text-align: left; margin-top: -35px;
}
.insights-red .h3_white {
	font-size: 0.85em;
}
.insights-red .h3_smallwhite {
	font-size: 0.65em; margin-top: 0.25em;
}
.insights-red .h3_grey {
	color: rgb(177, 179, 182); font-family: "TheanoDidot-Regular", serif; font-size: 0.5em;
}
.insights-red .top {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 50%; width: 1px; display: block; position: absolute;
}
.insights-red .left {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.insights-red .right {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: 70%; height: 1px; display: block; position: absolute;
}
.insights-list_wrapper {
	padding-bottom: 100px;
}
.insightsbox {
	border-width: 1px; width: 100%; height: auto; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; display: block; align-items: stretch; background-image: none; background-color: rgb(32, 32, 32); -webkit-box-align: stretch; -webkit-align-items: stretch;
}
.insightsbox-hover {
	transition:0.8s; width: 100%; height: 300px; overflow: visible; display: block; position: absolute; z-index: 0; opacity: 0; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -moz-transition: all 0.8s ease;
}
.insightsbox-container {
	height: 300px;
}
.insightsbox-title {
	width: 50%; height: 300px; padding-top: 40px; padding-right: 100px; padding-left: 20px; float: left; position: relative;
}
.insightsbox-intro {
	width: 50%; height: 300px; padding-top: 60px; padding-right: 20px; float: right; position: relative; z-index: 2;
}
.insightsbox:hover .insightsbox-hover {
	opacity: 1;
}
.insightsbox-150423 {
	background-position: 0px 0px; background-image: url("../images/insights/2015/150423/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-151112_1 {
	background-position: 0px 0px; background-image: url("../images/insights/2015/151112-1/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-151112_2 {
	background-position: 0px 0px; background-image: url("../images/insights/2015/151112-2/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-160126 {
	background-position: 0px 0px; background-image: url("../images/insights/2016/160126/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-160427 {
	background-position: 0px 0px; background-image: url("../images/insights/2016/160427/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-160804 {
	background-position: 0px 0px; background-image: url("../images/insights/2016/160804/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-161125 {
	background-position: 0px 0px; background-image: url("../images/insights/2016/161125/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-170303 {
	background-position: 0px 0px; background-image: url("../images/insights/2017/170303/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox-170912 {
	background-position: 0px 0px; background-image: url("../images/insights/2017/170912/thumb.jpg"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
}
.insightsbox h4 {
	text-align: left; color: rgb(255, 255, 255); text-transform: none; font-size: 3em;
}
.insightsbox-date {
	text-align: left; color: rgb(241, 67, 0); text-transform: uppercase; letter-spacing: 0.02em; font-family: "AGaramondPro-Bold",serif; font-size: 1.2em;
}
.insightsbox-excerpt {
	text-align: left; color: rgb(204, 204, 204); line-height: 1.6; letter-spacing: 0.04em; font-size: 1.3em; margin-top: 1.4em;
}
.insightsbox-readmore {
	font-size: 1.2em;
}
.insightsbox-small {
	display: none;
}
@media all and (max-width:1400px)
{
.insights-6to7 {
	width: 58.33%; margin-left: 41.66%;
}
}
@media all and (max-width:1199px)
{
.insightsbox-title {
	height: 260px; padding-right: 50px;
}
.insightsbox-hover {
	height: 260px;
}
.insightsbox-container {
	height: 260px;
}
.insightsbox-intro {
	height: 260px;
}
}
@media all and (max-width:991px)
{
.insights-6to7 {
	width: auto; margin-left: auto;
}
.insights-txt {
	height: auto;
}
.insights-txt p {
	position: static;
}
.insights-cover {
	text-align: left;
}
.insightsbox {
	width: 100%;
}
.insightsbox-wrapper {
	width: auto; height: auto; display: block; table-layout: auto;
}
.insightsbox-thumb_wrapper {
	height: 150px; display: block;
}
.insightsbox-thumb {
	height: 100%; margin-top: 0px;
}
.insightsbox-txt_wrapper {
	display: block;
}
.insightsbox-txt {
	padding: 2em;
}
.insightsbox-txt h4 {
	font-size: 2.4em; margin-bottom: 0.35em;
}
.insightsbox-date {
	margin-bottom: 1.2em;
}
.insightsbox-excerpt {
	margin-top: 0px;
}
.insightsbox-readmore {
	margin-top: 0.6em; margin-bottom: 0.6em;
}
.insightsbox h4 {
	font-size: 2.5em;
}
}
@media all and (max-width:767px)
{
.insights-red .top {
	display: none;
}
.insights-red .left {
	display: none;
}
.insights-red .right {
	display: none;
}
.insights-red {
	margin: 6em 0px 0px;
}
.insightsbox-intro {
	display: none;
}
.insightsbox-small {
	margin-top: 1em; display: block;
}
.insightsbox-title {
	padding: 40px 40px 60px; width: 100%; height: auto;
}
.insightsbox-hover {
	height: auto; opacity: 1;
}
.insightsbox-container {
	height: auto;
}
.insightsbox-intro {
	height: auto;
}
.insightsbox-hover {
	display: none;
}
}
@media all and (max-width:450px)
{
.insights-red_sec {
	display: block;
}
.insights-h2_mobile {
	font-size: 15vw;
}
}
html.insightspage {
	
}
body.insightspage {
	
}
body.insightspage .nav-header {
	left: 0px; top: 0px; width: 100%; height: auto; margin-top: 4em; margin-bottom: 2em; position: absolute; z-index: 102;
}
body.insightspage .header nav .menu-btn {
	margin: 0px auto; width: 27px; height: 35px; position: relative;
}
.insightspage-wrapper {
	padding: 0px 4em; margin-right: auto; margin-left: auto; max-width: 1000px;
}
.insightspage-header {
	text-align: center; margin-top: 150px;
}
.insightspage-link {
	color: rgb(241, 67, 0);
}
.insightspage-link:hover {
	color: rgb(255, 255, 255);
}
.insightspage h3 {
	text-align: center; color: rgb(225, 225, 225); text-transform: none; line-height: 1.2; letter-spacing: 0.05em; font-family: "LatoWebBold",sans-serif; font-size: 3em;
}
.insightspage h4 {
	margin: 0.9em 0px 1.5em; text-align: center; color: rgb(215, 215, 215); letter-spacing: 0.03em; font-family: "AGaramondPro-Bold",serif; font-size: 1.7em;
}
.insightspage-content {
	margin-top: 4em;
}
.insightspage h5 {
	color: rgb(255, 255, 255); text-transform: none; letter-spacing: 0.03em; font-family: "LatoWeb",sans-serif; font-size: 2.2em; margin-top: 2em;
}
.insightspage hr.divider_heading {
	background: rgb(226, 6, 19); margin: 0.5em 0px 1em; border: currentColor; border-image: none; width: 50px; height: 4px; clear: both;
}
.insightspage hr.divider_paragraph {
	background: rgb(54, 54, 54); margin: 4em 0px; border: currentColor; border-image: none; height: 1px; clear: both;
}
.insightspage-content p {
	color: rgb(194, 194, 194); line-height: 1.3; letter-spacing: 0.05em; font-family: "LatoWebLight", sans-serif; font-size: 1.5em;
}
.insightspage-content li {
	color: rgb(194, 194, 194); line-height: 1.2; letter-spacing: 0.05em; font-family: "LatoWebLight", sans-serif; font-size: 1.5em;
}
.insightspage-content img {
	margin-top: 4em; margin-bottom: 4em;
}
.insightspage-content img.insightspage-smallimg {
	margin-top: 1em; margin-bottom: 2em;
}
p.insightspage-date {
	letter-spacing: 0.03em; font-size: 1.3em; font-style: italic; margin-top: 3em;
}
.insightspage-list h6 {
	color: rgb(255, 255, 255); font-size: 1.3em;
}
.insightspage-list li {
	border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 1.3; font-size: 1.15em; text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
:first-child.list-group-item {
	border-radius: 0px;
}
:last-child.list-group-item {
	border-radius: 0px;
}
.insightspage-list > .list-group-item {
	padding: 20px 30px;
}
.insightspage-list > .list-group-item > ul > li {
	line-height: 1.3;
}
.piebg-regular_guy {
	background-color: rgb(255, 247, 166);
}
.piebg-innocent {
	background-color: rgb(143, 115, 176);
}
.piebg-ruler {
	background-color: rgb(145, 33, 131);
}
.piebg-sage {
	background-color: rgb(103, 40, 131);
}
.piebg-magician {
	background-color: rgb(94, 83, 159);
}
.piebg-hero {
	background-color: rgb(70, 128, 191);
}
.piebg-creator {
	background-color: rgb(2, 179, 197);
}
.piebg-explorer {
	background-color: rgb(19, 175, 153);
}
.piebg-outlaw {
	background-color: rgb(59, 170, 52);
}
.piebg-jester {
	background-color: rgb(229, 1, 60);
}
.piebg-lover {
	background-color: rgb(234, 66, 99);
}
.piebg-caregiver {
	background-color: rgb(241, 129, 1);
}
.nav-tabs li {
	width: 33.33%;
}
.nav-tabs_link {
	text-align: center;
}
.nav-tabs_link img {
	margin: 0px 0px 10px; width: 80px;
}
.nav-tabs > li > a {
	border-radius: 0px;
}
.insightspage-share {
	
}
.insightspage-content p.share-call {
	color: rgb(172, 172, 172); letter-spacing: 0.05em; font-family: "LatoWeb",sans-serif; font-size: 1.2em; margin-right: 1em; margin-bottom: 1.2em; display: inline-block;
}
.st_facebook_custom {
	background: url("../images/icon-share_fb.png") no-repeat left top / 24px 24px; margin: 0px 8px 0px 0px; padding: 12px; vertical-align: sub; cursor: pointer; opacity: 1;
}
.st_facebook_custom:hover {
	transition:0.3s ease-out; opacity: 0.7; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.st_twitter_custom {
	background: url("../images/icon-share_tw.png") no-repeat left top / 24px 24px; margin: 0px 8px 0px 0px; padding: 12px; vertical-align: sub; cursor: pointer; opacity: 1;
}
.st_twitter_custom:hover {
	transition:0.3s ease-out; opacity: 0.7; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.st_linkedin_custom {
	background: url("../images/icon-share_in.png") no-repeat left top / 24px 24px; margin: 0px 8px 0px 0px; padding: 12px; vertical-align: sub; cursor: pointer; opacity: 1;
}
.st_linkedin_custom:hover {
	transition:0.3s ease-out; opacity: 0.7; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.st_email_custom {
	background: url("../images/icon-share_email.png") no-repeat left top / 24px 24px; margin: 0px 8px 0px 0px; padding: 12px 12px 12px 24px; vertical-align: sub; cursor: pointer; opacity: 1;
}
.st_email_custom:hover {
	transition:0.3s ease-out; opacity: 0.7; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.insightspage-listnumber ol {
	margin-top: 4em;
}
.insightspage-listnumber ol li {
	margin-bottom: 0.8em;
}
.insightspage-btn {
	background: rgb(70, 70, 70); padding: 0.4em 1.4em; color: rgb(204, 204, 204); text-transform: uppercase; letter-spacing: 0.03em; font-family: "LatoWeb",sans-serif; font-size: 1.1em; margin-top: 5em; display: inline-block;
}
.insightspage-btn:hover {
	background: rgb(241, 67, 0); color: rgb(255, 255, 255);
}
p.insightspage-sources {
	line-height: 1.4; font-size: 1.1em; font-style: italic; margin-top: 2em;
}
.insightspage-back {
	background: rgb(187, 187, 187); width: 100%; margin-top: 70px; float: none; display: block;
}
.insightspage-back a {
	padding: 25px 60px 30px; transition:0.5s; flex:1 1 auto; overflow: hidden; display: block; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-box-flex: 1; -webkit-flex: 1 1 auto;
}
.insightspage-back a::after {
	background: rgb(241, 67, 0); transition:0.5s; top: 0px; width: 0px; height: 3px; right: 0px; position: absolute; content: ""; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.insightspage-back a:hover::after {
	width: 100%; right: 0px;
}
.insightspage-content .highlight {
	font-family: "LatoWebBold", sans-serif;
}
@media all and (min-width:1600px)
{
.insightspage h3 {
	font-size: 3.5em;
}
.insightspage h4 {
	font-size: 2em;
}
}
@media all and (max-width:991px)
{
.insightspage-wrapper {
	margin-right: auto; margin-left: auto; max-width: 100%;
}
}
@media all and (max-width:920px)
{
.nav-tabs_link img {
	width: 40px;
}
}
@media all and (max-width:790px)
{
.nav-tabs li {
	width: auto;
}
}
@media all and (max-width:667px)
{
.insightspage-content p {
	line-height: 1.2; letter-spacing: 0.05em; font-size: 1.35em;
}
}
@media all and (max-width:600px)
{
.nav-tabs li {
	width: 100%;
}
.nav-tabs > li > a {
	padding: 4px 15px 5px; text-align: left;
}
.nav-tabs_link img {
	margin: 0px;
}
}
@media all and (max-width:530px)
{
.insightspage h3 {
	font-size: 2.6em;
}
.insightspage h4 {
	font-size: 1.5em;
}
}
.foremymum-pg {
	height: 100%;
}
.foremymum-bg {
	height: 100%;
}
.foremymum-bg {
	background: url("../images/foremymum/bg.png") no-repeat bottom / contain rgb(255, 255, 255); -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain;
}
.foremymum-wrapper {
	height: 100%; min-height: 100%;
}
.foremymum-bg h2 {
	font-size: 2.4em; margin-top: 1em; margin-bottom: 0.3em;
}
.foremymum-bg h3 {
	font-size: 12em;
}
.foremymum-bg p {
	color: rgb(25, 25, 25); line-height: 1.3; letter-spacing: 0.02em; font-size: 1.46em; margin-top: 0.8em;
}
.foremymum-redsquare {
	background: rgba(241, 67, 0, 0.9); padding: 14em 4em 2em; width: 520px; display: inline-block; position: relative; z-index: 1;
}
.is-table-row .box {
	background: none; position: static;
}
.foremymum-left {
	padding-top: 3em;
}
.foremymum-hashtag {
	color: rgb(241, 67, 0); font-family: "TheanoDidot-Regular", serif; display: inline-block;
}
p.foremymum-question {
	color: rgb(177, 179, 182); line-height: 1.18; letter-spacing: 0.02em; font-family: "TheanoDidot-Regular", serif; font-size: 3.6em; margin-top: 0px;
}
.foremymum-h3_white {
	color: rgb(255, 255, 255);
}
p.foremymum-redtxt {
	color: rgb(241, 67, 0); text-transform: uppercase; letter-spacing: 0.03em; font-size: 1.3em;
}
.foremymum-form {
	width: 100%; margin-top: 4em;
}
.foremymum-formq {
	width: 70%; right: 30%; float: left; position: relative;
}
.foremymum-hint {
	left: 70%; width: 30%; text-align: center; float: left; display: block; position: relative;
}
.foremymum-hintmobile {
	left: 70%; width: 30%; text-align: center; float: left; display: none; position: relative;
}
.foremymum-hintbulb {
	background: url("../images/foremymum/hint-grey.png") no-repeat center; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); transition:0.5s; border-image: none; margin-right: auto; margin-left: auto; display: inline-block; position: relative; z-index: 3; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.foremymum-hintbulb::after {
	border-radius: inherit; animation:pulse 2s infinite; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; background-color: transparent; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite;
}
.foremymum-hintbulb:hover {
	background: url("../images/foremymum/hint-white.png") no-repeat center rgb(0, 0, 0);
}
.active.foremymum-hintbulb {
	background: url("../images/foremymum/hint-white.png") no-repeat center rgb(0, 0, 0); border: 2px solid rgb(255, 255, 255); border-image: none;
}
.foremymum-line {
	background: linear-gradient(rgba(138, 138, 138, 1) 0%, rgba(138, 138, 138, 0) 100%); left: 50%; top: 48px; width: 2px; height: 200px; position: absolute; z-index: -1;
}
.foremymum-hintbulbm {
	background: url("../images/foremymum/hint-grey.png") no-repeat center; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); transition:0.5s; border-image: none; margin-right: 1em; float: right; display: none; position: relative; z-index: 2; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.foremymum-hintbulbm::after {
	border-radius: inherit; animation:pulse 2s infinite; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; background-color: transparent; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite;
}
.foremymum-hintbulbm:hover {
	background: url("../images/foremymum/hint-white.png") no-repeat center rgb(0, 0, 0);
}
.active.foremymum-hintbulbm {
	background: url("../images/foremymum/hint-white.png") no-repeat center rgb(0, 0, 0); border: 2px solid rgb(255, 255, 255); border-image: none;
}
.foremymum-hintdetails {
	background: rgb(0, 0, 0); padding: 90px 1em 2em; transition:1s; left: 0px; top: 0px; width: 100%; font-size: 0.9em; margin-top: -2em; position: absolute; z-index: -1; -ms-zoom: 1; opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease;
}
.show.foremymum-hintdetails {
	transition:1s; z-index: 1; -ms-zoom: 1; opacity: 1; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease;
}
.foremymum-hintcontent {
	transition:0.6s; -ms-zoom: 1; opacity: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease;
}
.show.foremymum-hintcontent {
	transition:0.6s; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease;
}
.foremymum-hintdetails p {
	color: rgb(255, 255, 255);
}
p.foremymum-hint_title {
	color: rgb(177, 179, 182); text-transform: uppercase; letter-spacing: 0.01em; font-family: "TheanoDidot-Regular", serif; font-size: 2.2em; margin-top: 0px;
}
.foremymum-hintlink {
	color: rgb(241, 67, 0); text-transform: uppercase; text-decoration: underline;
}
a.foremymum-hintlink:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
a.foremymum-hintlink:focus {
	color: rgb(241, 67, 0); text-decoration: underline;
}
.foremymum-formcontrol {
	height: 40px; padding-right: 16px; padding-left: 16px; font-size: 1.3em;
}
.foremymum-formcontrol:focus {
	box-shadow: none;
}
.foremymum-formgroup {
	margin-bottom: 1em;
}
.foremymum-btn {
	background: rgb(241, 67, 0); padding: 0.4em 2.6em; border: currentColor; transition:0.5s; border-image: none; width: auto; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.02em; font-family: "LatoWebBold", sans-serif; font-size: 1.6em; margin-top: 1.2em; display: inline-block; -ms-text-overflow: clip; box-sizing: content-box; transform: skewX(-20deg); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transform: skewX(-20deg); -moz-transition: all 0.5s ease; -o-text-overflow: clip;
}
.foremymum-btn:hover {
	background: rgb(0, 0, 0);
}
.foremymum-btn_txt {
	display: block; transform: skewX(20deg); -webkit-transform: skewX(20deg);
}
.foremymum-boxm {
	background: rgb(241, 67, 0);
}
.foremymum-boxmtxt {
	transition:1s; width: 100%; text-align: center; padding-top: 3em; font-size: 0.9em; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease;
}
.foremymum-boxmtxt p {
	color: rgb(255, 255, 255);
}
.foremymum-btm {
	height: 100px;
}
.foremymum4 .is-table-row {
	margin-top: 40px;
}
.foremymum-tqsec {
	width: 100%;
}
.foremymum-tqsectxt {
	width: 60%; margin-top: 50px; margin-left: 10%; float: left;
}
.foremymum-tqsecline {
	width: 30%; float: left; position: relative;
}
.foremymum-tqline {
	background: linear-gradient(rgba(138, 138, 138, 1) 0%, rgba(138, 138, 138, 0) 100%); left: 50%; top: 0px; width: 2px; height: 200px; margin-top: -150px; display: block; position: absolute; z-index: -1;
}
p.foremymum-tq {
	color: rgb(241, 67, 0); text-transform: uppercase; letter-spacing: 0.04em; font-family: "TheanoDidot-Regular", serif; font-size: 4.6em;
}
p.foremymum-tqtxt {
	font-size: 1.6em;
}
.red {
	color: rgb(241, 67, 0);
}
.black {
	color: rgb(0, 0, 0);
}
.foremymum-tq1 {
	margin-bottom: 1.4em;
}
.foremymum-tq2 {
	margin-bottom: 1em;
}
.foremymum-sns {
	margin-bottom: 6em;
}
.foremymum-tq3 {
	
}
.foremymum-tw {
	background: url("../images/foremymum/icon-tw_grey.png") no-repeat center / 40px; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); border-image: none; display: inline-block;
}
.foremymum-tw:hover {
	background: url("../images/foremymum/icon-tw_white.png") no-repeat center / 40px rgb(241, 67, 0); padding: 30px; border-radius: 50%; border: 2px solid rgb(241, 67, 0); border-image: none; display: inline-block;
}
.foremymum-tw:focus {
	background: url("../images/foremymum/icon-tw_grey.png") no-repeat center / 40px; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); border-image: none; display: inline-block;
}
.foremymum-ins {
	background: url("../images/foremymum/icon-ins_grey.png") no-repeat center / 38px; margin: 0px 1.2em; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); border-image: none; display: inline-block;
}
.foremymum-ins:hover {
	background: url("../images/foremymum/icon-ins_white.png") no-repeat center / 38px rgb(241, 67, 0); padding: 30px; border-radius: 50%; border: 2px solid rgb(241, 67, 0); border-image: none; display: inline-block;
}
.foremymum-ins:focus {
	background: url("../images/foremymum/icon-ins_white.png") no-repeat center / 38px; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); border-image: none; display: inline-block;
}
.foremymum-in {
	background: url("../images/foremymum/icon-linkedin_grey.png") no-repeat center / 38px; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); border-image: none; display: inline-block;
}
.foremymum-in:hover {
	background: url("../images/foremymum/icon-linkedin_white.png") no-repeat center / 38px rgb(241, 67, 0); padding: 30px; border-radius: 50%; border: 2px solid rgb(241, 67, 0); border-image: none; display: inline-block;
}
.foremymum-in:focus {
	background: url("../images/foremymum/icon-linkedin_white.png") no-repeat center / 38px; padding: 30px; border-radius: 50%; border: 2px solid rgb(138, 138, 138); border-image: none; display: inline-block;
}
.foremymum-tqbtn {
	position: relative;
}
.foremymum-tqbtn:hover {
	background: rgb(138, 138, 138);
}
.foremymum-fb {
	left: 1.4em; width: 28px; bottom: 4px; position: absolute; transform: skewX(20deg); -webkit-transform: skewX(20deg);
}
.foremymum-fbtxt {
	padding-left: 20px; transform: skewX(20deg); -webkit-transform: skewX(20deg);
}
.foremymum-tqbtm {
	height: 140px;
}
.foremymum-close {
	width: 27px; height: 35px; overflow: hidden; display: inline-block; position: relative; cursor: pointer;
}
.foremymum-close::before {
	background: rgb(241, 67, 0); transition:0.3s; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; position: absolute; content: ""; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.foremymum-close::after {
	background: rgb(241, 67, 0); transition:0.3s; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; position: absolute; content: ""; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.foremymum-close::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);
}
.foremymum-close::after {
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
}
.foremymum-close:hover::before {
	background: rgb(34, 34, 34);
}
.foremymum-close:hover::after {
	background: rgb(34, 34, 34);
}
.foremymum-loginbox {
	background: rgb(255, 255, 255); padding-top: 6em;
}
p.foremymum-logintxt {
	color: rgb(0, 0, 0); line-height: 1.3; letter-spacing: 0.02em; font-size: 1.6em; margin-top: 0.8em;
}
p.foremymum-lg1 {
	margin-top: 2em;
}
.foremymum-qlogin {
	background: rgb(241, 67, 0); color: rgb(255, 255, 255); text-transform: uppercase; font-size: 1.4em; margin-top: 2em; display: none; lette-spacing: 0.04em;
}
.foremymum-qlogin:hover {
	background: rgb(255, 255, 255);
}
.foremymum-loginterms {
	color: rgb(241, 67, 0);
}
.foremymum-loginterms:hover {
	
}
.foremymum-loginterms:focus {
	color: rgb(241, 67, 0);
}
@media all and (min-width:1400px)
{
.foremymum-bg .container {
	width: 1370px;
}
}
@media all and (min-width:2201px)
{
.foremymum-bg h3 {
	font-size: 12em;
}
}
@media only screen and (min-width:991px)
{
.is-table-row {
	width: 100%; display: table;
}
.foremymum-left {
	float: none; display: table-cell;
}
.foremymum-right {
	float: none; display: table-cell;
}
.foremymum-left {
	vertical-align: middle;
}
.foremymum-right {
	vertical-align: top;
}
}
@media all and (max-width:1200px)
{
.foremymum-tqsecline {
	display: none;
}
.foremymum-tqsectxt {
	width: 100%; margin-top: 0px; margin-left: 0px;
}
.foremymum4 .foremymum-right {
	vertical-align: middle;
}
}
@media all and (max-width:990px)
{
.foremymum-pg {
	height: auto;
}
.foremymum-bg {
	height: auto;
}
.foremymum-redsquare {
	padding: 3em 4em 2em; width: 100%;
}
.foremymum-bg h3 {
	font-size: 8em;
}
.foremymum-question br {
	display: none;
}
p.foremymum-question {
	font-size: 2.8em;
}
.foremymum4 .is-table-row {
	margin-top: 0px;
}
.foremymum-tqbtm {
	display: none;
}
.foremymum-tqbtn {
	margin-bottom: 120px;
}
.foremymum-sns {
	margin-bottom: 3em;
}
}
@media all and (max-width:600px)
{
.foremymum-hint_txt br {
	display: none;
}
}
@media all and (max-width:480px)
{
.foremymum-hint {
	left: 0px; width: 100%;
}
.foremymum-formq {
	width: 100%; right: 0px;
}
.foremymum-form {
	margin-top: 2em;
}
.foremymum-hintbulb {
	display: none;
}
.foremymum-hintdetails {
	display: none;
}
.foremymum-hintbulbm {
	display: inline-block;
}
.foremymum-hintlink {
	color: rgb(0, 0, 0);
}
a.foremymum-hintlink:hover {
	color: rgb(255, 255, 255);
}
a.foremymum-hintlink:focus {
	color: rgb(0, 0, 0);
}
p.foremymum-hint_title {
	font-size: 2.6em;
}
p.foremymum-hint_txt {
	font-size: 1.8em;
}
.show.foremymum-hintdetails {
	display: none !important;
}
.foremymum-line {
	display: none;
}
}
@media all and (max-height:797px)
{
.fmm1.foremymum-pg {
	height: auto;
}
.fmm1.foremymum-bg {
	height: auto;
}
}
@media all and (max-height:736px)
{
.fmm2.foremymum-pg {
	height: auto;
}
.fmm2.foremymum-bg {
	height: auto;
}
}
@media all and (max-height:779px)
{
.fmm3.foremymum-pg {
	height: auto;
}
.fmm3.foremymum-bg {
	height: auto;
}
}
@media all and (max-height:514px)
{
.fmm4.foremymum-pg {
	height: auto;
}
.fmm4.foremymum-bg {
	height: auto;
}
}
.location-comingsoon span#sg {
	display: inline;
}
.location-comingsoon:hover span#sg {
	display: none;
}
.location-comingsoon span#sg_cs {
	display: none;
}
.location-comingsoon:hover span#sg_cs {
	display: inline;
}
.location-comingsoon span#hk {
	display: inline;
}
.location-comingsoon:hover span#hk {
	display: none;
}
.location-comingsoon span#hk_cs {
	display: none;
}
.location-comingsoon:hover span#hk_cs {
	display: inline;
}
.location-comingsoon span#aus {
	display: inline;
}
.location-comingsoon:hover span#aus {
	display: none;
}
.location-comingsoon span#aus_cs {
	display: none;
}
.location-comingsoon:hover span#aus_cs {
	display: inline;
}
.location-comingsoon span#indo {
	display: inline;
}
.location-comingsoon:hover span#indo {
	display: none;
}
.location-comingsoon span#indo_cs {
	display: none;
}
.location-comingsoon:hover span#indo_cs {
	display: inline;
}
.modalLocation-list li:nth-child(5) {
	display: none;
}
.popup .modal-dialog {
	margin-top: 30px;
}
.popup .modal-content {
	margin: 0px auto; padding: 3em 0px; border-radius: 0px; border: currentColor; border-image: none; text-align: right; max-width: 800px; box-shadow: none; background-color: transparent;
}
.popup .modal-content h4 {
	color: rgb(136, 136, 136); letter-spacing: 0.1em; font-family: "LatoWebBold",sans-serif; font-size: 1.3em; margin-bottom: 2em;
}
.popup-desktop {
	display: block;
}
.popup-mobile {
	display: none;
}
@media all and (max-width:600px)
{
.popup-desktop {
	display: none;
}
.popup-mobile {
	display: block;
}
}
