/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 8, 2017 */

@font-face {
	font-family: "futuramedium";
	src: url("../fonts/futura-medium-webfont.woff2") format("woff2"), url("../fonts/futura-medium-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "futuramedium";
	src: url("../fonts/futura-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/futura-mediumitalic-webfont.woff") format("woff");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.ttf?10wuep") format("truetype"), url("../fonts/icomoon.woff?10wuep") format("woff"), url("../fonts/icomoon.svg?10wuep#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
	content: "";
}

.icon-arrow-up:before {
	content: "";
}

.icon-arrow-left-circle:before {
	content: "";
}

.icon-arrow-right-circle:before {
	content: "";
}

.switcher ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
.intro-holder .detail dl:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	padding: 15px 0;
	-webkit-transition: padding .3s ease-in-out, background .3s ease-in-out;
	transition: padding .3s ease-in-out, background .3s ease-in-out;
}

.resize-active #header {
	-webkit-transition: none;
	transition: none;
}

#header.sticky {
	background: #231f20;
	padding: 10px 0;
}

#header.sticky + .main-menu {
	padding-top: 95px;
}

#header.sticky + .main-menu .menu-opener {
	top: 10px;
}

#header .flex-container {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#header .logo {
	width: 120px;
	display: block;
}

.main-menu {
	background: #231f20;
	color: #fff;
	position: fixed;
	width: 100%;
	max-width: 435px;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	z-index: 20;
	-webkit-transition: padding-top .3s ease-in-out, -webkit-transform .68s cubic-bezier(.64, .04, .35, 1);
	transition: padding-top .3s ease-in-out, transform .68s cubic-bezier(.64, .04, .35, 1);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	text-align: right;
	padding: 100px 70px 20px;
}

.menu-active .main-menu {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.main-menu .menu-opener {
	position: absolute;
	top: 15px;
	right: 20px;
	-webkit-transition: top .3s ease-in-out;
	transition: top .3s ease-in-out;
}

.resize-active .main-menu .menu-opener {
	-webkit-transition: none;
	transition: none;
}

.menu-active .main-menu .menu-opener .menu-icon span:nth-child(1) {
	-webkit-transform: rotate(45deg) translate3d(6px, 6px, 0);
	transform: rotate(45deg) translate3d(6px, 6px, 0);
}

.menu-active .main-menu .menu-opener .menu-icon span:nth-child(2) {
	-webkit-transform: scaleX(0) translateZ(0);
	transform: scaleX(0) translateZ(0);
}

.menu-active .main-menu .menu-opener .menu-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate3d(5.5px, -5px, 0);
	transform: rotate(-45deg) translate3d(5.5px, -5px, 0);
}

.main-menu a {
	color: currentColor;
}

.main-menu ul {
	font-size: 26px;
	letter-spacing: .04em;
	margin-bottom: 20px;
}

.main-menu ul li {
	list-style: none;
	margin: 0 0 5px;
}

.main-menu ul a {
	color: #fff;
}

.main-menu ul a:hover {
	color: #808083;
}

.main-menu ul ul {
	font-size: 16px;
	letter-spacing: .07em;
	font: 14px/1.5 "futuramedium", Helvetica, Arial, sans-serif;
	margin: 0 0 13px;
	padding: 0;
	color: #808083;
}

.main-menu ul ul a {
	color: #808083;
}

.main-menu ul ul a:hover {
	color: #fff;
}

.main-menu .social {
	color: #808083;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 26px;
	margin-bottom: 20px;
}

.main-menu .social li {
	margin: 0 0 0 21px;
}

.main-menu .social a {
	color: #808083;
}

.main-menu .social a:hover {
	color: #fff;
}

.menu-opener {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-transform: uppercase;
	font: 14px/1 "futuramedium", Helvetica, Arial, sans-serif;
	letter-spacing: .14em;
	color: #fff;
}

.menu-opener:hover {
	color: #808083;
}

.menu-opener .menu-icon {
	width: 35px;
	height: 35px;
	display: block;
	position: relative;
	margin-left: 15px;
}

.menu-opener .menu-icon span {
	width: 35px;
	height: 2px;
	background: #fff;
	background: currentColor;
	position: absolute;
	right: 0;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

.resize-active .menu-opener .menu-icon span {
	-webkit-transition: none;
	transition: none;
}

.menu-opener .menu-icon span:nth-child(1) {
	top: 8px;
	-webkit-transition: -webkit-transform .33s .4s cubic-bezier(.72, .01, .28, .98);
	transition: transform .33s .4s cubic-bezier(.72, .01, .28, .98);
}

.menu-opener .menu-icon span:nth-child(2) {
	top: 16px;
	-webkit-transition: -webkit-transform .21s .575s cubic-bezier(.72, .01, .28, .98);
	transition: transform .21s .575s cubic-bezier(.72, .01, .28, .98);
}

.menu-opener .menu-icon span:nth-child(3) {
	top: 24px;
	-webkit-transition: -webkit-transform .33s .4s cubic-bezier(.72, .01, .28, .98);
	transition: transform .33s .4s cubic-bezier(.72, .01, .28, .98);
}

.menu-opener .text {
	position: relative;
	z-index: 1;
}

.menu-active #footer,
.menu-active .main {
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
}

#footer,
.main {
	-webkit-transition: -webkit-transform .68s cubic-bezier(.64, .045, .35, 1);
	transition: transform .68s cubic-bezier(.64, .045, .35, 1);
}

body {
	letter-spacing: .01em;
}

#wrapper {
	overflow: hidden;
	position: relative;
}

a {
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-top: 0;
}

h3,
.h3 {
	letter-spacing: .06em;
	margin: 0 0 18px;
}

p {
	margin: 0 0 14px;
}

textarea {
    resize: none;
}

.btn {
	letter-spacing: .09em;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	-webkit-transition: border .3s ease-in-out, color .3s ease-in-out;
	transition: border .3s ease-in-out, color .3s ease-in-out;
	padding: 8px 20px;
	border-radius: 0;
	box-shadow: none;
}

.btn:active {
	box-shadow: none;
}

.btn.btn-default:hover {
	color: #231f20;
	border-color: #231f20;
}

.btn-link {
	padding: 0;
	border: none;
	font-size: 16px;
	text-transform: none;
	letter-spacing: .01em;
	color: #000;
}

.btn-link:hover {
	color: #808083;
}

.btn-link:before {
	content: "—";
	margin-right: 4px;
}

.container-fluid {
	padding: 0 20px;
	max-width: 1366px;
}

.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .07em;
	color: #000;
}

blockquote.with-decor {
	position: relative;
	padding-left: 70px;
}

blockquote p {
	margin: 0 0 14px;
}

blockquote .quote-img {
	position: absolute;
	top: 4px;
	left: 0;
	width: 50px;
}

blockquote cite {
	font: 12px/1 "futuramedium", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #808083;
	letter-spacing: .17em;
}

blockquote cite:before {
	content: "—";
	margin-right: 8px;
}

.form .contact-submit {
    margin-top: 45px;
}

.form-group {
	margin-bottom: 0;
}

.form-group .form-control {
	margin-bottom: 20px;
}

.form-control {
	box-shadow: none;
	font-size: 14px;
	line-height: 2;
	height: 40px;
	padding: 5px 15px;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.row-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#footer {
	background: #231f20;
	padding: 50px 0 30px;
	font-size: 13px;
	line-height: 1.846;
	text-align: center;
}

#footer .footer-nav p{
	margin-bottom: 0;
	display: inline-block;
	vertical-align: top;
}

#footer address {
	line-height: 1.846;
}

#footer a {
	color: #808083;
}

#footer a:hover {
	color: #fff;
}

#footer h4 {
	font: 13px/1.5 "futuramedium", Helvetica, Arial, sans-serif;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: #babcbe;
	margin: 0 0 3px;
}

#footer ul {
	margin: 0 0 30px;
}

#footer p:last-child {
	margin-bottom: 0;
}

#footer p.hours {
	margin-bottom: 20px;
}

#footer .logo {
	margin: 0 auto 30px;
	width: 185px;
	display: block;
}

#footer .copyright {
	font-size: 12px;
	line-height: 1.308;
}

