/*---------------------------------------
Video
---------------------------------------*/

/*.banner-layers>*{
    position:absolute !important
}*/

.fill{
	position:absolute;
	top:0;
	left:0;
	/*height:100%;*/
	right:0;
	bottom:0;
	padding:0 !important;
	margin:0 !important
}

.video-bg{
    object-fit:cover;
    object-position:50% 50%;
    font-family:'object-fit: cover;
     object-position: center center;
    ';
    position:absolute;
    width:100%;
    height:100%
}

/*---------------------------------------
Slider
---------------------------------------*/

.owl-carousel .fdd-items {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3) none repeat scroll center center / cover;
    padding: 0;
}

.owl-carousel .fdd-items .container .wdys {
    width: 33%;
    margin-top: 160px;
}
@media screen and (max-width: 991px) {
    .owl-carousel .fdd-items .container .wdys  {
        width: 60%;
    }
}
@media screen and (max-width: 767px) {
    .owl-carousel .fdd-items .container .wdys  {
        width: 70%;
    }
}
@media screen and (max-width: 568px) {
    .owl-carousel .fdd-items .container .wdys  {
        width: 80%;
    }
}
/*@media screen and (max-height: 550px) {
    .owl-carousel .fdd-items .container .wdys  {
        margin-top: 135px;
        width: 30%;
    }
}*/
@media screen and (max-height: 420px) {
    .owl-carousel .fdd-items .container .wdys  {
        margin-top: 100px;
        width: 30%;
    }
}

.owl-carousel .fdd-items .caption {
    position: relative;
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    display: table;
/*    float: left;*/
}

.owl-carousel .fdd-items .caption .fdd-caption {
    display: table-cell;
    /*vertical-align: middle;*/
    text-align: left;
}

.owl-carousel .fdd-items .caption .fdd-caption h2 {
    padding-right: 30px;
    font-size: 2.0em;
    letter-spacing: -0.02em;
}
/*@media screen and (max-width: 1240px) {
    .owl-carousel .fdd-items .caption .fdd-caption h2 {
        font-size: 1.8em;
    }
}*/
@media screen and (max-width: 991px) {
    .owl-carousel .fdd-items .caption .fdd-caption h2 {
        font-size: 1.8em;
    }
}
@media screen and (max-width: 768px) {
    .owl-carousel .fdd-items .caption .fdd-caption h2 {
        font-size: 1.6em;
    }
}
@media screen and (max-width: 480px) {
    .owl-carousel .fdd-items .caption .fdd-caption h2 {
        font-size: 1.4em;
    }
}
@media screen and (max-height: 320px) {
    .owl-carousel .fdd-items .caption .fdd-caption h2 {
        font-size: 1.2em;
    }
}

#home .scroll {
	width: 30px;
	z-index: 1000;
	position: relative;
	margin:20px 0;
/*	float: left;*/
}
@media screen and (max-width: 991px) {
    #home .scroll {
    	width: 20px;
		margin:20px 0;
    }
}
@media screen and (max-width: 767px) {
    #home .scroll {
    	display: none;
    }
}
@media screen and (max-height: 570px) {
    #home .scroll {
    	display: none;
    }
}


/*---------------------------------------
Home grid
---------------------------------------*/
h3, p {
    margin:0;
    -webkit-margin-before:0;
    -webkit-margin-after:0
}

