.hero {
    position: relative;
    width: 100%;
    cursor: pointer;
}
.hero .itemwrap {
    position: relative;
    width: 100%;
    overflow: hidden
}
.hero .info {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 960px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    text-align: center
}
.hero .info h3 {
    margin-bottom: 30px;
    font-weight: 400
}
.hero .info h1 {
    margin-bottom: 0px;
    line-height: 1;
    font-size: 30px
    letter-spacing: .01em !important;
    color:#fff!important;
    font-family: 'DINPro-Bold' !important;
    letter-spacing: normal!important;
font-size: 29px !important;

font-weight: normal !important;
}
.hero .info .playButton {
    margin-top: 30px
}
.hero .embed {
    z-index: 3
}
.hero img.photo {
    width: 100%
}
.hero .downArrow {
    width: 43px;
    position: absolute;
    z-index: 4;
    left: 3%;
    bottom: -14px;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}
.hero .downArrow:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}
@media all and (max-width: 767px) {
.hero .downArrow {
    display: none
}
.hero .info h1 {
    font-size: 30px;
}
.hero .info .playButton {
    margin-top: 10px
}
.hero.small .info h1 {
    font-size: 20px
}
.hero.small .info .playButton {
    width: 25px;
    height: 25px
}
}
.hero .embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    line-height: 0;
}
.photo.size-width {
   /* width: 102% !important;
    height: auto !important;
    /*max-width: 102%;height: 100%;**/
    /*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)*/
}
.playButton {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url(../images/icon-play.png);
    background-size: cover;
    background-position: 50% 50%;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.hero.reel .playButton{width:75px; height:75px; background-image:url(../images/play-icon.png);}

.hero .closeButton {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 4;
    right: 2%;
    top: 15px;
    background-image: url(../images/icon-close.png);
    background-size: cover;
    background-position: 50% 50%;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.itemwrap .item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    z-index: 0;
    -webkit-backface-visibility: hidden;
}
@media only screen and (min-width:1400px) {
    .playButton,.hero.reel .playButton {width: 3vw;height: 3vw;}
    .hero .info h1 {font-size: 2vw !important;}
}

.edgtf-container-inner, .edgtf-grid, .edgtf-row-grid-section {
		width: 100%!important;
		width: calc(100% - 80px)!important;
		padding-left:40px!important;
		padding-right:40px!important;
		max-width: 100%!important;
}

.edgtf-page-footer .edgtf-footer-top-holder .edgtf-footer-top-inner.edgtf-grid,.edgtf-page-footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-inner.edgtf-grid{padding-left:40px;padding-right:40px;}
.edgtf-page-footer .edgtf-grid{width: 100%!important;}

@media (min-width:1440px){
 footer .edgtf-footer-bottom-inner.edgtf-grid {max-width:100%!important;}
}


@media (max-width:600px){
     .edgtf-container-inner, .edgtf-grid, .edgtf-row-grid-section {
            width: calc(100% - 30px)!important;
            padding-left:15px!important;
            padding-right:15px!important;
      }
      .edge-locale-selector{margin-right:0;}
      .edgtf-page-footer .edgtf-footer-top-holder .edgtf-footer-top-inner.edgtf-grid>.edgtf-grid-row{margin-left:0; margin-right:0;}
}