#footer .copyright .credits-link:before {
	content: "|";
	color: #808083;
	margin: 0 6px;
	pointer-events: none;
}
/* gradient helper for slideshow and heros */
.gov-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 37%);
}

.slideshow,
.hero-slideshow {
	position: relative;
}

.video-popup-active .slideshow,
.video-popup-active
  .hero-slideshow {
	z-index: 11;
}

.slideshow .slide,
.hero-slideshow .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
}

.slideshow .slide.active,
.hero-slideshow .slide.active {
	z-index: 2;
}

.slideshow.not-enough-slides .btn-next,
.slideshow.not-enough-slides .btn-prev,
.hero-slideshow.not-enough-slides .btn-next,
.hero-slideshow.not-enough-slides .btn-prev {
	visibility: hidden;
}

.slideshow .btn-next,
.slideshow .btn-prev,
.hero-slideshow .btn-next,
.hero-slideshow .btn-prev {
	color: #fff;
}

.carousel .controls {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 70px;
}

.carousel .controls .carousel-control {
	display: block;
	width: auto;
}

.carousel .controls .carousel-control span {
	display: block;
}

.carousel .carousel-control {
	position: static;
	box-shadow: none;
	background: none;
	opacity: 1;
	text-shadow: none;
	font-size: 30px;
	line-height: 1;
}

.carousel .custom-bg .carousel-control {
    background-color: rgba(0,0,0,.5);
    border-radius: 24px;
}

.carousel .item {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-perspective: initial !important;
	perspective: initial !important;
}

.carousel .item img {
	max-width: none;
	width: 100%;
	height: auto;
}

.carousel .item img.contain-img {
	max-width: none;
	width: auto;
	max-height: 600px;
	margin: 0 auto;
}

.wide-mobile-carousel {
	margin-left: -20px;
	margin-right: -20px;
}

.switcher {
	position: absolute;
	bottom: 60px;
	left: 20px;
	z-index: 5;
}

.video-popup-active .switcher {
	z-index: -1;
}

.switcher ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	margin: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.switcher li {
	margin: 0 8px 0 0;
}

.switcher a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #fff;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.switcher a:hover {
	background: #fff;
}

.switcher .active a {
	background: #fff;
}

.carousel-caption {
	padding: 0;
	color: #fff;
	text-shadow: none;
}

.carousel-caption.text-left,
.carousel-caption.text-right {
	max-width: 60%;
}

.carousel-caption.text-right {
	left: auto;
	right: 6%;
	text-align: right;
}

.carousel-caption.text-left {
	right: auto;
	left: 6%;
}

.carousel-caption .title {
	color: #fff;
	font: 14px/1 "futuramedium", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .17em;
	margin: 0 0 7px;
}

/*new update style*/

.filtration-holder {
    padding-top: 10px;
    color: #fff;
}

.filter-title {
    font-weight: 400;
    margin-bottom: 10px;
}

.filter-list {
    list-style: none;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
}

.filter-list li {
    margin-bottom: 5px;
}

.filter-list li a {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
}

.filter-list li a:hover {
    border-bottom-color: #fff;
    text-decoration: none !important;
}

.description {
    font-weight: normal;
    display: block;
    color: #fff;
}
.intro-holder.detail-intro a,
.intro-holder.press-intro a {
	    color: #fff;
	}
	.intro-holder.detail-intro a:hover,
	.intro-holder.press-intro a:hover {
	   text-decoration: underline;
	}
	
	.press-detail-info .btn-primary {
	    background-color: #231f20;
	}
	.press-detail-info .btn-primary:hover {
	    background-color: #080707;
	}
	

.press-section {
    padding: 80px 0 52px;
}

.article-holder .article-link {
    /*position: relative;
    display: block;
    padding-top: 120%;
    background: #cfb372;
    overflow: hidden;
    margin-bottom: 10px;*/
}

.article-holder .article-item {
    padding-top: 120%;
    position: relative;
    background: red;
    overflow: hidden;
    background: #cfb372;
}

.article-holder .grid-item {
    margin-bottom: 15px;
}

.article-holder .article-link:hover .img-holder {
    transform: translate(0, 0);
}

.article-holder .article-link:hover .article-title h3 {
    transform: translateX(-10px);
}

.article-holder .article-link:hover .article-title .publication-date {
    transform: translateX(-10px);
}


.article-holder .img-holder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) 1s;
	transition: transform cubic-bezier(.23, .81, .4, 1) 1s;
	transform: translate3d(46px, 90px, 0);
}

.article-holder .article-title {
    padding-left: 15px;
    padding-top: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.article-holder .article-title h3 {
    position: relative;
    padding-left: 15px;
    margin-bottom: 0;
    
    -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) 1s;
    transition: transform cubic-bezier(.23, .81, .4, 1) 1s;
}

.article-holder .article-title .publication-date {
     padding-left: 15px;
     -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) 1s;
    transition: transform cubic-bezier(.23, .81, .4, 1) 1s;
}

.article-holder .article-title h3:before{
     content:'';
     position: absolute;
     left: 0;
     top: 50%;
     height: 1px;
     width: 10px;
     background: #231f20;
}

.press-detail-info {
    margin-bottom: 50px;
}

.press-detail-info .press-detail-img {
    min-height: 200px;
    margin-bottom: 35px;
}

.hero-section .visual {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	min-height: calc(100vh - 100px);
	color: #fff;
	background: #333;
}

