body, html {
	height: 100%;
	margin: 0;
  
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	background-color: #000;
}



p, h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
}


p {
	font-weight: 300;
	margin-bottom: 12px;
}

a {
	color: #FFF;
}

a:hover {
	color: silver;
	text-decoration: none;
}

a i {
	cursor: pointer;
}


h1 {
	font-weight: 700;
	letter-spacing: 4px;
}

h2 {
	font-weight: 300;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0.3px;
}

h3 {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	margin-bottom: 15px;
}

h4 {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.8px;
}


.lead {
	font-size: 24px!important;
	font-weight: 500;
}

.small {
	font-style: normal;
	font-weight: 300;
}

ul.no-indent {
  list-style-position: inside;
  padding-left: 0;
}


::selection {
  background: #a7a7a7;
  color: #FFF;
}







/* @group MISC */

.bg-black {
	background-color: #000;
}

.bg-softgrey {
	background-color: #f2f2f2;
}

.text-black {
	color: #000;
}

.my-med {
	margin-top: 60px;
	margin-bottom: 60px;
}

.my-large {
	margin-top: 80px;
	margin-bottom: 80px;
}

.py-large {
	margin-top: 80px;
	margin-bottom: 80px;
}

.my-wide-img {
	margin-top: 50px;
	margin-bottom: 50px;
}

.mt-large {
	margin-top: 80px;
}

.mb-large {
	margin-bottom: 80px;
}

.mt-header {
	margin-top: 120px;
}

.footer-logo {
	padding-bottom: 2px;
	width: 150px;
}



/* @end */





/* @group HOME */

.my-intro {
	margin-top: 120px;
}

.my-home-section-header.first {
	margin-top: 0px;
	margin-bottom: 50px;
}

.my-home-section-header {
	margin-top: 120px;
	margin-bottom: 50px;
}

/* @end */





/* @group HEADER */

.header {
	/* Full height */
	height: 90vh;
	max-height: 90vh;
	width: 100%;
	position: relative;
  	overflow: hidden;
}

/*@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices *!/ 

header {
	/* Full height *!/
	height: 92vh;
	max-height: 92vh;
}

}*/


.header-bg video, .header-bg iframe {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.header-bg img {
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
	
	height: 100%;
	width: 100%;
	object-fit: cover;
}


header .home-logo {
  position: relative;
  z-index: 2;
  visibility: visible;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 1;
}

.home-logo img {
	width: 50%;
}

header .home-logo.open {
  visibility: hidden;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 0;
}







/* @end */










/* @group HOVERGRID */

.hovergrid {
width:100%;
height:auto;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
background-color: #000;
}

.hovergrid .subdue {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.2);
}

.hovergrid .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:1;
-webkit-transition:all .8s ease;
transition:all .8s ease;
}

.hovergrid:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovergrid img {
height: 100%;
width: 100%;
object-fit: cover;
-webkit-transition:all .8s ease;
transition:all .8s ease;
}

.hovergrid:hover img {
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}


.hovergrid h4, .hovergrid p {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.3px;
margin: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
line-height: 16px;
}


.hovergrid i {
opacity:0;
filter:alpha(opacity=100);
-webkit-transition:all .8s ease;
transition:all .3s ease;
display: block;
height: 0;
}

.hovergrid:hover i {
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:all .8s ease;
transition:all .3s ease;
margin-bottom: 50px;
}

.hovergrid p {
opacity:1;
display: block;
height: 0;
-webkit-transition:all .6s ease;
transition:all .6s ease;
}

.hovergrid:hover p {
opacity:1;
-webkit-transition:all .6s ease;
transition:all .6s ease;
margin-bottom: 20px;
}



.hovergrid.video-feature p {
opacity:1;
display: block;
height: 0;
-webkit-transition:all .6s ease;
transition:all .6s ease;
}



/* @end */










/* @group PEOPLEGRID */

.peoplegrid {
width:100%;
height:auto;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
background-color: #FFF;
border-bottom: 1px solid #000;
-webkit-transition:all .8s ease;
transition:all .8s ease;
}

.peoplegrid .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:1;
-webkit-transition:all .8s ease;
transition:all .8s ease;
background-color:rgba(0,0,0,0.25);
}

.peoplegrid:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.peoplegrid img {
height: 100%;
width: 100%;
object-fit: cover;
-webkit-transition:all .8s ease;
transition:all .8s ease;
}

.peoplegrid:hover img {
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05);
}

.peoplegrid h4, .peoplegrid p {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.3px;
margin: 0;
-webkit-transition: all .8s ease;
transition: all .6s ease;
line-height: 18px;
opacity:1;
}

.peoplegrid:hover h4, .peoplegrid:hover p {
opacity:1;
-webkit-transition:all .6s ease;
transition:all .6s ease;
}


/* @end */




/* @group PEOPLE */

.people h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #FFF;
}

.people h4.title {
	font-weight: 400;
}

.people-title {
	margin-top: 60px;
	margin-bottom: 30px;
}



/* @end */



/* @group HAMBURGER */

.hamburger {
	width: 50px;
	height: 50px;
}

