* {max-height: 100000px;}
body{
    margin: 0;
    color: #7a7a7a;
    font: 26px/40px 'BrandonGrotW01-Regular', Arial, Helvetica, sans-serif;
    min-width: 320px;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}
img{border-style:none;}
a{
    color:#d42a28;
    text-decoration: none;
    outline: none;
}
a:hover{text-decoration: underline;}
header, footer, article, section, hgroup, nav, figure, main { display: block; }
figure {
    margin:0;
    padding:0;
}
input,
textarea,
select {
    font: 100% 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #333;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type=image]{
    padding:0;
    border:none;
}
input[type=text],
input[type=password],
input[type=submit],
input[type=file],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
textarea {
    -webkit-appearance:none;
    -webkit-border-radius:0;
}
/*input[type=submit]:hover {cursor:pointer;}*/
/*input[type=submit]::-moz-focus-inner {*/
    /*border:0;*/
    /*padding:0;*/
/*}*/
button::-moz-focus-inner{
    padding:0;
    border:0;
}
#wrapper {
    position: relative;
    overflow: hidden;
    left:0;
}
.holder,
.ugh-holder {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 73px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.holder.bcg{
    max-width:none;

}
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition:background 1s, left 0.5s, padding-left 0.5s;
    -moz-transition:background 1s, left 0.5s, padding-left 0.5s;
    -o-transition:background 1s, left 0.5s, padding-left 0.5s;
    transition:background 1s, left 0.5s, padding-left 0.5s;
    z-index:9999;
    padding-left:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#header.fixed{background:rgba(0,0,0,0.85);}
.nav-active #header{left:-318px;}
#header .holder {padding: 34px 73px 30px;}
#header .holder:after {
    content: '';
    display: block;
    clear: both;
}
.logo{
    float:left;
    width:302px;
    height:62px;
    margin-left: 8px;
}
.logo img{display:block;}
.menu {
    font: 26px/22px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    float: right;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
    padding: 16px 48px;
}
.menu:after {
    content: '';
    width: 23px;
    height: 21px;
    /*background: url(../images/sprites.png) no-repeat 0 -120px;*/
    position: absolute;
    top: 16px;
    right: 8px;

}
#nav {
    position:absolute;
    /*position: fixed;*/
    bottom: 0;
    right: 0;
    top:0;
    background: #151515;
    overflow: hidden;
    width: 318px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index:10;

}
#wrapper .content-holder{
    -webkit-transition:left 0.5s;
    -moz-transition:left 0.5s;
    -o-transition:left 0.5s;
    transition:left 0.5s;
    position:relative;
    z-index:11;
    overflow:hidden;
    left:0;
}
#wrapper .content-holder.no-header{
    padding-top:150px;
    background-color:white;
}
.sidebar-nav{

}
#wrapper.nav-active .content-holder{left: -318px;}
.sidebar-nav .btn-close {
    background: url(../images/sprites.png) no-repeat -36px -120px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 32px;
    right: 32px;
    text-indent: -9999px;
    overflow: hidden;
    padding:0;

}
.sidebar-nav .btn-close:hover {background-position: -56px -120px;}
.sidebar-nav .category {
    padding: 66px 30px 66px 45px;
    height: 100%;
    margin: 0;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
.sidebar-nav .category>li {
    overflow: hidden;
    margin-bottom: 17px;
}
.sidebar-nav .category li a {color: #ccc;}
.sidebar-nav .category li.add ul a {color: #666;}
.sidebar-nav .category li a:hover,
.sidebar-nav .category li.add ul a:hover {
    color: #fff;
    text-decoration: none;
}
.sidebar-nav .category .title {
    font: 26px/30px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 13px;
}
.sidebar-nav .category ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-nav .category ul li {
    font-size: 20px;
    line-height: 24px;
    margin: 0 20px 11px 0;
}
.sidebar-nav .category .social-networks {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.social-networks li {
    background: url(../images/sprites.png) no-repeat -9999px 0;
    width: 21px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    margin-right: 10px;
}
.social-networks li a {
    height: 100%;
    display: block;
}
.social-networks li.btn-facebook {background-position: 0 -68px;}
.social-networks li.btn-facebook:hover {background-position: 0 -93px;}
.social-networks li.btn-twitter {
    background-position: -36px -68px;
    width: 24px;
    height: 19px;
}
.social-networks li.btn-twitter:hover {background-position: -36px -93px;}
.social-networks li.btn-youtube {
    background-position: -76px -68px;
    width: 24px;
    height: 17px;
}
.social-networks li.btn-youtube:hover {background-position: -76px -93px;}
.social-networks li.btn-pin {
    background-position: -117px -68px;
    width: 24px;
    height: 23px;
}
.social-networks li.btn-pin:hover {background-position: -117px -93px;}
.social-networks li.btn-instagram {
    background-position: -157px -68px;
    width: 20px;
}
.social-networks li.btn-instagram:hover {background-position: -157px -93px;}
#main {width: 100%;}
.section-wrapper {overflow: hidden;}
.section-wrapper .section {
    color: #fff;
    position: relative;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}
.section-wrapper .section .holder {padding: 234px 73px 60px;}
.section-wrapper .section.slide1 {
    /*background: url(../images/img1.jpg) no-repeat 50% 100%;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    */
}

.section-wrapper .section.center{
    text-align:center;
}
.section-wrapper .section.center .holder {padding: 233px 73px 349px;}
.section-wrapper .section.right .holder {padding: 342px 73px 79px;}
/*.section-wrapper .section.slide3 .holder {padding: 342px 73px 79px;}
.section-wrapper .section.slide4 .holder {padding: 300px 73px 78px;}*/
.section-wrapper .section.center .description {
    font-size: 28px;
    line-height: 32px;
    padding: 0 20%;

}
.section-wrapper .section h1 {
    margin: 0 0 20px;
    font: 100px/90px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-align: center;
}
.section-wrapper .section p {margin: 0 0 40px;}
.section-wrapper .section.center p {margin-bottom: 36px;text-align:center;}
.section-wrapper .section .navigation {
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    padding: 0 1% 0 47.55%;
}

.section-wrapper .section.right .navigation {
    text-align:left;
}
.section-wrapper .section.center .navigation {padding: 0 4px;}
.section-wrapper .navigation .btn {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    margin: 0 8px 12px 0;

}
.section-wrapper .navigation .btn a {
    font: 22px/25px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    color: #dfdfdf;
    border: 2px solid #e1e1e1;
    display: block;
    padding: 15px 35px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section-wrapper .navigation .btn a:hover {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
}
.section-wrapper .section .collage {
    width: 1680px;
    position: absolute;
    left: 50%;
    bottom: -126px;
    margin-left: -840px;
    z-index: 5;
}
.section-wrapper .section .collage img {
    vertical-align: top;
    width: 100%;
    height: auto;
}
/*
.section-wrapper .section.slide2 {
	background: url(../images/img2.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}
.section-wrapper .section.slide3 {
	background: url(../images/img3.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}
.section-wrapper .section.slide4 {
	background: url(../images/img4.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}
*/
.section-wrapper .section h2 {
    margin: 0 0 33px;
    font: 90px/94px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    word-spacing: 3px;
}
.section-wrapper .section .description {padding: 0 6% 0 47.25%;}
.latest {background: #fff;}
.latest .holder {padding: 61px 73px 39px;}
.latest .heading {
    overflow: hidden;
    margin-bottom: 27px;
}
.latest .heading h2 {
    margin: 0;
    float: left;
    font: 60px/64px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    color: #666;
    text-transform: uppercase;
}
.latest .heading .all {
    float: right;
    font: 22px/26px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    padding: 35px 7px 3px 7px;
}
.latest .heading .all.small {display: none;}
.latest .heading .all a {color: #666;}
.latest .heading .all a:hover {
    color: #d42a28;
    text-decoration: none;
}
.latest .article-holder {
    margin: 0 -7px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.latest .article-holder .article-frame {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    letter-spacing: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.latest .article-holder .article {
    position: relative;
    border: 1px solid #ededed;
    margin-bottom: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.latest .article .preview {
    display: table;
    width: 100%;
    text-align: center;
    background: #484848;
    -webkit-box-shadow: inset -5px 0 87px rgba(6,7,7,.75);
    box-shadow: inset -5px 0 87px rgba(6,7,7,.75);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.latest .article .preview-holder {
    display: table-cell;
    vertical-align: middle;
}
.latest .article .preview img {
    vertical-align: top;
    width: 100%;
    height: auto;
}
.latest .article .logo {
    float: none;
    width: 286px;
    height: 59px;
    margin: 0 auto;
}
.latest .article .description {
    padding: 30px 9.8% 76px;
}
.latest .article h3 {
    margin: 0 0 98px;
    font: 30px/34px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
}
.latest .article .post-date {
    font: 22px/54px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    color: #666;
    display: block;
    position: relative;
    margin-left: 2px;
}
.latest .article .post-date:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 61px;
    background: #d42a28;
}
.latest .article .all {
    font: 18px/24px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #acabab;
    color: #fff;
    padding: 13px 9%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.latest .article .all:hover {
    background: #d42a28;
    text-decoration: none;
}
#content .latest .paging {
    padding: 43px 5% 20px;
    margin: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    text-align: center;
}
#content .latest .paging li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    padding: 0 10px;
    font: 22px/28px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
}
#content .latest .paging li:before {
    display:none;
}
#content .latest .paging li.prev {margin-right: 5px;}
#content .latest .paging li.next {margin-left: 5px;}
#content .latest .paging li a {color: #666;}
#content .latest .paging li a:hover,
#content .latest .paging li.active a {
    color: #d42a28;
    text-decoration: none;
}
.featured {overflow: hidden;}
.featured .thumb {
    width: 33.33%;
    float: left;
    position: relative;
    overflow: hidden;
}
.featured .thumb img {
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 3s;
    transition: all 3s;
}
.featured .thumb img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.featured .thumb figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95px;
    background: rgba(0,0,0,0.8);
    font: 26px/30px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 32px 6.8%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.featured .thumb figcaption span {
    overflow: hidden;
    display: block;
    height: 100%;
}
.featured .thumb figcaption a {color: #999;}
.featured .thumb figcaption a:hover {
    color: #fff;
    text-decoration: none;
}
.subscribe {
    text-align: center;
    color: #fff;
    background: url(../images/img11.jpg) no-repeat 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.subscribe .holder {padding: 145px 18% 61px;}
.subscribe h2 {
    margin: 0 0 15px;
    font: 60px/64px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
}
.subscribe p {margin: 0 0 38px;}
.subscription-form {
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    margin-bottom: 40px;
}
.subscription-form fieldset {letter-spacing: 0;}
.subscription-form input[type="text"],
.subscription-form input[type="email"] {
    width: 435px;
    height: 59px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 29px;
    background: #fff;
    border: none;
    margin: 0 5px;
    font: 28px/32px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-input-placeholder {color: #333;}
:-moz-placeholder {color: #333;}
::-moz-placeholder {
    color: #333;
    opacity: 1;
}
:-ms-input-placeholder {color: #333;}
/*.subscription-form input[type="submit"] {*/
    /*font: 22px/26px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;*/
    /*color: #dfdfdf;*/
    /*width: 179px;*/
    /*height: 59px;*/
    /*border: 2px solid #e1e1e1;*/
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /*padding: 10px 30px;*/
    /*margin: 0 5px;*/
    /*text-align: center;*/
    /*background: transparent;*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
/*}*/
/*.subscription-form input[type="submit"]:hover {*/
    /*color: #fff;*/
    /*border-color: #fff;*/
/*}*/
.subscribe .social-networks, #content .subscribe .social-networks {
    padding: 18px 0 8px;
    margin: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.subscribe .social-networks li, #content .subscribe .social-networks li {
    width: 29px;
    height: 30px;
    margin: 0 27px 10px 0;
    padding-left:0;
}
.subscribe .social-networks li.btn-facebook, #content .subscribe .social-networks li.btn-facebook{
    background-position: 0 0;
}
.subscribe .social-networks li.btn-facebook:hover, #content .subscribe .social-networks li.btn-facebook:hover {background-position: 0 -34px;}
.subscribe .social-networks li.btn-twitter, #content .subscribe .social-networks li.btn-twitter {
    background-position: -36px 0;
    width: 33px;
    height: 26px;
}
.subscribe .social-networks li.btn-twitter:hover, #content .subscribe .social-networks li.btn-twitter:hover {background-position: -36px -34px;}
.subscribe .social-networks li.btn-youtube, #content .subscribe .social-networks li.btn-youtube {
    background-position: -76px 0;
    width: 33px;
    height: 24px;
}
.subscribe .social-networks li.btn-youtube:hover, #content .subscribe .social-networks li.btn-youtube:hover {background-position: -76px -34px;}
.subscribe .social-networks li.btn-pin, #content .subscribe .social-networks li.btn-pin {
    background-position: -117px 0;
    width: 33px;
    height: 32px;
}
.subscribe .social-networks li.btn-pin:hover {background-position: -117px -34px;}
.subscribe .social-networks li.btn-instagram {
    background-position: -157px 0;
    width: 28px;
    height: 30px;
}
.subscribe .social-networks li.btn-instagram:hover {background-position: -157px -34px;}
#footer {
    background: #151515;
    position: relative;
    padding-right: 158px;
}
#footer .holder {
    padding: 23px 39px 23px 73px;
    overflow: hidden;
}
.footer-info {
    padding: 0;
    margin: 0 0 0 7px;
    list-style: none;
    float: left;
    max-width: 70%;
}
.footer-info li {
    font-size: 15px;
    line-height: 20px;
    float: left;
    margin-right: 14px;
    color: #666;
    word-spacing: 2px;
}
.footer-info li a {color: #666;}
.copyright {
    float: right;
    font-size: 15px;
    line-height: 20px;
    color: #666;
}
.copyright a {color: #666;}
#footer .logo-block {
    position: absolute;
    top: 0;
    right: 0;
    background: #d42a28;
    width: 157px;
    height: 100%;
}
#footer .logo {
    width: 92px;
    height: 21px;
    float: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.banner {
    background: none no-repeat 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 28px;
    line-height: 40px;
}
.banner .holder {padding: 212px 21.8% 86px;}
.banner h1 {
    margin: 0 0 32px;
    font: 100px/90px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.banner p {margin: 0 0 20px;}
.project-filter {background: #fff;}
.project-filter .holder {padding: 56px 73px 64px;}
.method {margin-bottom: 29px;}
.method:after {
    content: '';
    display: block;
    clear: both;
}
.method .title {
    font: 26px/44px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #333;
    float: left;
    margin-right: 17px;
}
.method .tags {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.method .tag {
    font: 17px/21px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    float: left;
    margin-right: 1px;
}
.method .tag a {
    background: #acabab;
    color: #fff;
    padding: 12px 33px;
    display: block;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.method .tag.active a {
    background: #d42a28;
}
.method .tag a:hover {
    text-decoration: none;
    background: #333;
}
.project-filter .projects {
    padding: 0;
    margin: 0 -8px 25px;
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.project-filter .projects li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    position: relative;
    padding: 0 8px;
    margin-bottom: 20px;
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.project-filter .projects li img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.project-filter .projects li .product-description {
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    bottom: 0;
    font-size: 18px;
    line-height: 26px;
    background: rgba(0,0,0,0.8);
    color: #ccc;
    margin: auto;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.45s linear;
    transition: opacity 0.45s linear;
}
.project-filter .projects .hover-holder:hover .product-description {opacity: 1;}
.project-filter .description-holder {
    position: absolute;
    bottom: 46px;
    left: 0;
    padding: 10px 8%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.project-filter .product-description h2 {
    margin: 0 0 9px;
    font: 26px/30px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
}
.project-filter .product-description p {margin: 0 0 52px;}
.project-filter .btn-more {
    font: 17px/19px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
}
.project-filter .btn-more .a {
    background: #acabab;
    color: #fff;
    padding: 13px 33px;
    display: inline-block;
    vertical-align: top;
}
.project-filter .btn-more .a:hover {
    text-decoration: none;
    background: #d32b29;
}
.project-filter .product-description .btn-more {
    font-size: 16px;
    line-height: 20px;
}
.project-filter .product-description .btn-more.small {display: none;}
.project-filter .product-description .btn-more .a {
    border: 1px solid #ccc;
    color: #ccc;
    background-color: transparent;
    padding: 11px 25px;
}
.project-filter .product-description .btn-more .a:hover {
    border-color: #fff;
    color: #fff;
}
.film-commission {background: url(../images/bg-block.png);}
.film-commission .ugh-holder {padding: 106px 8.42% 153px;}
.film-commission .h2 {
    margin: 0 0 87px;
    text-align: center;
    font: 45px/48px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    color: #999;
    text-transform: uppercase;
    overflow: hidden;
}
.film-commission .h2 span {
    position: relative;
    padding: 0 21px;
    max-width: 80%;
    display: inline-block;
    vertical-align: top;
}
.film-commission .h2 span:before,
.film-commission .h2 span:after {
    content: '';
    position: absolute;
    top: 58%;
    right: 100%;
    width: 100%;
    height: 2px;
    background: #666;
    margin-top: -1px;
}
.film-commission .h2 span:after {
    right: auto;
    left: 100%;
}
.commission-holder {
    margin: 0 -50px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.commission-holder .block {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    padding: 0 50px;
    width: 33.33%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.commission-holder .block img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.commission-holder .block .description {
    padding: 57px 5% 29px;
    color: #999;
    font-size: 26px;
    line-height: 40px;
}
.commission-holder .block h3 {
    margin: 0 0 16px;
    font: 60px/64px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #ccc;
}
.commission-holder .block h4 {
    margin: 0;
    font: 26px/40px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
}
.commission-holder .block address {font-style: normal;}
.commission-holder .block .phone,
.commission-holder .block .place {
    display: block;
}
.commission-holder .block .btn-view {
    font: 16px/20px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
}
.commission-holder .block .btn-view a {
    padding: 11px 27px;
    /*border: 1px solid #ccc;*/
    /*color: #ccc;*/
    display: inline-block;
    vertical-align: top;
}
.commission-holder .block .btn-view a:hover {
    text-decoration: none;
    color: #fff;
    border-color: #fff;
}
.get-started {
    background: url(../images/img30.jpg) no-repeat 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
}
.get-started .holder {padding: 202px 73px 108px;}
.get-started .description {padding: 0 17%;}
.get-started .h2 {
    margin: 0 0 15px;
    font: 60px/64px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.get-started p {margin: 0 0 43px;}
.get-started .btn-link {
    font: 22px/25px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
}
.get-started .btn-link a {
    padding: 15px 36px;
    border: 2px solid #dfdfdf;
    color: #dfdfdf;
    display: inline-block;
    vertical-align: top;
}
.get-started .btn-link a:hover {
    text-decoration: none;
    color: #fff;
    border-color: #fff;
}
.method-holder .opener {
    width: 86px;
    height: 45px;
    background: url(../images/btn-opener.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    float: right;
    display: none;
}
.top-hero {
    width: 100%;
    position: relative;
}
.top-hero .visual {
    position: relative;
    max-width: 100%;
}
.top-hero .visual img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.top-hero .overlay {
    position: absolute;
    top: 61.2%;
    left: 0;
    right: 0;
    margin: -132px auto 0;
    width: 536px;
    /*height: 265px;*/
}
.top-hero .overlay img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
}
#content {
    width: 100%;
    padding-top: 89px;
    background:#fff;
}
#content .holder {padding: 0 145px;}
#content h1 {
    margin: 0 0 48px;
    font: 90px/80px 'Anodyne W01 Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #333;
}
#content h2 {
    margin: 0 0 19px;
    font: 35px/40px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    color: #4a4a4a;
}
#content h2.sub {margin-bottom: 12px;}
#content p {margin: 0 0 40px;}
#content .main-title {
    text-align: center;
    overflow: hidden;
    padding: 0 4%;
    margin-bottom: 82px;
}
#content .btn {
    font: 22px/25px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
    display: block;
}
#content .btn a {
    color: #333;
    border: 2px solid #333;
    display: inline-block;
    vertical-align: top;
    padding: 15px 37px;
}
#content .btn a:hover {
    color: #d42a28;
    border-color: #d42a28;
    text-decoration: none;
}
#content .intro {
    overflow: hidden;
    margin-bottom: 64px;
}
.content-style {overflow: hidden;}
.content-style .content {
    width: 49.8%;
    float: left;
}
.one-col .content-style .content {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    float: none;
}
.content-style .content article {
    overflow: hidden;
    margin-bottom: 6px;
}
.content-style .related {
    float: right;
    width: 45.5%;
    padding-top: 6px;
}
.one-col .content-style .related {
    float: none;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
}
.related .video,
.content .video {
    overflow: hidden;
    margin-bottom: 32px;
}

.related .video,
.content .video{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.related .video iframe,
.related .video object,
.related .video embed,
.content .video iframe,
.content .video object,
.content .video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.related .video img,
.content .video img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
}
#content figure {overflow: hidden; margin-bottom:20px;text-align: center;}
#content figure img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
}
#content figure figcaption {
    font: 26px/40px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
    padding: 12px 4px;
}
.three-columns {
    background: #ebebeb;
    overflow: hidden;
    margin-bottom: 120px;
}
#content .three-columns .holder {padding: 89px 145px 19px;}
#content .three-columns h2 {
    margin: 0 0 57px;
    font: 55px/60px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
    text-align: center;
}
.three-columns .column-holder {
    margin: 0 -51px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.three-columns .col {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding: 0 51px;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.three-columns .col img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
    margin-bottom: 12px;
}
#content ul {
    padding: 36px 0;
    margin: 0;
    list-style: none;
}
#content ul>li {
    position: relative;
    margin-bottom: 40px;
}
#content ul>li:before {
    content: '';
    position: absolute;
    top: 12px;
    left: -28px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #555;
}
.content-style .holder {overflow: hidden;}
.content-style.right-aligned .content {float: right;}
.content-style.right-aligned .related {float: left;}
#content .economic-data .holder {padding: 97px 145px 86px;}
.economic-data .headline {
    text-align: center;
    overflow: hidden;
    margin-bottom: 11px;
    border-top: 2px solid #ccc;
    padding: 79px 0 0;
}
.main-title .logo{
    float:none;
    width:226px;
    margin: 0 auto 45px;
}
.dsx-form{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
#content .headline h1 {margin-bottom: 29px;}
.headline-description {padding: 0 15%;}
.economic-data {padding: 0 3%;}
.economic-data .form-holder {
    margin: 0 -20px 5px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}
.economic-data .form-element {

    padding: 0;
    display: block;
    width: 100%;
    margin-bottom: 12px;

    /*
    width: 50%;
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 17px;
    */
    vertical-align: top;
    letter-spacing: 0;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.economic-data input[type="text"],
.economic-data input[type="tel"],
.economic-data input[type="email"] {
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    background: #ececec;
    border: none;
    padding: 10px 27px;
    width: 100%;
    height: 59px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.economic-data textarea {
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    background: #ececec;
    border: none;
    padding: 10px 27px;
    width: 100%;
    height: 289px;
    float: left;
    resize: none;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.select-area {
    border: none;
    position: relative;
    overflow: hidden;
    cursor: default;
    width: 100% !important;
    height: 59px;
    background: #ececec;
    float: left;
    font: 26px/32px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
}
.select-focus {border-color: transparent;}
.select-area .center {
    white-space: nowrap;
    padding: 12px 27px;
    float: left;
}
.select-disabled {background: #eee;}
.select-area .select-opener {
    background: #ececec url(../images/arrow.png) no-repeat 29px 24px;
    position: absolute;
    height: 59px;
    width: 88px;
    right: 0;
    top: 0;
}
.select-options {
    position: absolute;
    overflow: hidden;
    background: #ececec;
    z-index: 2000;
    border-top: 2px solid #fff;
}
.select-options .drop-holder {
    border: none;
    overflow: hidden;
    height: 1%;
}
.select-options .drop-list {height: 100% !important;}
.select-options ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.select-options ul li {
    width: 100%;
    float: left;
    font: 18px/21px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;
}
.select-options ul a {
    text-decoration: none;
    padding: 9px 46px;
    display: block;
    cursor: default;
    color: #333;
    height: 1%;
}
.select-options .item-selected a {
    text-decoration: none;
    background: #d8d7d7;
}
.select-options .optgroup {clear: both;}
.select-options .optgroup strong {
    display: block;
    padding: 5px;
}
.select-options .optgroup ul a {
    padding-left: 30px;
}
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
}
.economic-data .row {
    background: #ececec;
    border: none;
    padding: 14px 27px 13px;
    width: 100%;
    float: left;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.economic-data .title {
    font: 26px/32px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #333;
    float: left;
}
.economic-data .radio-holder {
    float: left;
    width: 56%;
}
.economic-data .radio-holder .col {
    float: left;
    margin-left: 19%;
}
.rad-area {
    border: none;
    border-radius: 100px;
    margin: 3px 12px 0 0;
    float: left;
    width: 28px;
    height: 28px;
    background: #fff;
}
.rad-checked {
    background: #d42a28;
    border: 3px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.rad-focus {border-color: #fff;}
.rad-disabled {background: #eee;}
.economic-data label {
    font: 26px/32px 'Trade Gothic W01 Cn 18', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #333;
}
.economic-data .title.check {
    float: none;
    display: block;
}
.economic-data .check-holder {padding: 17px 38px;}
.economic-data .check-row {
    margin-bottom: 16px;
    overflow: hidden;
}
.economic-data .check-holder label {line-height: 40px;}
.chk-area {
    border: none;
    border-radius: 8px;
    margin: 0 18px 0 0;
    float: left;
    width: 40px;
    height: 40px;
    background: #fff;
}
.chk-checked {background: #fff url(../images/check.png) no-repeat 9px 8px;}
.chk-focus {border-color: transparent;}
.chk-disabled {background: #eee;}
.jcf-label-disabled {color: #ccc;}
/*.economic-data input[type="submit"] {*/
    /*width: 192px;*/
    /*height: 45px;*/
    /*font: 17px/20px 'Brandon Grot W01 Bold', Arial, Helvetica, sans-serif;*/
    /*color: #fff;*/
    /*background: #acabab;*/
    /*border: none;*/
    /*padding: 0;*/
    /*display: block;*/
    /*margin: 0 auto;*/
/*}*/
/*.economic-data input[type="submit"]:hover {background: #d32b29;}*/
/*.economic-data .note {*/
    /*display: block;*/
    /*font-size: 22px;*/
    /*line-height: 26px;*/
/*}*/
@media only screen and (max-width: 1679px) {
    body {
        font-size: 24px;
        line-height: 35px;
    }
    .holder {padding: 0 37px;}
    .section-wrapper .section .holder {padding: 203px 73px 83px;}
    .section-wrapper .section .description {padding: 0 1% 0 42.55%;}
    .section-wrapper .section.center .holder {padding: 190px 73px 253px;}
    .section-wrapper .section.center .description {
        font-size: 26px;
        line-height: 40px;
        padding: 0 15%;
    }
    .section-wrapper .section h1 {
        font-size: 90px;
        line-height: 80px;
        margin-bottom: 25px;
    }
    .section-wrapper .section.center p {margin-bottom: 28px;}
    .section-wrapper .section .navigation {padding: 0 1% 0 42.52%;}
    .section-wrapper .navigation .btn a {padding: 15px 34px;}
    .section-wrapper .section .collage {
        width: 100%;
        margin-left: auto;
        bottom: -21%;
        margin-right: auto;
        left: 0;
        /*
		width: 1350px;
		margin-left: -675px;
		bottom: -128px;
		*/
    }
    .section-wrapper .section h2 {
        font-size: 80px;
        line-height: 70px;
        margin-bottom: 31px;
    }
    .section-wrapper .section p {margin-bottom: 35px;}
    .section-wrapper .section.right .holder {padding: 276px 73px 115px;}
    /*.section-wrapper .section.slide3 .holder {padding: 276px 73px 115px;}
    .section-wrapper .section.slide4 .holder {padding: 266px 73px 88px;}*/
    .latest .holder {padding: 42px 36px 39px;}
    .latest .heading {margin-bottom: 21px;}
    .latest .article-holder {margin: 0 -6px;}
    .latest .article-holder .article-frame {padding: 0 6px;}
    .latest .article .logo {
        width: 229px;
        height: 47px;
    }
    .latest .article-holder .article {margin-bottom: 10px;}
    .latest .article h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .latest .article .description {padding: 22px 9.8% 60px;}
    .latest .article .post-date {
        font-size: 18px;
        line-height: 44px;
    }
    .latest .article .post-date:before {
        width: 49px;
        height: 3px;
    }
    .latest .article .all {
        font-size: 14px;
        line-height: 18px;
        padding: 11px 9%;
    }
    #content .latest .paging {padding: 39px 5% 21px;}
    .featured .thumb figcaption {
        font-size: 20px;
        line-height: 24px;
        height: 72px;
        padding: 24px 6.8%;
    }
    .subscribe {
        font-size: 26px;
        line-height: 40px;
    }
    .subscribe .holder {padding: 145px 10% 61px;}
    #footer .holder {padding: 23px 39px 23px 37px;}
    .banner {
        font-size: 26px;
        line-height: 40px;
    }
    .banner .holder {padding: 191px 13.8% 71px;}
    .banner h1 {
        font-size: 90px;
        line-height: 80px;
        margin-bottom: 18px;
    }
    .project-filter .holder {padding: 40px 37px 54px;}
    .method {margin-bottom: 34px;}
    .project-filter .projects {margin: 0 -6px 9px;}
    .project-filter .projects li {
        padding: 0 6px;
        margin-bottom: 17px;
    }
    .project-filter .description-holder {
        bottom: 36px;
        padding: 10px 10%;
    }
    .project-filter .projects li .product-description {
        left: 6px;
        right: 6px;
    }
    .project-filter .product-description p {margin-bottom: 26px;}
    .film-commission .ugh-holder {padding: 106px 6.82% 140px;}
    .commission-holder {margin: 0 -40px;}
    .commission-holder .block {padding: 0 40px;}
    .film-commission .h2 {margin-bottom: 86px;}
    .commission-holder .block .description {padding: 45px 2% 33px;}
    .get-started .description {padding: 0 6%;}
    .top-hero .visual {
        min-width: 1680px;
        left: 50%;
        margin-left: -840px;
    }
    #content .holder {padding: 0 37px;}
    #content .main-title {margin-bottom: 84px;}
    #content h1 {
        font-size: 80px;
        line-height: 70px;
        margin-bottom: 36px;
    }
    #content .intro {margin-bottom: 73px;}
    .content-style {padding: 0 1.4%;}
    .content-style .related {width: 43.7%;}
    .related .video,
    .content .video {margin-bottom: 28px;}
    #content figure figcaption {padding: 23px 0;}
    .three-columns {margin-bottom: 90px;}
    #content .three-columns .holder {padding: 87px 37px 59px;}
    .three-columns .column-holder {
        margin: 0 -42px;
        padding: 0 4.5%;
    }
    .three-columns .col {
        padding: 0 42px;
        font-size: 24px;
        line-height: 35px;
    }
    #content .three-columns h2 {margin-bottom: 46px;}
    #content ul {padding: 22px 0;}
    #content ul>li {
        padding-left: 12px;
        margin-bottom: 35px;
    }
    #content ul>li:before {
        top: 10px;
        left: -19px;
    }
    #content .economic-data .holder {padding: 29px 54px 53px}
    .economic-data .headline {margin-bottom: 8px;}
    #content .headline h1 {margin-bottom: 21px;}
    .headline-description {padding: 0 10%;}
    .economic-data {padding: 0;}
    .economic-data .radio-holder {width: 62%;}
    .economic-data .form-holder {margin: 0 -19px 1px;}
    .economic-data .form-element {padding: 0 19px;}
    .economic-data .note {margin-bottom: 6px;}
}
@media only screen and (max-width: 1299px) {
    body {
        font-size: 18px;
        line-height: 25px;
    }
    .holder {padding: 0 17px;}
    #header .holder {padding: 34px 73px 30px;}
    .section-wrapper .section h1 {
        font-size: 75px;
        line-height: 65px;
        margin-bottom: 15px;
    }
    .section-wrapper .section.center .holder {padding: 227px 17px 280px;}
    .section-wrapper .section.center .description {
        padding: 0 5%;
        font-size: 20px;
        line-height: 30px;
    }
    .section-wrapper .section.center{
        /*background: url(../images/img1.jpg) no-repeat 50% 100%;*/
        -webkit-background-size: cover;
        background-size: cover;
    }
    .section-wrapper .section.center .bcg{
        background-image:none;
    }

    .section-wrapper .section.right{
        /*background: url(../images/img2.jpg) no-repeat 50% 100%;*/
        -webkit-background-size: cover;
        background-size: cover;
        text-align: center;
    }
    .section-wrapper .section.right h2,
    .section-wrapper 