.hero-section .visual .bg-holder {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.hero-section .visual .btn-link {
	color: #fff;
}

.hero-section .visual .btn-link:hover {
	color: #231f20;
}

.hero-section .visual .video-holder {
	margin: 30px auto -50px;
	position: relative;
	height: auto;
	height: 54vw;
	max-width: 450px;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
}

.hero-section .visual .visual-holder {
	padding: 30px 0;
}

.hero-section .visual.with-video .visual-holder {
	padding: 30px 0 0;
}

.hero-section .visual.with-video + [class*="content"] {
	padding-top: 70px;
}

.hero-section .action-box {
	position: relative;
	z-index: 10;
	background: #231f20;
	margin: -40px 0 0 20px;
	padding: 20px;
	color: #fff;
	max-width: 910px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.hero-section .action-box .holder {
	padding-left: 20px;
	border-left: 1px solid #808083;
}

.hero-section .action-box .sub-title {
	font: 16px/1.5 "futuramedium", Helvetica, Arial, sans-serif;
	color: #808083;
	text-transform: uppercase;
	letter-spacing: .17em;
	display: block;
	margin: 0 0 16px;
}

.hero-section .action-box h2 {
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: .03em;
	margin: 0 0 20px;
	color: #fff;
}

.hero-section .action-box .btn {
	font-size: 12px;
	min-width: 144px;
	padding: 4px 20px;
}

.hero-section .action-box .btn.btn-default {
	color: #fff;
}

.hero-section .action-box .btn.btn-default:hover {
	border-color: #fff;
}

.hero-section .jumbotron {
	z-index: 1;
	position: relative;
	line-height: 1.667;
	padding: 90px 0;
	font-size: 16px;
	width: 100%;
	margin-bottom: 0;
}

.hero-section .jumbotron h1 {
	margin: 0 0 13px;
	font-size: 26px;
}

.hero-section .jumbotron h1:last-child {
	margin-bottom: 0;
}

.hero-section .jumbotron p {
	font-size: 20px;
}

.hero-section .jumbotron p:last-child {
	margin-bottom: 0;
}

.visual-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.visual-container .visual {
	width: 100%;
}

.js-popup-video {
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	z-index: 100;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}

.js-popup-video.active {
	opacity: 1;
	visibility: visible;
}

.js-popup-video.active .closer {
	opacity: 1;
	visibility: visible;
}

.js-popup-video .closer {
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.hero-section .js-popup-video .closer {
	top: 65px;
	right: 20px;
}

.js-popup-video .closer:before,
.js-popup-video .closer:after {
	content: "";
	background: #fff;
	z-index: 12;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	text-indent: 0;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.js-popup-video .closer:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.js-popup-video iframe,
.js-popup-video video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.visual-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.visual-container .visual {
	width: 100%;
}

.carousel {
	position: relative;
}

.carousel .mask {
	position: relative;
	overflow: hidden;
}

.carousel .slideset {
	width: 99999px;
	float: left;
}

.carousel .slide {
	float: left;
}

.carousel .btn-prev,
.carousel .btn-next {
	cursor: pointer;
}

.section {
	padding: 40px 0;
}

.section.gray {
	background: #eff0f0;
}

.section article {
	margin-bottom: 30px;
}

.section article h4 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 4px;
}

.section .heading-logo {
	position: relative;
	margin: 0 0 30px;
	letter-spacing: .03em;
}

.section .heading-logo .logo-m {
	position: absolute;
	top: -65px;
	left: -102px;
	width: 102px;
	display: none;
}

.section .img-holder {
	position: relative;
	margin: 0 0 30px;
	padding-top: 74%;
}

.section .img-holder.left {
	margin-left: -20px;
	margin-right: -20px;
	float: left;
	width: calc(100% + 40px);
	max-width: 480px;
}

.section .img-holder.right {
	margin-left: -20px;
	margin-right: -20px;
	max-width: 480px;
	float: right;
	width: calc(100% + 40px);
}

.section .img-holder img {
	width: 100%;
	height: auto;
	max-width: none;
}

.section .carousel .img-holder {
	margin: 0;
	padding-top: 68%;
}

.section .sponsors {
	padding-top: 40px;
}

.section .sponsors .btn {
	min-width: 174px;
}

.section-title {
	font: 14px/1 "futuramedium", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .17em;
	color: #babcbe;
	margin: 0 0 20px;
}

.our-purpose {
	padding-top: 20px;
	letter-spacing: .07em;
}

.our-purpose p {
	margin: 0 0 36px;
}

.programming .img-holder {
	padding-top: 74%;
	margin-top: -20px;
	margin-bottom: 40px;
}

.programming article {
	margin-bottom: 0;
}

.quote-section {
	padding: 40px 0;
	background: #eff0f0;
}

.boxes-section {
	padding-top: 0;
}

.sponsor-logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: left;
	margin: 0 0 40px;
}

.sponsor-logos li {
	margin: 0 5px 30px;
	width: 40%;
}

.latest-project {
	margin-bottom: 0;
}

.latest-project .tab-img-content {
	margin: 0 -20px 30px;
}

.latest-project .tab-img-content .tab {
	padding-top: 67%;
	position: relative;
	z-index: 1;
}

.latest-project article {
	margin-bottom: 0;
}

.latest-project .img-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.latest-project .tabset {
	font-size: 16px;
	letter-spacing: .03em;
	margin: 0 0 27px;
}

.latest-project .tabset a {
	color: #808083;
}

.latest-project .tabset li {
	margin: 0 0 14px;
}

.latest-project .tabset .active a {
	color: #000;
}

.latest-project .tabset .active a:before {
	content: "";
	margin-right: 6px;
}

.design {
	margin-bottom: 20px;
}

.design:first-child .img-holder {
	margin-top: -40px;
}

.design:last-child {
	margin-bottom: 0;
}

.design:last-child article {
	margin-bottom: 0;
}

.construction .img-holder {
	margin-top: -40px;
}

.celebrate p {
	margin: 0 0 36px;
}

.map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.map-canvas {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.video-holder {
	background: #231f20;
	margin: 0 -20px 30px;
	position: relative;
}

.video-holder .video {
	width: 100%;
	position: relative;
	padding-top: 67%;
}

.video-holder .btn-play {
	color: #fff;
	font-size: 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.video-holder .btn-play:hover {
	color: #808083;
}

.intro-holder {
	background: #231f20;
	padding: 135px 0;
	line-height: 1.875;
	margin-bottom: -100px;
}

.intro-holder h1 {
	line-height: 1.25;
}

.intro-holder h2,
.intro-holder h1 {
	color: #fff;
}

.intro-holder p {
	margin: 0 0 30px;
}

.intro-holder p a {
	color: #fff;
}

.intro-holder p a:hover {
	color: currentColor;
}

.intro-holder .phone a {
	color: currentColor;
}

.intro-holder .sub-title {
	display: block;
	font: 16px/1 "futuramedium", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .17em;
	color: #babcbe;
}

.intro-holder .sub-title a {
	color: #babcbe;
}

.intro-holder .sub-title a:hover {
	color: #fff;
}

.intro-holder .detail {
	padding-top: 10px;
	margin: 0 0 30px;
}

.intro-holder .detail .title {
	font-family: "futuramedium", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .17em;
	color: #babcbe;
	display: block;
	margin: 0 0 21px;
}

.intro-holder .detail dl {
	margin: 0 0 10px;
	max-width: 290px;
}

.intro-holder .detail dl dt {
	font-weight: normal;
	float: left;
	margin: 0 4px 0 0;
}

.intro-holder .detail dl dd {
	margin: 0;
}

.intro-holder + .presentation .intro-carousel {
	margin-top: -67px;
}

.intro-holder .sort-list {
	-webkit-columns: 2;
	columns: 2;
	line-height: 1.25;
	padding-top: 3px;
}

.intro-holder .sort-list .active a {
	color: #fff;
	position: relative;
}

.intro-holder .sort-list .active a:before {
	content: "—";
	margin-right: 3px;
}

.intro-holder .sort-list li {
	margin: 0 0 4px;
}

.intro-holder .sort-list a {
	color: #808083;
	position: relative;
}

.intro-holder .sort-list a:hover {
	color: #fff;
}

.intro-holder .sort-list a:hover:before {
	content: "—";
	margin-right: 6px;
}

.intro-carousel {
/*	margin-right: -20px;*/
}

.full-images img {
    width: 100%;
}

.gallery-content {
	padding: 60px 0 0;
}

.gallery-content blockquote {
	font-size: 20px;
	line-height: 1.4;
	margin: 0 0 50px;
}

.gallery-content blockquote cite {
	font-size: 14px;
}

.gallery-img {
	position: relative;
	z-index: 1;
	margin: 0 0 30px;
}

.gallery-img.type1 {
	margin: 0 -20px 50px;
	padding-top: 78%;
}

.gallery-img.type2 {
	padding-top: 149%;
}

.gallery-img.type3 {
	padding-top: 122%;
}

.gallery-img.type4 {
	padding-top: 149%;
	margin-bottom: 94px;
}

.gallery-img.type4 .logo-m {
	display: none;
}


.logo-flex-holder {
    display: none;
    justify-content: flex-end;
    margin: 0px -155px -60px;
}
.logo-flex-holder img {
    max-width: 175px;
}

.gallery-img.type4 .logo-m img {
	width: 100%;
	height: auto;
}
/* .gallery-shift-up {
    margin-top: -330px;
} */

.gallery-img.type5 {
	padding-top: 150%;
	margin-top: -27%;
}

.gallery-img.type6 {
	margin: 0 -20px 50px;
	padding-top: 78%;
}

.gallery-img.type7 {
	padding-top: 150%;
}

.gallery-img.type8 {
	padding-top: 123%;
}

.gallery-img.type9 {
	margin: 0 -20px 50px;
	padding-top: 78%;
}

.gallery-img .img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.gallery-img img {
    /* max-height: 650px; */
    width: 100%;
    /* margin: 0 auto; */
}

.boxes-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px 0 0;
}

.boxes-grid .grid {
	width: 100%;
}

.latest-blog article .date,
.boxes-grid .grid .date {
    display: none;
}

.boxes-grid .box-item {
	position: relative;
	padding-top: 67%;
	z-index: 1;
	background: #cfb372;
	overflow: hidden;
	margin: 0 0 35px;
}

.boxes-grid .box-item.invert:hover .img-box {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.boxes-grid .box-item.invert .img-box {
	-webkit-transform: translate3d(46px, 69px, 0);
	transform: translate3d(46px, 69px, 0);
}

.boxes-grid .box-item:hover .img-box {
	-webkit-transform: translate3d(46px, 69px, 0);
	transform: translate3d(46px, 69px, 0);
}

.boxes-grid .box-item .img-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	-webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) 1s;
	transition: transform cubic-bezier(.23, .81, .4, 1) 1s;
}


.is-touch-device .boxes-grid .box-item .img-box {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.is-touch-device .boxes-grid .box-item.invert .img-box {
	-webkit-transform: translate3d(46px, 69px, 0);
	transform: translate3d(46px, 69px, 0);
}

.is-touch-device .boxes-grid .box-item.invert:hover .img-box {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.boxes-grid .box-item .box-title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	right: 0;
	padding: 10px;
	margin: 0;
	font-size: 14px;
	color: #231f20;
}

.is-touch-device .boxes-grid .box-item .box-title {
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	padding: 10px;
	z-index: 3;
	background: rgba(207, 179, 114, .8);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.boxes-grid .box-item .box-title h3 {
	font-size: 16px;
	margin: 0;
	padding-bottom: 2px;
	position: relative;
}

.boxes-grid .box-item .box-title h3:before {
	content: "";
	width: 17px;
	height: 2px;
	position: absolute;
	background: #231f20;
	top: 50%;
	left: -27px;
	margin-top: 2px;
}

.boxes-grid .box-item .box-title .tagline {
	display: block;
}

.boxes-grid .box-item .box-title .tagline span:before {
	content: "/";
	margin: 0 4px;
}

.boxes-grid .box-item .box-title .tagline span:first-child {
	margin-left: 0;
}

.boxes-grid .box-item .box-title .tagline span:first-child:before {
	display: none;
}

.white-text {
	color: #fff;
}

.contact {
	padding-top: 0;
}

.contact .social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 20px;
	margin: 0 0 30px;
}

.contact .social li {
	margin: 0 20px 0 0;
}

.contact .social a:hover {
	color: #808083;
}

.contact h3 {
	margin-bottom: 26px;
}

.contact form textarea {
	height: 180px;
	max-height: 180px;
	min-height: 120px;
}

.contact form .btn {
	min-width: 173px;
}

.contact address a {
	color: currentColor;
}

.about {
	padding-top: 0;
}

.about h2 {
	line-height: 1.333;
	letter-spacing: .03em;
	color: #231f20;
}

.about h3 {
	line-height: 1.5;
	margin: 0 0 30px;
	color: #231f20;
}

.about article h3 {
	margin-bottom: 13px;
	color: #000;
}

.about .text-holder {
	letter-spacing: .07em;
}

.about .text-holder p {
	margin: 0 0 24px;
}

.about .map-holder {
	margin: 0 -20px -20px;
	position: relative;
}

.about .map-holder .map-markers {
    display: none;
}

.about .map-holder .map {
	padding-top: 68%;
	width: 100%;
	position: relative;
}

.about .carousel:not(.about-visual) {
	margin: 0 -20px 30px;
}

.about .carousel:not(.about-visual) .map {
	padding-top: 68%;
	width: 100%;
	position: relative;
}

.about .carousel .map-holder {
	margin-bottom: 0;
}

.about + .quote-section {
	margin-top: -40px;
}

.about-visual {
	margin: 0 -20px 30px;
}

.about-visual .controls {
	margin-left: calc(11% + 10px);
	left: 0;
	bottom: 0;
}

.about-visual .controls .carousel-control {
	color: #808083;
}

.about-visual .gorizontal-img {
	padding-top: 67%;
	margin-bottom: 20px;
	position: relative;
}

.about-visual .press-image-holder {
	padding-top: 0%;
	margin-bottom: 0px;
	position: relative;
}

.press-image {
    margin:10%;
    max-width:50%;
}

.about-visual .vertical-img {
	padding-top: 120%;
	position: relative;
}

.viewport .fade-effect,
.viewport .move-effect {
	opacity: 0;
	visibility: hidden;
}

.viewport .fade-effect {
	-webkit-transition: opacity .7s ease-in-out, visibility .7s ease-in-out;
	transition: opacity .7s ease-in-out, visibility .7s ease-in-out;
}

.viewport .move-effect {
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: -webkit-transform .7s ease-in-out, opacity .7s ease-in-out, visibility .7s ease-in-out;
	transition: transform .7s ease-in-out, opacity .7s ease-in-out, visibility .7s ease-in-out;
}

.viewport.in-viewport .move-effect,
.viewport.in-viewport .fade-effect {
	opacity: 1;
	visibility: visible;
}

.viewport.in-viewport .move-effect {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

.viewport [class*="-effect"]:nth-child(12n+1) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.viewport [class*="-effect"]:nth-child(12n+2) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

.viewport [class*="-effect"]:nth-child(12n+3) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}

.viewport [class*="-effect"]:nth-child(12n+4) {
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}

.viewport [class*="-effect"]:nth-child(12n+5) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.viewport [class*="-effect"]:nth-child(12n+6) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.viewport [class*="-effect"]:nth-child(12n+7) {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}

.viewport [class*="-effect"]:nth-child(12n+8) {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}

.viewport [class*="-effect"]:nth-child(12n+9) {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.viewport [class*="-effect"]:nth-child(12n+10) {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.viewport [class*="-effect"]:nth-child(12n+11) {
	-webkit-transition-delay: 2.2s;
	transition-delay: 2.2s;
}

.viewport [class*="-effect"]:nth-child(12n+12) {
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s;
}

.hero-section.viewport .action-box {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
}

.hero-section.viewport .action-box .holder {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	-webkit-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
	-webkit-transition: opacity .2s ease-in-out .5s, visibility .2s ease-in-out .5s, -webkit-transform .2s ease-in-out .5s;
	transition: opacity .2s ease-in-out .5s, visibility .2s ease-in-out .5s, transform .2s ease-in-out .5s;
}

.hero-section.viewport.in-viewport .action-box {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.hero-section.viewport.in-viewport .action-box .holder {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}

.tab.fade-effect {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
	transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

.tab.fade-effect.active {
	opacity: 1;
	visibility: visible;
}

.viewport .tab.active {
	opacity: 0;
	visibility: hidden;
}

.viewport.in-viewport .tab.active {
	opacity: 1;
	visibility: visible;
}

.viewport.in-viewport .tab.fade-effect {
	opacity: 0;
	visibility: hidden;
}

.viewport.in-viewport .tab.fade-effect.active {
	opacity: 1;
	visibility: visible;
}

.fade-carousel .item {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity .6s ease-in-out, visibility .6s ease-in-out;
	transition: opacity .6s ease-in-out, visibility .6s ease-in-out;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fade-carousel .item.active {
	opacity: 1;
	position: relative;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* custom select styles */

.jcf-select {
	display: block;
	width: 100%;
	position: relative;
	border: 1px solid #eff0f0;
	background: #eff0f0;
	margin: 0 0 12px;
	min-width: 150px;
	height: 40px;
	padding: 5px 15px;
	margin-bottom: 20px;
	cursor: default;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.jcf-select.jcf-focus {
	outline: 0;
	box-shadow: 0 0 8px #babcbe;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 14px;
	line-height: 2;
	margin-right: 30px;
	color: #808083;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 36px;
	bottom: 0;
	right: 0;
	top: 0;
}

.jcf-select .jcf-select-opener:before {
	content: "";
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	font-size: 12px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #babcbe;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 16px;
	font-size: 14px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: pointer;
	display: block;
	padding: 9px 15px;
	color: #808083;
	height: 1%;
	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.jcf-list .jcf-option.jcf-option-hideme {
	display: none;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #eff0f0;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

.jcf-focus,
.jcf-focus * {
	border-color: #babcbe !important;
}

.eror-page .intro-holder {
    padding: 25px 0;
}

.error-block {
    white-space: nowrap;
    text-align: center;
    padding-top: 50px;
}

.error-block:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: calc(100vh - 10px);
}

.error-block .holder {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
    padding: 50px 0;
}

.error-block h1 {
    font-size: 30px;
    line-height: 1;
}

.thanks-block {
    display: none;
    margin: 0 20%;
}

.contact-holder .h5 {
    margin-bottom: 4px;
}

.section article h3,
.programming article h3 {
  letter-spacing: .7px;
}

.intro-holder {
    line-height: 1.5;
}

.intro-holder h2 {
    margin-bottom: 17px;
}

.twocolumns-descr {
    margin: 0 auto;
    max-width: 900px;
}

.about .intro-text-type {
    font-size: 24px;
    line-height: 1.5;
}

.about .intro-text-type h3 {
    font-size: 30px;
    line-height: 1.34;
}

.intro-holder .detail .title {
    margin: 6px 0 24px;
}

.quote-section .container-fluid {
    max-width: 1470px;
}

.section .wide-mobile-carousel {
    margin: 0 auto;
    max-width: 900px;
}

.boxes-grid .grid {
    padding: 0 8px 10px;
}

.contact-holder h4 {
    padding-top: 5px;
}

.thanks-block {
    display: none;
}

.none-block {
    display: none;
}

.section .carousel .img-holder.img-holder-blog {
   padding-top: 84%;
}

.blog-video-holder {
    padding-top: 56%;
    width: 100%;
    position: relative;
}

.blog-video-holder iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sequence {
/*     opacity: 1;
visibility: visible; */
    
}

.seq-preloader {
    background: #000;
    visibility: visible;
    opacity: 1;
    position: absolute;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
	transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}

.seq-preload-indicator {
    overflow: visible;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 50px;
}

.loaded .seq-preloader {
    opacity: 0;
    visibility: hidden;
}

.seq-preloader:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    border-radius: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid transparent;
    animation: spinner 1.5s linear infinite;
}

#header .container-fluid,
#footer .container-fluid {
    max-width: none;
}

#footer .footer-row {
    margin-bottom: 30px;
}
.form-col .mc-field-group {
    position: relative;
}

.form-col .is-focused .helper_text {
    display: none;
}

.form-col .mc-field-group .helper_text{
    position: absolute;
    left: 0;
    top: 6px;
    pointer-events: none;
}
.form-col .indicates-required {
    display: none;
}

.form-col .mc-field-group label {
    display: none;
}

.form-col .brandingLogo {
    display: none;
}

.form-col input[type="text"],
.form-col input[type="tel"],
.form-col input[type="email"],
.form-col input[type="search"],
.form-col input[type="password"] {
    	display: block;
	width: 100%;
	height: 38px;
	padding: 6px 0px;
	font-size: 16px;
	line-height: 1.5;
	color: #808083;
	background-color: transparent;
	background-image: none;
	border: 2px solid #808083;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-bottom: 10px;
}

.form-col input:focus {
    outline: none;
}

.form-col input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid white;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    -webkit-transition: border .3s ease-in-out, color .3s ease-in-out;
    transition: border .3s ease-in-out, color .3s ease-in-out;
    padding: 8px 20px;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: white;

}

@media (min-width: 480px) {
	#header {
		padding: 30px 0;
	}

	#header.sticky {
		padding: 15px 0;
	}

	#header.sticky + .main-menu {
		padding-top: 155px;
	}

	#header.sticky + .main-menu .menu-opener {
		top: 19px;
	}

	#header .logo {
		width: 149px;
	}

	.main-menu {
		padding: 170px 110px 20px 50px;
	}

	.main-menu .menu-opener {
		top: 34px;
		right: 50px;
	}

	.main-menu ul {
		font-size: 30px;
		margin-bottom: 46px;
	}

	.main-menu ul ul {
		font-size: 16px;
	}

	.menu-opener .menu-icon {
		margin-left: 22px;
	}

	.container-fluid {
		padding: 0 50px;
	}
	
	.boxes-section > .container-fluid {
		padding-left: 40px;
	}

	blockquote {
		font-size: 20px;
	}

	blockquote cite {
		font-size: 14px;
	}

	#footer .copyright {
		font-size: 13px;
	}

	.carousel .controls {
		bottom: 44px;
		left: 40px;
		width: 98px;
	}

	.carousel .carousel-control {
		font-size: 42px;
	}

	.wide-mobile-carousel {
		margin-left: -50px;
		margin-right: -50px;
	}

	.switcher {
		left: 50px;
		bottom: 70px;
	}

	.carousel-caption.text-left,
	.carousel-caption.text-right {
		padding: 0 0 25px;
	}

	.carousel-caption.text-right {
		right: 7%;
	}

	.carousel-caption.text-left {
		left: 7%;
	}

	.carousel-caption .title {
		font-size: 16px;
		margin: 0 0 10px;
	}

	.hero-section .visual .video-holder {
		height: 260px;
		margin-bottom: -70px;
	}

	.hero-section .action-box {
		margin: -45px 0 0 auto;
		max-width: 430px;
	}

	.hero-section .jumbotron {
		padding: 100px 0;
	}

	.hero-section .js-popup-video .closer {
		right: 50px;
		top: 105px;
	}

	.section {
		padding: 60px 0;
	}

	.section article {
		margin-bottom: 45px;
	}

	.section .img-holder {
		margin: 0 0 45px;
	}

	.section .img-holder.left {
		margin-left: -50px;
		margin-right: 0;
		width: calc(100% + 50px);
	}

	.section .img-holder.right {
		margin-right: -50px;
		margin-left: 0;
		width: calc(100% + 50px);
	}

	.section-title {
		font-size: 16px;
		margin: 0 0 30px;
	}

	.quote-section {
		padding: 60px 0;
	}

	.sponsor-logos li {
		width: 30%;
		width: auto;
		max-width: 40%;
	}

	.latest-project .tab-img-content {
		margin: 0 -50px 45px;
		width: 480px;
	}

	.latest-project .tabset {
		font-size: 20px;
		margin-bottom: 37px;
	}

	.latest-blog .video-holder {
		margin: 0 -50px 45px;
		width: 480px;
		float: right;
	}

	.design:first-child .img-holder {
		margin-top: -80px;
	}

	.construction .img-holder {
		margin-top: -60px;
	}

	.intro-holder {
		padding: 170px 0;
		margin-bottom: -124px;
	}
	
	.eror-page .intro-holder {
	    padding: 50px 0;
	    margin-bottom: 0;
	}

	.intro-holder .detail {
		padding-top: 20px;
		margin: 0 0 45px;
	}

	.intro-carousel {
		/*margin-right: -50px;*/
	}

	.gallery-content {
		padding: 86px 0 0;
	}

	.gallery-content blockquote {
		font-size: 24px;
		line-height: 1.5;
		margin: 0 0 98px;
	}

	.gallery-content blockquote cite {
		font-size: 16px;
	}

	.gallery-img {
		margin-bottom: 74px;
	}

	.gallery-img.type1 {
		margin: 0 -50px 100px;
	}

	.gallery-img.type6 {
		margin: 0 -50px 100px;
	}

	.gallery-img.type9 {
		margin: 0 -50px 100px;
	}

	.boxes-grid {
		margin: 0 -50px 0 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.boxes-grid .grid {
		width: 50%;
		padding-left: 10px;
	}

	.boxes-grid .box-item {
		padding-top: 100%;
		margin: 0 0 15px;
	}

	.contact .social {
		font-size: 24px;
	}

	.about .map-holder {
		margin: 0 -50px -30px;
	}

	.about .carousel:not(.about-visual) {
		margin: 0 -50px 50px;
	}

	.about + .quote-section {
		margin-top: -60px;
	}

	.about-visual {
		margin: 0 -50px 50px;
	}

	.about-visual .controls {
		left: 0;
		bottom: 0;
	}
	
	.boxes-grid {
    margin-left: -30px;
	}
	
	  .press-detail-info .press-detail-img {
        margin-left: -50px;
    }
}

/*update page*/

@media (min-width: 576px) {
    .article-holder {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    
    .article-holder .grid-item {
        padding: 0 10px;
        width: 50%;
    }
}

@media (min-width: 768px) {
	p {
		margin: 0 0 22px;
	}

	.btn-link {
		padding: 0;
	}

	blockquote {
		font-size: 24px;
	}

	blockquote.with-decor {
		padding-left: 106px;
	}

	blockquote .quote-img {
		width: 74px;
	}

	blockquote cite {
		font-size: 16px;
	}

	#footer {
		text-align: left;
		padding: 71px 0 64px;
	}

	#footer p.hours {
		margin-bottom: 0;
	}

	#footer .logo {
		margin: 0 0 30px;
	}

	.switcher {
		bottom: 123px;
	}
	
	/*update page*/
	
	
	.filtration-holder {
    display: flex;
    align-items: center;
}
.filter-title {
    font-weight: 400;
    flex-shrink: 0;
    margin-bottom: 5px;
}

.filter-list {
	
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
	padding-left: 10px;
}

.filter-list li {
    margin-bottom: 5px;
    padding: 0 8px;
}



    
    .article-holder .grid-item {
        width: 33.332%;
    }
    
    .article-holder .article-link .img-holder {
	    transform: translate3d(40px, 100px, 0);
	}
    
	
	.press-detail-info .press-detail-img {
	    position: relative;
    padding-top: 73%;
    overflow: hidden;
    margin-right: 13px;
    margin-bottom: 50px;
	}
    
    .press-detail-info .press-detail-img img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        object-fit: cover;
    }
    
    .intro-holder.detail-intro {
        padding-bottom: 30px;
    }
    
    .intro-holder .press-detail-heading {
        padding-bottom: 124px;
    }
    
	.hero-section .visual .video-holder {
		height: 300px;
		max-width: 600px;
	}

	.hero-section .action-box {
		margin-top: -77px;
		padding: 65px 45px;
		max-width: 618px;
		margin: -77px 0 0 auto;
	}

	.hero-section .action-box .holder {
		padding-left: 45px;
	}

	.hero-section .action-box h2 {
		font-size: 28px;
		margin: 0 0 45px;
	}

	.hero-section .jumbotron {
		padding: 150px 0;
	}

	.hero-section .jumbotron h1 {
		font-size: 34px;
	}

	.carousel .mask {
		margin-top: -21.4%;
	}

	.carousel .slide .gorizontal-img {
		margin: 40.4% 0 0 0;
	}

	.carousel .slide .vertical-img {
		margin: 12% 10% 20px;
	}

	.section {
		padding: 80px 0;
	}

	.section article {
		margin-bottom: 68px;
	}

	.section .heading-logo .logo-m {
		display: block;
	}

	.section .img-holder {
		margin: 0 0 68px;
	}

