.dtnbanner_container { background: #FFF; padding: 50px 0px; }
#dtnContainer { display: inline-block; width: 100%; }
#dtnContainer .dtnad { overflow: hidden; }
#dtnContainer.dtnbanner img { display: block; margin: 0 auto; }
#dtnContainer.rosbanner { padding: 10px 0px; }
#dtnContainer.rosbanner .dtnad img { border: 1px solid #f1e9e0; }

#dtnSpotlight .spotlight {
   border: 1px solid #f1e9e0;
   background-color: #fefbf8;
   position: relative;
   padding: 10px;
   clear: both;
}

#dtnSpotlight .spotlight-cont > .title {
   font: normal 26px "Museo W01_300";
   color: #998c87;
   text-transform: uppercase;
   letter-spacing: 2px;
   float: left;
   padding: 10px 0px;
}

#dtnSpotlight .dtn-spotlight-content .title {
   font: normal 20px "Museo Sans W01_500";
   color: #278bdc;
   margin-bottom: 5px;
   letter-spacing: 1px;
}

#dtnSpotlight .dtn-spotlight-content .description {
   display: block;
   color: #5b3627;
   font: normal 14px "Museo Sans W01_300";
   cursor: pointer;
   letter-spacing: 0.3px;
   line-height: 17px;
}

/* mobile banner */
.mobiledtnbanner {
   text-align: center;
   position: fixed;
   width: 320px;
   position: relative;
   left: 50%;
   webkit-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   bottom: 0;
   z-index: 200000;
   opacity: 0;
   display: none;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;
}
.mobiledtnbanner.open{ display: block; opacity: 1;}
.mobiledtnbanner img {box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2); display: inline-block!important;}
#google_image_div {
   position: relative !important;
}

.mobiledtnbanner .banner-close {
   font-size: 1.5em;
   cursor: pointer;
   opacity: 0.75;
   position: absolute;
   right: 0;
   top: -0px;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;
}
.mobiledtnbanner .banner-close:hover, .mobiledtnbanner .banner-close:focus {opacity: 1;}
.panel_custom_footer .mobiledtnbanner a {margin: 0;}


@media only screen and (min-width: 641px) {
   .mobiledtnbanner,.mobiledtnbanner.open  {
     display: none;
   }
}