.hamburger:hover {
	opacity: 0.8;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hamburger svg {
	position: relative;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




#nav-icon4 {
  width: 26px;
  height: 22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin: 15px 14px;
  position: absolute;
  top: 0;
  right: -2px;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #FFF;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 4px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 4px;
}

/* @end */





/* @group MENU */

.menustrip {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}

#header-logo {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.bengar-logo svg {
	width: 130px;
	fill: #FFF;
	visibility: visible;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 1;
}

.bengar-logo svg:hover, .footer-logo:hover {
	opacity: 0.8;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.bengar-logo.open svg, .home .bengar-logo svg {
	visibility: hidden;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 0;
}


.menu {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	visibility: hidden;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 0;
	z-index: 4;
}

.menu.open {
	visibility: visible;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 1;
}

.menu-logo img {
	width: 40%;
}

.menu-content p, .menu-content a {
	color: #FFF;
}

.nav a, .nav li {
	text-transform: uppercase;
	font-size: 28px;
	padding-bottom: 10px;
}

.nav a:hover, i:hover, .menu-content a:hover {
	text-decoration: none;
	color: silver;
}



/* @end */




/* @group VIDEO */

.video-page {
	padding-top: 82px;
}

.video {
	color: #FFF;
}


tr td:nth-child(1){
  font-weight: 500;
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1.2px;
  line-height: 16px;
  white-space: nowrap;
  padding-top: 3px;
}


.video h1 {
	letter-spacing: 1px;
	line-height: 4.0rem;
}

.video.publicity-panel h1 {
	letter-spacing: 1px;
	line-height: 3.3rem;
}

.video h2 {
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.video h3 {
	/*text-transform: capitalize;*/
	text-transform: none;
	letter-spacing: 0.5px;
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 1.25rem;
	line-height: 1.7rem;
}

.video h4 {
	font-size: 13px;
	margin-bottom: 0;
}


.video .quote {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-right: 30px;
	color: #dddddd;
}

.video .stats p {
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-top: 20px;
}

.video.publicity-panel {
	padding-top: 100px;
	padding-bottom: 100px;
}


.video-imglink:hover {
	opacity: 0.8;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


/* @end */







/* @group CONTACT */

.contact p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 22px;
}

.contact h5 {
	margin-bottom: 7px;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 18px;
}

.contact-initial {
	width: 20px;
	display: block;
	float: left;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}



/* @end */




/* @group ABOUT */


.latest-news {
	background-color: #D2D2CF;
}

ul.awards-list {
padding-left: 1.15rem;
}


/* @end */








/* Bootstrap 4 breakpoints */
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

.footer-logo {
	padding-bottom: 2px;
	width: 110px;
}



}



 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  



h1 {
	font-size: 3rem;
}

.my-med {
	margin-top: 80px;
	margin-bottom: 80px;
}

.my-large {
	margin-top: 120px;
	margin-bottom: 120px;
}

.py-large {
	margin-top: 120px;
	margin-bottom: 120px;
}

.my-wide-img {
	margin-top: 120px;
	margin-bottom: 120px;
}

.mt-large {
	margin-top: 120px;
}

.mb-large {
	margin-bottom: 120px;
}

.mt-header {
	margin-top: 150px;
}

.home-logo img {
	width: 35%;
}

.menu-logo img {
	width: 65%;
}

.menu-contact {
	margin-top: -70px;
}




.peoplegrid .overlay {
opacity:0;
}

.peoplegrid h4, .peoplegrid p {
opacity:0;
}

.people-title {
	margin-top: 0;
	margin-bottom: 80px;
}

.people-text {
	margin-top: 90px;
}

.people {
	background-color: #f2f2f2;
}

.people h4 {
	font-size: 18px;
	color: #000;
}

.latest-news {
	margin-top: 120px;
	z-index: 10;
}

.video-page {
	padding-top: 100px;
	padding-bottom: 20px;
}




}

 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 



.header {
	height: 650px;
	max-height: 650px;
	width: 100%;
	position: relative;
  	overflow: hidden;
	top: 0;
}

.header.banner {
	height: 650px;
	max-height: 650px;
	width: 100%;
	position: relative;
  	overflow: hidden;
	top: 0;
}

.home-logo img {
	width: 25%;
}

.menu-logo img {
	width: 50%;
}

.hovergrid p {
	opacity:0;
}

.video p, .video ul {
	font-size: 20px;
	line-height: 1.85rem;
}

.video .quote {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-top: 50px;
	margin-bottom: 30px;
	padding-right: 50px;
	margin-right: -30px;
	border-right: 1px solid #8a8a8a;
}

.video h2 {
	font-size: 26px;
}

.people h4 {
	font-size: 18px;
}








}

 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}


/* Landscape devices */
@media only screen 
  and (orientation: landscape)
   {

}

/* Portrait devices */
@media only screen 
  and (orientation: portrait)
   {


}


/* Landscape devices */
@media only screen 
  and (orientation: landscape) and (max-width: 850px)
   {

.nav a, .nav li {
	font-size: 24px;
	line-height: 38px;
}

}



/* ONLY Small devices (phones, portrait, less than 576px) */
@media only screen 
  and (orientation: portrait) and (max-width: 576px) {

.ent-head {
	font-size: 2.0rem;
}

}