/*     .section .carousel .img-holder {
    padding-top: 56%;
} */

	.section .sponsors {
		padding-top: 60px;
	}

	.section-title {
		margin: 0 0 50px;
	}

	.quote-section {
		padding: 80px 0;
	}

	.boxes-section {
		padding-bottom: 54px;
	}

	.sponsor-logos {
		margin: 0 0 60px;
	}

	.sponsor-logos li {
		max-width: 30%;
		width: 20%;
		margin: 0 10px 40px;
	}
	
	.what-we-do-holder {
        display: flex;
        justify-content: center;
	}

	.latest-project .tab-img-content {
		width: 600px;
	}

	.latest-project .tabset {
		font-size: 24px;
	}

	.latest-blog .video-holder {
		width: 600px;
	}

	.design:first-child .img-holder {
		margin-top: -107px;
	}

	.construction {
		padding: 0 0 60px;
	}

	.construction .img-holder {
		margin-top: -100px;
	}

	.video-holder .btn-play {
		font-size: 48px;
	}

	.boxes-grid .box-item .box-title {
		padding: 10px 35px;
	}

	.boxes-grid .box-item .box-title h3 {
		font-size: 18px;
	}

	.about .map-holder {
		margin: 0;
	}

	.about .map-holder .map {
		padding-top: 56%;
	}

	.about .carousel:not(.about-visual) {
		margin: 0 0 50px;
	}

	.about .carousel:not(.about-visual) .map {
		padding-top: 56%;
	}

	.about + .quote-section {
		margin-top: -100px;
	}

	.about-visual {
		margin-bottom: 40px;
		margin-right: 0;
	}

	.about-visual .controls {
		bottom: 0;
		left: 0;
	}

	.about-visual .gorizontal-img {
		padding-top: 67.5%;
		margin-bottom: 0;
	}
	
	.about-visual .press-image-holder {
		padding-top: 0%;
		margin-bottom: 0;
	}
	
	.press-image {
	    margin:0%;
        max-width:100%;
        margin-left: 70px;
        max-height:320px;
    }

	.about-visual .vertical-img {
		padding-top: 120%;
		margin: -40.4% 10% 20px;
	}
	
	.boxes-section > .container-fluid {
		padding-left: 45px;
	}
	
	.boxes-grid .grid {
        padding-left: 15px;
	}
	
	.error-block {
	    padding-top: 0;
	}

    .error-block .holder {
        padding: 50px 20px;
    }
    
    .error-block h1 {
        font-size: 60px;
    }
    
    .heading-logo + .row [class*='col-'] {
        padding: 0 54px 0 4px;
    }
    
    .section .our-purpose p,
    .programming .our-purpose p {
        margin-bottom: 36px;
    }
    
    .section article,
    .programming article {
        margin-bottom: 59px;
    }
    
    .section article .section-title,
    .programming article .section-title {
        margin: 0 0 23px;
    }
    
    .section article h3,
    .programming article h3 {
        line-height: 1.5;
        margin: 0 0 40px;
    }
    
    .section article p,
    .programming article p {
        margin: 0 0 27px;
    }
    
    .about .carousel:not(.about-visual) {
        margin-left: auto;
        margin-right: auto;
        max-width: 900px;
    }
    
    .about .map-holder {
        margin: 0 auto;
        max-width: 1086px;
    }
    
    .section .wide-mobile-carousel .img-holder {
        padding-top: 56.3%;
    }
    
    .boxes-section {
        margin-top: -9px;
    }
    
    .contact-holder form {
        margin: 3px -14px 0 4px;
    }
    
    .quote-none {
        padding-top: 10%;
    }
}

