html.wf-loading * {
     opacity: 0;
 }
 
 body {margin:0; padding:0;font-family: 'Bebas Neue', 'Arial', cursive; background-color: #f5f5f5;}
.row {margin-bottom:30px;}

.rowend {border-bottom: solid #fff 50px; width:80%;margin:20px auto; margin-bottom: 50px;}

a {text-decoration: none;color:#ccaf66;}
a:hover {color:#ccaf66;text-decoration: underline;}
.box_link a {padding:5px; background: #7f8f89; color:#fff;}

figcaption {margin-top:10px;font-style:italic;font-size:0.9em;}
.caption {font-style:italic;font-size:0.9em; border-bottom:solid #ececec 1px;width:45%;}
hr {display:block;}

.col-sm {margin-bottom:25px;}
picture {position:relative;}
.imdb {float:right;margin-top: 30px;margin-right: 10px;max-width: 65px;}
.spotlight {float:right;margin-top: 15px;margin-right: 15px;max-width: 30px;}

img {border-radius:10px;}

/* 
img {
  transition: filter .5s ease-in-out;
filter: contrast(95%);
}
img:hover {
filter: contrast(100%) brightness(102%) saturate(110%);
}

img.social {filter: none}
 */
 
img.spotlight {
  transition: 0.70s;
}

img.spotlight:hover {
  transition: 0.70s;
  transform: rotate(360deg);
}


.url {opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
        }
        
        
.header-text {position:absolute;left:30px;top:0px;text-align: left;}
.header-text p {color:#ececec;font-size:1.1em;font-weight: 200;}
.header-text a {color:#ececec;font-size:1.1em;font-weight: 200;}




.desc {margin-top:30px;}
.descvimeo {text-align:justify; margin-top:15px;}
.descvimeospiral {text-align:justify; margin-top:-30px;}
h1, h2, h3 {font-family: 'Bebas Neue', 'Arial', cursive; font-size:2em; border-bottom: solid #cbcbcb 4px;text-align: left; width:95%;}
h3.reelsheadings {margin-bottom: 30px;}
h1.bennealon {margin-top: 30px;width:99%;border-bottom: solid #fff 6px;}
h4 {font-family: 'Bebas Neue', 'Arial', cursive; border-bottom: solid #000 1px;text-align: left; width:95%; margin-bottom:20px;}
h4 a:hover {text-decoration:none;}
ul {margin-left: -40px; list-style: none;}
ul.bennav {margin-left: 0px; list-style: none;}

.gallery img {margin:5px 5px;}
.ad-info {text-align:right;}
.ad-image {float:left;}
.noshow {display:none;}
.footer {margin-top:30px;padding:30px 0;border-top: solid #ececec 5px;}
.footer a {color:#000;}}
.mobile-contact {display:none;}
.spotlight-logo {display: none;}
.AT {max-width: 200px; margin-top: 170px;margin-left:-10px;}
 #quips {display:none;}
#review-links {display:none;}
#review-links span {margin-right: 30px;}
.quotes-left {display:none;font-size: 1em; font-style: italic;text-align: left;}
.quotes-right {display:none;font-size: 1em; font-style: italic;text-align: left;}
.author {font-style: italic; color: #a7bcb2;}
.em {font-style: italic;margin-right:3px;}

@media only screen and (min-width: 576px) {
.spotlight {float:right;margin-top: 15px;margin-right: 15px;max-width: 30px;}
.header-text {position:absolute;left:10px;top:80px;text-align: left;}
.header-text p {color:#ececec;font-size:1em;font-weight: 200;}
.header-text a {color:#ececec;font-size:1em;font-weight: 200;}
.imdb {float:right;margin-top: 30px;margin-right: 10px;max-width: 65px;}
.AT {max-width: 200px; margin-top: 130px;margin-left:10px;}
hr {display:block;}
}

@media only screen and (min-width: 634px) {
.spotlight {float:right;margin-top: 15px;margin-right: 15px;max-width: 30px;}
.AT {max-width: 150px; margin-top: 130px;margin-left:20px;}
.header-text {position:absolute;left:10px;top:-91px;left:15px;text-align: left;}
  .spotlight {display:block;}
  .imdb {float:right;margin-top: 30px;margin-right: 10px;max-width: 65px;}
  hr {display:block;}
}




@media only screen and (min-width: 768px) {
.header-text {position:absolute;left:20px;top:-70px;text-align: left;}
h1, h2, h3 {font-family: 'Bebas Neue', 'Arial', cursive; font-size:2em; border-bottom: solid #fff 6px;text-align: left; width:100%;}
h1.bennealon {margin-top: 30px;width:99%;border-bottom: solid #fff 6px;height:50px;}
h1.bennealon span {display:none;}
 #quips {display:block;position:relative; top:-20px; height:80px;}
 #review-links {display:none;  width: 100%;

  display: flex;
  justify-content: center;
  background-color: #e0ded3;}
  #review-links p {margin-top: 20px;}
  #review-links a {padding-left:5px;cursor: pointer;}
  .quotes-left {display:none;font-size: 1em; font-style: italic;text-align: left;}
  .quotes-right {display:none;font-size: 1em; font-style: italic;text-align: right;}
  
  .descvimeo {text-align:justify; margin-top:-15px;}
.descvimeospiral {text-align:justify; margin-top:-15px;}
  hr {display:block;}
  .spotlight {float:right;margin-top: 15px;margin-right: 15px;max-width: 30px;}
}


@media only screen and (min-width: 992px) {
 .spotlight-logo {display: none;}
   .spotlight {display:block;}
.spotlight {float:right;margin-top: 15px;margin-right: 15px;max-width: 30px;}
h1.bennealon {margin-top: 30px;width:99%;border-bottom: solid #fff 6px;height:50px;}
h1.bennealon span {display:none;}
    .AT {max-width: 200px; margin-top: 200px;margin-left:-10px;}
hr {display:none;}

 }


@media only screen and (min-width: 1200px) {
.header {margin-bottom:-1px;}
h1.bennealon {margin-top: 30px;width:99%;border-bottom: solid #fff 6px;height:50px;}
h1.bennealon span {display:none;}
.header-text {position:absolute;left:30px;top:-90px;text-align: left;}
.header-text .phone a {color:#c7ab65;}
    .AT {max-width: 400px; margin-top: 200px;margin-left:-10px;}
        #quips {display:none;}
             #review-links {display:none;}
             hr {display:none;}
             .spotlight {float:right;margin-top: 15px;margin-right: 15px;max-width: 30px;}
    }