#home-grid {
    background:#fff;
    max-width:100% !important;
    z-index: 1000;
}
#home-grid a {
    color:#fff
}
#home-grid a:focus,a:hover{
	text-decoration:none;
}
.large-tile {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
.large-tile .large-tile__position {
    position:absolute;
    bottom:0;
    width:100%
}
.small-tile .small-tile__image {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
.tile-container {
    font-size:10px
}
.home-tile-container {
    height:1728px;
    position:relative;
    margin:0 auto
}
.large-tile {
    width:40%;
    height:576px;
    position:absolute;
    overflow:hidden
}
.large-tile__text {
    position:absolute;
    width:100%;
    z-index:10;
    bottom:2.4em;
    padding-left:2.4em;
    overflow:hidden
}
.large-tile__text .label {
    font-family:"Open Sans", sans-serif;
    font-weight:400;
    line-height:1.25em;
    font-size:1.6em;
    letter-spacing:-.015em;
    color:#ffffff;
    margin-bottom:0px;
    padding: 0;
}
.large-tile__text .title {
    line-height:1.15em;
    letter-spacing:-0.025em;
    font-size:3.2em;
    font-weight: 600;
    margin-top:0em;
    font-family:"Open Sans", sans-serif;
    color:#ffffff;
    max-width:80%
}
.small-tile, .small-tile * {
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.small-tile {
    overflow:hidden;
    position:absolute;
    display:block;
    width:20%;
    height:288px
}
.small-tile__image {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    height:45%;
    width:100%;
    overflow:hidden
}
.small-tile__image img {
    width:100%
}
.small-tile__position {
    position:absolute;
    top:45%;
    width:100%
}
.small-tile__text {
    padding:2.4em;
    text-align:left;
    line-height:1.15em
}
.small-tile .title, .small-tile .copy {
    width:100%;
    display:block;
    margin:0;
    padding:0;
    font-family:"Open Sans", sans-serif;
    font-weight:200;
    line-height:1.25em;
    font-size:2.2em;
    letter-spacing:-.015em;
}
.small-tile.tools-tile {
    background-color:#000000
}
.small-tile.tools-tile {
    background:#000000
}
.small-tile.tools-tile .small-tile__image {
    height:45%
}
.small-tile.tools-tile .icon {
    position:relative;
    float:left;
    width:100%;
    height:100%
}
.small-tile.tools-tile .icon img {
    margin:auto;
    position:absolute;
    top:70%;
    left:0;
    bottom:0;
    right:0;
    max-width:120px
}
@media screen and (min-width: 1024px) {
    .small-tile.tools-tile .icon img {
        max-width:150px
    }
}
.small-tile.tools-tile .small-tile__position {
    position:relative;
    height:60%;
    top:40%;
    width:100%
}
.small-tile.tools-tile .small-tile__text {
    color:#fff;
    vertical-align:middle;
    text-align:center;
    width:100%;
    padding:24px
}
.small-tile.tools-tile .small-tile__text .title {
    text-align:center;
    font-size:2.2em;
    color:#fff;
    opacity:0.5;
    letter-spacing:-0.02em;
    line-height:1.25em
}
.small-tile.image-and-text-tile {
    background-color:#f1f1f1
}
.small-tile.image-and-text-tile .small-tile__position {
    top:13em
}
.small-tile.image-and-text-tile .small-tile__text {
    text-align:left;
    width:100%;
    display:table-cell;
    height:9.6em;
    vertical-align:middle;
    color:#fff
}
.small-tile.image-and-text-tile .title {
    color:#fff;
    height:4em
}
.small-tile.service-tile {
    background-color:#fac800;
    color:#363636
}
#home-grid .small-tile.service-tile {
    color:#363636
}
.small-tile.service-tile .small-tile__position {
    top:0
}
.small-tile.service-tile .title {
    font-size:2.2em;
    font-weight: 400;
    color: #000000;
    padding-top:1.8em;
    height:3em;
    width:100%;
    position:relative;
    text-align:center;
    vertical-align:middle;
    letter-spacing:-0.02em;
    display:table
}
.small-tile.service-tile hr {
    height:1pt;
    border:none;
    border-bottom:1pt solid #333333;
    outline:none;
    width:2.4em;
    margin-left:auto;
    margin-right:auto
}
.small-tile.service-tile .copy {
    width:100%;
    text-align:center;
    vertical-align:middle;
    line-height:1.15em;
    letter-spacing:-0.02em;
    font-size:1.6em;
    color:#3c3c3c
}
.project.small-tile.image-and-text-tile .small-tile__position {
    top:45%;
    height:55%
}
.resource .small-tile__position {
    height:100%
}
.resource .small-tile__text {
    padding:2.4em;
    height:100%
}
.small-tile-1 {
    left:0px;
    top:0px
}
.small-tile-2 {
    left:20%;
    top:0px
}
.small-tile-3 {
    left:80%;
    top:0px
}
.small-tile-4 {
    left:80%;
    top:288px
}
.small-tile-5 {
    left:40%;
    top:576px
}
.small-tile-6 {
    left:0px;
    top:864px
}
.small-tile-7 {
    left:20%;
    top:864px
}
.small-tile-8 {
    left:40%;
    top:864px
}
.small-tile-9 {
    left:0%;
    top:1152px
}
.small-tile-10 {
    left:0%;
    top:1440px
}
.small-tile-11 {
    left:60%;
    top:1152px
}
.small-tile-12 {
    left:60%;
    top:1440px
}
.small-tile-13 {
    left:80%;
    top:1152px
}
.small-tile-14 {
    left:80%;
    top:1440px
}
.large-tile-1 {
    left:40%;
    top:0px
}
.large-tile-2 {
    left:0px;
    top:288px
}
.large-tile-3 {
    left:60%;
    top:576px
}
.large-tile-4 {
    left:20%;
    top:1152px
}
.screen-512, .screen-768, .screen-1024, .screen-1280, .screen-huge {
    display:none;
    width:1px;
    height:1px;
    left:-2px;
    top:-2px;
    position:absolute
}
@media only screen and (max-width: 512px) {
    .home-tile-container {
        width:100%;
        height:4320px
    }
    .small-tile {
        width:50%
    }
    .large-tile {
        width:100%
    }
    .small-tile-1 {
        left:0px;
        top:0px
    }
    .small-tile-2 {
        left:50%;
        top:0px
    }
    .large-tile-1 {
        left:0px;
        top:288px
    }
    .small-tile-3 {
        left:0px;
        top:864px
    }
    .small-tile-4 {
        left:50%;
        top:864px
    }
    .large-tile-2 {
        left:0px;
        top:1152px
    }
    .small-tile-5 {
        left:0px;
        top:1728px
    }
    .small-tile-6 {
        left:50%;
        top:1728px
    }
    .large-tile-3 {
        left:0px;
        top:2016px
    }
    .small-tile-7 {
        left:0px;
        top:2592px
    }
    .small-tile-8 {
        left:50%;
        top:2592px
    }
    .large-tile-4 {
        left:0;
        top:2880px
    }
    .small-tile-9 {
        left:0%;
        top:3456px
    }
    .small-tile-10 {
        left:50%;
        top:3456px
    }
    .small-tile-11 {
        left:0%;
        top:3744px
    }
    .small-tile-12 {
        left:50%;
        top:3744px
    }
    .small-tile-13 {
        left:0%;
        top:4032px
    }
    .small-tile-14 {
        left:50%;
        top:4032px
    }
    .screen-512 {
        display:block
    }
    .small-tile {
        width:50%
    }
    .large-tile {
        width:100%
    }
}
@media only screen and (min-width: 513px) and (max-width: 768px) {
    .home-tile-container {
        width:100%;
        height:2880px
    }
    .large-tile-1 {
        left:0px;
        top:0px
    }
    .small-tile-1 {
        left:66.6667%;
        top:0px
    }
    .small-tile-2 {
        left:66.6667%;
        top:288px
    }
    .small-tile-3 {
        left:0px;
        top:576px
    }
    .small-tile-4 {
        left:0px;
        top:864px
    }
    .large-tile-2 {
        left:33.34%;
        top:576px
    }
    .large-tile-3 {
        left:0px;
        top:1152px
    }
    .small-tile-5 {
        left:66.6667%;
        top:1152px
    }
    .small-tile-6 {
        left:66.6667%;
        top:1440px
    }
    .small-tile-7 {
        left:0px;
        top:1726px
    }
    .small-tile-8 {
        left:0px;
        top:2016px
    }
    .large-tile-4 {
        left:33.34%;
        top:1728px
    }
    .small-tile-9 {
        left:0%;
        top:2304px
    }
    .small-tile-10 {
        left:33.34%;
        top:2304px
    }
    .small-tile-11 {
        left:66.6667%;
        top:2304px
    }
    .small-tile-12 {
        left:0%;
        top:2592px
    }
    .small-tile-13 {
        left:33.34%;
        top:2592px
    }
    .small-tile-14 {
        left:66.6667%;
        top:2592px
    }
    .screen-768 {
        display:block
    }
    .small-tile {
        width:33.34%
    }
    .large-tile {
        width:66.6667%
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .home-tile-container {
        width:100%;
        height:2016px
    }
    .large-tile-1 {
        left:50%;
        top:0
    }
    .small-tile-1 {
        left:0;
        top:0
    }
    .small-tile-2 {
        left:25%;
        top:0
    }
    .small-tile-3 {
        left:50%;
        top:576px
    }
    .small-tile-4 {
        left:75%;
        top:576px
    }
    .large-tile-2 {
        left:0;
        top:288px
    }
    .large-tile-3 {
        left:50%;
        top:864px
    }
    .small-tile-5 {
        left:0;
        top:864px
    }
    .small-tile-6 {
        left:25%;
        top:864px
    }
    .small-tile-7 {
        left:50%;
        top:1440px
    }
    .small-tile-8 {
        left:75%;
        top:1440px
    }
    .large-tile-4 {
        left:0%;
        top:1152px
    }
    .small-tile-9 {
        left:0%;
        top:1728px
    }
    .small-tile-10 {
        left:25%;
        top:1728px
    }
    .small-tile-11 {
        left:50%;
        top:1728px
    }
    .small-tile-12 {
        left:75%;
        top:1728px
    }
    .small-tile-13 {
        display:none
    }
    .small-tile-14 {
        display:none
    }
    .screen-1024 {
        display:block
    }
    .small-tile {
        width:25%
    }
    .large-tile {
        width:50%
    }
}
@media only screen and (min-width: 1600px) {
    .home-tile-container {
        width:100%;
        height:1440px
    }
    .small-tile {
        width:16.67%
    }
    .large-tile {
        width:33.34%
    }
    .small-tile-1 {
        left:0;
        top:0
    }
    .small-tile-2 {
        left:16.67%;
        top:0
    }
    .large-tile-1 {
        left:33.34%;
        top:0
    }
    .small-tile-3 {
        left:66.67%;
        top:0
    }
    .small-tile-4 {
        left:83.34%;
        top:0
    }
    .large-tile-2 {
        left:0;
        top:288px
    }
    .small-tile-5 {
        left:33.34%;
        top:576px
    }
    .small-tile-6 {
        left:50%;
        top:576px
    }
    .large-tile-3 {
        left:66.67%;
        top:288px
    }
    .large-tile-4 {
        left:33.34%;
        top:864px
    }
    .small-tile-7 {
        left:0;
        top:864px
    }
    .small-tile-8 {
        left:16.67%;
        top:864px
    }
    .small-tile-9 {
        left:66.67%;
        top:864px
    }
    .small-tile-10 {
        left:83.34%;
        top:864px
    }
    .small-tile-11 {
        left:0;
        top:1152px
    }
    .small-tile-12 {
        left:16.67%;
        top:1152px
    }
    .small-tile-13 {
        left:66.67%;
        top:1152px
    }
    .small-tile-14 {
        left:83.34%;
        top:1152px
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .screen-1280 {
        display:block
    }
    .small-tile {
        width:20%
    }
    .large-tile {
        width:40%
    }
}