@media (min-width: 992px) {
	#header.sticky + .main-menu .menu-opener {
		top: 23px;
	}

	#header .logo {
		width: 185px;
	}

	.main-menu .menu-opener {
		top: 38px;
	}

	.main-menu .menu-opener .text:before {
		display: none;
	}

	.menu-opener .text:before {
		content: "";
		pointer-events: none;
		width: 46px;
		height: 14px;
		background: #414042;
		position: absolute;
		top: 7px;
		right: 15px;
		z-index: -1;
	}

	.form-group .form-control {
		margin-bottom: 45px;
	}

	.form-control {
		padding: 15px 24px;
		height: 60px;
	}

	.carousel .controls {
		bottom: 39px;
		left: 59px;
	}

	.wide-mobile-carousel {
		margin-left: 0;
		margin-right: 0;
	}

	.carousel-caption.text-left,
	.carousel-caption.text-right {
		padding-bottom: 20px;
	}
	
	/*update 2 new page*/
	
	.article-holder {
		    margin: 0 -77px 0 -7px;
		}
	
	.article-holder .grid-item {
        padding: 0 7px;
        margin-bottom: 44px;
    }
    
    .article-holder .article-link {
        margin-bottom: 34px;
    }
    
    .article-holder .article-title h3 {
        padding-left: 25px;
        letter-spacing: 1.84px;

    }
    .article-holder .article-title h3:before {
        height: 2px;
        width: 16px;
    }
    
    .article-holder .article-title .publication-date {
        padding-left: 30px;
        font-size: 16px;
        letter-spacing: 0.36px;
    }
    
    .article-holder .article-title {
        padding-left: 45px;
        padding-top: 20px;
    }
    
    .press-detail-heading {
        padding-left: 77px;
    }
    
    .press-detail-info {
        margin-bottom: 120px;
    }
    
    .press-detail-info .btn {
        min-width: 172px;
    }
    
    .content-detail h3 {
        letter-spacing: 1.6px;
        margin-bottom: 34px;
    }

    .content-detail p {
        margin-bottom: 51px;
    }

    .press-detail-info .press-detail-img {
        margin-bottom: 106px;
    }
  
    
    .intro-holder .press-detail-heading h1 {
        letter-spacing: 2.3px;
    }
    
    .intro-holder .image-holder {
        text-align: right;
        padding-right: 45px;
    }

	.hero-section .visual {
		min-height: 600px;
	}

	.homepage .hero-section .visual {
		min-height: calc(100vh - 30px);
	}

	.hero-section .visual .video-holder {
		max-width: 890px;
		height: 430px;
		margin: 50px auto -200px;
	}

	.hero-section .visual .visual-holder {
		padding: 50px 0;
	}

	.hero-section .visual.with-video .visual-holder {
		padding: 90px 0 0;
	}

	.hero-section .visual.with-video + [class*="content"] {
		padding-top: 250px;
	}

	.hero-section .action-box {
		margin-top: -142px;
		max-width: 718px;
	}

	.homepage .hero-section .action-box {
		margin-top: -100px;
	}

	.hero-section .action-box h2 {
		font-size: 30px;
	}

	.hero-section .jumbotron h1 {
		font-size: 40px;
	}

	.js-popup-video .closer {
		top: 30px;
		right: 30px;
	}

	.js-popup-video .closer {
		width: 40px;
		height: 40px;
	}

	.hero-section .js-popup-video .closer {
		top: 115px;
	}

	.js-popup-video .closer:before,
	.js-popup-video .closer:after {
		width: 100%;
		height: 3px;
	}

	.js-popup-video iframe,
	.js-popup-video video {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.carousel .slide .gorizontal-img {
		margin-top: 42.2%;
	}

	.carousel .slide .vertical-img {
		margin: 20% 9% 20px 11%;
	}

	.section .heading-logo {
		margin: 0 0 50px;
	}

	.section .heading-logo .logo-m {
		width: 181px;
		top: -105px;
		left: -192px;
	}

	.section .img-holder {
		margin: 0 0 89px;
	}

	.section .img-holder.left {
		max-width: none;
	}

	.section .img-holder.right {
		max-width: none;
	}

	.our-purpose {
		padding-top: 44px;
		font-size: 24px;
	}

	.programming article {
		padding: 0 30px;
		margin-bottom: 68px;
	}

	.quote-section {
		padding: 140px 0;
	}

	.sponsor-logos {
		margin: 0 0 32px;
	}

	.sponsor-logos li {
		max-width: none;
		min-width: 20%;
	}

	.latest-project {
		margin-bottom: -80px;
	}

	.latest-project .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.latest-project .tab-img-content {
		margin-bottom: -40px;
		margin-right: 0;
		width: auto;
	}

	.latest-project article {
		margin-bottom: 30px;
		padding-left: 10px;
	}

	.latest-project .tabset {
		font-size: 22px;
	}

	.latest-blog {
		margin-bottom: 75px;
	}

	.latest-blog .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.latest-blog .video-holder {
		margin-left: 0;
		width: calc(100% + 50px);
		margin-bottom: 0;
	}

	.latest-blog article {
		padding-top: 27px;
		margin-bottom: 20px;
		padding-right: 10px;
	}

	.design {
		margin-bottom: 40px;
	}

	.design:first-child .img-holder {
		margin-top: -107px;
	}

	.design:last-child .img-holder {
		margin-bottom: -110px;
	}

	.design:last-child article {
		margin-bottom: 0;
	}

	.design .img-holder {
		margin-top: -40px;
	}

	.construction {
		padding: 80px 0 100px;
	}

	.construction .img-holder {
		margin-top: -40px;
	}

	.celebrate {
		font-size: 24px;
	}

	.video-holder {
		margin: 0 0 50px;
	}

	.intro-holder {
		min-height: 600px;
	}
	
	.eror-page .intro-holder {
	    min-height: 0;
	}

	.intro-holder h2,
	.intro-holder h1 {
		margin-top: 28px;
	}
	
	.intro-holder.press-intro {
	    margin-bottom: -214px;
	}
	
	.intro-holder.press-intro .press-heading {
	    padding-left: 76px;
	}
	
	.intro-holder.press-intro h2 {
	    margin-bottom: 22px;
	    letter-spacing: 0.9px;
	    font-weight: 300;
	    word-spacing: 0.8px;
	}
	
	.article-holder .article-link .img-holder {
	    transform: translate3d(74px, 99px, 0);
	}

	.intro-holder p {
		margin: 0 0 14px;
	}

	.intro-holder .sub-title {
		margin: 55px 0 -5px;
	}

	.intro-holder .detail dl {
		max-width: none;
	}

	.gallery-content {
		padding: 114px 0 0;
	}

	.gallery-content blockquote {
		margin: 0 0 20.5%;
		max-width: 600px;
		font-size: 20px;
	}

	.gallery-img {
		margin-bottom: 123px;
	}
	.gallery-custom-m-2 {
	    margin-bottom: 42px;
	}

	.gallery-img.type1 {
		margin: 0 2% 20% -50px;
		padding-top: 73%;
	}

	.gallery-img.type2 {
		padding-top: 128%;
		margin: 5% 9%  24.5% 6%;
	}

	.gallery-img.type3 {
		padding-top: 104.4%;
		margin: 0 9% 20.2% 6%;
	}

	.gallery-img.type4 {
		margin: -22% 3% .2% 12%;
		padding-top: 127%;
	}
	
	.gallery-shift-up {
        margin-top: -400px;
    }
    .gallery-shift-up-2 {
        margin-top: -200px;
    }
    .gallery-custom-m-1 img {
        margin: 100px 30px 0;
    }

	.gallery-img.type4 .logo-m {
		display: block;
		position: absolute;
		top: -19.5%;
		left: 95%;
		width: 43.2%;
		height: auto;
		z-index: -1;
	}
	.logo-flex-holder {
        display: flex;
	}

	.gallery-img.type5 {
		margin: 0 -50px 13.5% 2%;
		padding-top: 72.4%;
	}

	.gallery-img.type6 {
		margin: 0 2% 20% -50px;
		padding-top: 73%;
	}

	.gallery-img.type7 {
		padding-top: 127%;
		margin: 21% 9% 20% 6%;
	}

	.gallery-img.type8 {
		padding-top: 127%;
		margin: -39% 3% 20% 12%;
	}

	.gallery-img.type9 {
		margin: 4% -50px 7.5% 2%;
		padding-top: 73%;
	}

	.boxes-grid .grid {
		width: 33.333%;
		padding-left: 20px;
	}

	.boxes-grid .box-item {
		padding-top: 100%;
	}

	.boxes-grid .box-item:hover .img-box {
		-webkit-transform: translate3d(56px, 79px, 0);
		transform: translate3d(56px, 79px, 0);
	}
	
	.boxes-grid .box-item.invert .img-box {
		-webkit-transform: translate3d(56px, 79px, 0);
		transform: translate3d(56px, 79px, 0);
	}
	
	.is-touch-device .boxes-grid .box-item.invert .img-box {
	    -webkit-transform: translate3d(56px, 79px, 0);
		transform: translate3d(56px, 79px, 0);
	}

	.boxes-grid .box-item:hover .box-title {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	
	.boxes-grid .box-item.invert .box-title {
	    -webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}
	
	.boxes-grid .box-item.invert:hover .box-title {
	    -webkit-transform: translateX(-17px);
		-ms-transform: translateX(-17px);
		transform: translateX(-17px);
	}

	.boxes-grid .box-item .box-title {
		padding: 26px 25px 0 56px;
		z-index: 1;
		background: none;
		-webkit-transform: translateX(-17px);
		-ms-transform: translateX(-17px);
		transform: translateX(-17px);
		-webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) 1s;
		transition: transform cubic-bezier(.23, .81, .4, 1) 1s;
	}

	.boxes-grid .box-item .box-title h3 {
		font-size: 22px;
	}
	
	.section article h3 {
        line-height: 1;
    }

	.contact form {
		margin: 0 0 40px;
	}

	.about h2 {
		margin: 0 0 34px;
	}

	.about article {
		margin-bottom: 50px;
	}

	.about .text-holder {
		margin: 0 0 50px;
	}

	.about .carousel:not(.about-visual) {
		margin-bottom: 85px;
	}

	.about + .quote-section {
		margin-top: -140px;
	}

	.about-visual {
		margin-bottom: 120px;
	}

	.about-visual .controls {
		bottom: 0;
		left: 0;
	}

	.about-visual .vertical-img {
		margin: -42.2% 9% 20px 11%;
	}

	.jcf-select {
		height: 60px;
		padding: 15px 24px;
		height: 60px;
		margin-bottom: 45px;
	}

	.jcf-select .jcf-select-text {
		margin-right: 50px;
	}

	.jcf-select .jcf-select-opener {
		width: 46px;
	}

	.jcf-select .jcf-select-opener:before {
		font-size: 14px;
	}
	
	.error-block:after {
        min-height: calc(100vh - 150px);
    }
    
    .about-visual {
        margin-bottom: 110px;
    }
    
    .about-visual .gorizontal-img,
    .carousel .slide .gorizontal-img {
        margin-top: 28.4%;
        margin-right: -16px;
        padding-top: 69%;
    }
    
    .about-visual .press-image-holder{
        margin-top: 0%;
        
        padding-top: 20%;
    }
    
    .press-image {
        margin-left: 70px;
    }
    .about-visual .gorizontal-img {
		padding-top: 67.5%;
		margin-bottom: 0;
	}
    
    .about-visual .vertical-img {
        padding-top: 120%;
        margin: 0 8.5% 20px 11%;
    }
    
    .carousel .slide .vertical-img {
        margin: 0 8.5% 20px 11%;
    }
    
    .about h3 {
        margin-left: 48px;
    }
    
    .intro-holder p {
        margin: 0 0 24px;
    }
    
    .about .intro-text-type h3 {
        margin-bottom: 50px;
        margin-left: 48px;
    }
    
    .about .intro-text-type p {
        margin: 0 0 36px;
    }
    
    .quote-section {
        padding: 211px 0 132px;
    }
    
    .contact-holder {
        margin: -5px 0 42px;
    }
    
    .contact-holder .col-lg-offset-1 {
        margin-left: 4.8%;
        margin-right: 3.53333%;
    }
    
    .text-dotted {
        overflow: hidden;
    	max-height: 24px;
    }
    
    .quote-none {
        padding-top: 30%;
    }
    
    #footer .footer-row {
        margin-bottom: 80px;
    }
    
    .form-col input[type="text"], .form-col input[type="tel"], .form-col input[type="email"], .form-col input[type="search"], .form-col input[type="password"] {
        margin-bottom: 30px;
    }
    
    .form-col input[type="submit"]{
        min-width: 150px;
    }
}

@media (min-width: 1200px) {
	.homepage .hero-section .action-box h1 {
	    font-size: 48px !important;
	    margin-bottom: 25px;
	}

	#header {
		padding: 53px 0;
	}

	#header.sticky {
		padding: 20px 0;
	}

	#header.sticky + .main-menu {
		padding-top: 117px;
	}

	#header.sticky + .main-menu .menu-opener {
		top: 28px;
	}

	.main-menu {
		padding: 150px 130px 20px 50px;
	}

	.main-menu .menu-opener {
		top: 61px;
		right: 70px;
	}

	.menu-active .main-menu .menu-opener .menu-icon span:nth-child(1) {
		-webkit-transform: rotate(45deg) translate3d(7px, 7px, 0);
		transform: rotate(45deg) translate3d(7px, 7px, 0);
	}

	.menu-active .main-menu .menu-opener .menu-icon span:nth-child(3) {
		-webkit-transform: rotate(-45deg) translate3d(7px, -7px, 0);
		transform: rotate(-45deg) translate3d(7px, -7px, 0);
	}

	.menu-opener .menu-icon span:nth-child(1) {
		top: 6px;
	}

	.menu-opener .menu-icon span:nth-child(3) {
		top: 26px;
	}

	.container-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	
	.boxes-section > .container-fluid {
		padding-left: 50px !important;
	}

	.switcher {
		left: 70px;
		bottom: 72px;
	}

	.hero-section .visual .video-holder {
		height: 494px;
	}

	.hero-section .action-box {
		padding: 79px 55px;
		margin-top: -200px;
		max-width: 1060px;
	}

	.homepage .hero-section .action-box {
		margin-top: -195px;
	}

	.hero-section .action-box .holder {
		padding-left: 55px;
	}

	.hero-section .action-box h2 {
		font-size: 40px;
		margin-bottom: 50px;
	}

	.hero-section .action-box .btn {
		font-size: 14px;
		min-width: 173px;
		padding: 9px 20px;
	}

	.hero-section .js-popup-video .closer {
		top: 165px;
		right: 70px;
	}

	.carousel .mask {
		margin-top: -26%;
	}

	.section .heading-logo {
		margin-bottom: 64px;
	}

	.section .img-holder.left {
		margin-left: -70px;
		width: calc(100% + 70px);
	}

	.section .img-holder.right {
		margin-right: -70px;
		width: calc(100% + 70px);
	}

	.what-we-do {
		margin-bottom: 70px;
	}
	
	.what-we-do-holder > .col-sm-5 {
        margin: 0 30px;
	}

	.our-purpose {
		padding-top: 58px;
		margin-bottom: 70px;
	}

	.quote-section {
		padding: 189px 0 143px;
	}

	.sponsor-logos li {
		margin: 0 20px 47px;
	}

	.latest-project {
		padding-top: 0;
	}

	.latest-project .row {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.latest-project .tab-img-content {
		margin: 0 0 0 -70px;
	}

	.latest-project .tab-img-content .tab {
		margin-bottom: -27px;
	}

	.latest-project article {
		padding-left: 50px;
	}

	.latest-project .tabset {
		font-size: 24px;
		margin-bottom: 49px;
	}

	.latest-blog .video-holder {
		margin: -107px -70px 0 0;
		width: calc(100% + 70px);
	}

	.latest-blog article {
		padding-right: 50px;
	}

	.design {
		float: left;
		width: 100%;
	}

	.intro-carousel {
		/*margin-right: -70px;*/
	}

	.gallery-content blockquote {
		font-size: 24px;
	}

	.gallery-img.type1 {
		margin-left: -70px;
	}

	.gallery-img.type4 {
		margin-top: -44%;
		margin-bottom: 20.2%;
	}

	.gallery-img.type5 {
		margin-right: -70px;
	}

	.gallery-img.type6 {
		margin-left: -70px;
	}

	.gallery-img.type9 {
		margin-right: -70px;
	}

	.boxes-grid {
		margin-right: -70px;
	}
	
	.boxes-grid .box-item.invert .img-box {
		-webkit-transform: translate3d(74px, 99px, 0);
		transform: translate3d(74px, 99px, 0);
	}
	
	.is-touch-device .boxes-grid .box-item.invert .img-box {
	    -webkit-transform: translate3d(74px, 99px, 0);
		transform: translate3d(74px, 99px, 0);
	}
	
	.boxes-grid .box-item.invert:hover .img-box {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.boxes-grid .box-item:hover .img-box {
		-webkit-transform: translate3d(74px, 99px, 0);
		transform: translate3d(74px, 99px, 0);
	}

	.boxes-grid .box-item .box-title {
		padding: 36px 25px 0 72px;
		font-size: 16px;
	}

	.boxes-grid .box-item .box-title h3 {
		font-size: 24px;
	}

	.about h2 {
		margin: 0 0 54px;
	}

	.about .text-holder {
		margin-bottom: 68px;
	}

	.about-visual {
		margin-bottom: 132px;
		margin-left: -70px;
	}
	
	.section .our-purpose,
    .programming .our-purpose {
        margin-bottom: 79px;
    }
    
    .about-visual {
        margin-top: -20.6%;
    }
    
    .carousel .mask {
        margin-top: -14.6%;
    }
    
    .boxes-grid {
        margin-left: -8px;
        margin-right: -78px;
    }
    
    .text-dotted {
    	max-height: 26px;
    }
    
    .press-detail-info .press-detail-img {
        margin-left: -70px;
    }
    
    .intro-holder.detail-intro {
        margin-bottom: -165px;
    }
    
    .intro-holder .image-col {
        margin-bottom: -165px;
    }
    
    .intro-holder .image-holder {
        margin-top: 55px;
    }

    .filter-list {
	    margin: 0 -15px;
	    padding-left: 30px;
    }

    .filter-list li {
        padding: 0 15px;
    }
}

.hidden-item {
    position: absolute;
    left: -9999px;
    top: 0;
}

@media (min-width: 1500px) {
    .boxes-grid {
        margin-right: -110px;
    }
}

@media (min-width: 1920px) {
	.carousel .slide .vertical-img {
		margin: 40% 9% 20px 11%;
	}

	.about-visual .vertical-img {
		margin-top: -12%;
		padding-top: 100%;
	}
	
	.about-visual .vertical-img {
        margin: 0 8.5% 20px 11%;
	}
	
	.carousel .slide .vertical-img {
        margin: 0 8.5% 20px 11%;
	}
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}