html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: url(../images/satin_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #7e7e7e;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  /*font-family: 'Oswald', sans-serif;*/
  /*font-family: 'Oxygen Mono', monospace;*/
  font-size: 12px;
  color: #656565;
}

h1, h2, h3, h4, h5 {
  margin: 0; 
}

header, nav, footer, section, article, div {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

a { color: #b5066b; }

a:hover {
  color: #FCA6D8;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


/*
 *
 * Common
 * 
 */

.news__more {
  float: right;
  font-size: .8em;
  color: #333;
  text-decoration: none;
}


/*
 *
 * Header
 *
 */

.headers {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  min-height: 56px;
  transition: min-height 0.3s;
}

.header {
  -moz-box-shadow: 0 4px 14px rgba(0,0,0,1.4);
  -webkit-box-shadow: 0 4px 14px rgba(0,0,0,1.4);
  box-shadow: 0 4px 14px rgba(247,72,173,1.4);
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 0px;
  text-transform: uppercase;
  background: #7e7e7e url(../nav_images/bg_pixel_wide_pink.png) bottom center repeat-x;
  z-index: 2;
  
  position: fixed;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  /*height: 64px;  */
}

.header__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #7e7e7e url(../nav_images/bg_pixel_wide_pink.png) bottom center repeat-x;
}

.header__logo {
  height: 0px;
  margin-right: 1em;
  vertical-align: top;
}

.header__title {
  font-weight: 300;
  font-size: 3em;
  margin: 0.75em 0.25em;
  display: inline-block;
  color: #212121;
}

/*
 *
 * Top Level Navigation
 *
 */

.nav {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.nav__list {
  width: 100%;
  padding: 0;
  margin: 0;
}

.nav__item {
  box-sizing: border-box;
  display: inline-block;
  width: 19%;
  text-align: center;
  line-height: 24px;
  padding: 24px;
  text-transform: uppercase;
}

.nav a {
  text-decoration: none;
  color: #c3c3c3;
  padding: 1.5em;
}

.nav a:hover {
    background: #FCA6D8;
    height: 148px;
    padding-bottom: 23px;
    padding-top: 50px;
    position: relative;
    color: #f748ad;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}

#header #nav {  
                padding-left: 26%;
                float: left;
				display: inline;
				margin-top: 0px;
			 }
#header #nav > li { list-style: none;
					list-style-position: outside;
					float: left;
					display: inline;
				  }
#header #nav > li > a { color: #c3c3c3;
						display: block;
						float: left;
						display: inline;
						height: 38px;
						padding: 22px 20px 0 20px;
						background: #7e7e7e;
						-webkit-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
						-moz-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
						-ms-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
						-o-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
						transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
					  }

/*---------------------*/
/* More Header --------*/
/*---------------------*/
#header { 	
		 	position: fixed;
			width: 100%;
			top: 0px;
			font-family: "Montserrat", sans-serif;
			font-weight: 400;
			font-size: 12px;
			line-height: 14px;
			text-transform: uppercase;
			background: #7e7e7e url(../nav_images/bg_pixel_wide_pink.png) bottom center repeat-x;
			height: 64px;
			-moz-box-shadow: 0 4px 14px rgba(0,0,0,1.4);
			-webkit-box-shadow: 0 4px 14px rgba(0,0,0,1.4);
			box-shadow: 0 4px 14px rgba(0,0,0,1.4);
			z-index: 2;
		}
#header h1 a {	float: left;
				display: inline;
				text-indent: -999em;
				overflow: hidden;
				/*background: url(../nav_images/HowardHughes_Engineering_red.png) top left no-repeat;*/
				background-position: -5px;
			    background-color: #7e7e7e;
			    background-size: 329px;
				width: 310px;
				height: 60px;
				margin-right: 20px;
				-webkit-transition: background-color 400ms ease-in-out;
				-moz-transition: background-color 400ms ease-in-out;
				-ms-transition: background-color 400ms ease-in-out;
				-o-transition: background-color 400ms ease-in-out;
				transition: background-color 400ms ease-in-out;
			 }
#header h1 a:hover,
#header h1 a:hover { background-color: #ffffff;
					-webkit-transition: background-color 200ms ease-in-out;
					-moz-transition: background-color 200ms ease-in-out;
					-ms-transition: background-color 200ms ease-in-out;
					-o-transition: background-color 200ms ease-in-out;
					transition: background-color 200ms ease-in-out;
				   }

/*---------------------*/
/* Nav Drawer ---------*/
/*---------------------*/

/*#header #nav li.navHome > a     {background: url(../nav_images/nav_icon_arrow.png) 64px 21px no-repeat;}*/
/*#header #nav li.navBio > a   {background: url(../nav_images/nav_icon_arrow.png) 76px 21px no-repeat;}*/
/*#header #nav li.navReviews > a {background: url(../nav_images/nav_icon_arrow.png) 90px 21px no-repeat;}*/
/*#header #nav li.navStore > a  {background: url(../nav_images/nav_icon_arrow.png) 85px 21px no-repeat;}*/
/*#header #nav li.navAwards > a   {background: url(../nav_images/nav_icon_arrow.png) 82px 21px no-repeat;}*/
/*#header #nav li.navGallery > a  {background: url(../nav_images/nav_icon_arrow.png) 82px 21px no-repeat;}*/
/*#header #nav li.navLinks > a    {background: url(../nav_images/nav_icon_arrow.png) 63px 21px no-repeat;}*/
#header #nav li.dropdown > a    {padding-right: 30px;}

#header #nav li.dropdown.active > a { 	background-color: #5F0000;
										/*background-image: url(../nav_images/nav_icon_arrow_red.png);*/
										color: #EE4444;
									}
#header .subMenu {  background: #5F0000 url(../nav_images/bg_pixel_wide_unlv_3.png) bottom left repeat-x;
					position: absolute;
					overflow: hidden;
					width: 100%;
					height: 0;
					top: 60px;
					left: 0;
					padding-left: 76px;
					-moz-box-shadow: 0 4px 14px rgba(0,0,0,1.4);
					-webkit-box-shadow: 0 4px 14px rgba(0,0,0,1.4);
					box-shadow: 0 4px 14px rgba(0,0,0,1.4);
				 }
#header .subMenu .content {position: relative;}
#header .subMenu ul {   height: 200px;
						margin-bottom: 4px;
						overflow: hidden;
						position: relative;
						top: -200px;
					}
#header .subMenu li {   background: url(../nav_images/center_line_nav_gray.png) center right no-repeat;
						float: left;
						display: inline;
						list-style: none;
						list-style-position: outside;
					}
#header .subMenu li.last {background: 0;} 

#header .subMenu li:last-child {background: 0;}

#header .subMenu li a { display: block;
						width: 170px;
						height: 174px;
						padding: 26px 5px 0 0;
					  }

/*#header .navHome li a { width: 200px;}					  
#header .navBio li a   { width: 320px;}
#header .navReviews li a { width: 350px;}
#header .navStore li a  { width: 170px;}					  
#header .navAwards li a   { width: 345px;}
#header .navGallery li a  { width: 480px;}					  
/*#header .navLinks li a    { width: 345px;}*/

#header .subMenu li p { background-color: #7e7e7e;
						background-position: top left;
						background-repeat: no-repeat;
						display: block;
						text-indent: -999em;
						overflow: hidden;
						margin: 0 auto;
						-webkit-transition: background-color 400ms ease-in-out;
						-moz-transition: background-color 400ms ease-in-out;
						-ms-transition: background-color 400ms ease-in-out;
						-o-transition: background-color 400ms ease-in-out;
						transition: background-color 400ms ease-in-out;
					  }
#header .subMenu li h4 { 	color: #7e7e7e;
							font-family: "Cabin", sans-serif;
							font-weight: 400;
							font-size: 19px;
							line-height: 22px;
							text-transform: none;
							text-align: center;
							padding: 15px 0 0 0;
							-webkit-transition: color 400ms ease-in-out;
							-moz-transition: color 400ms ease-in-out;
							-ms-transition: color 400ms ease-in-out;
							-o-transition: color 400ms ease-in-out;
							transition: color 400ms ease-in-out;
						}
#header .subMenu a:hover h4 { 	color: #EE4444;
								-webkit-transition: color 200ms ease-in-out;
								-moz-transition: color 200ms ease-in-out;
								-ms-transition: color 200ms ease-in-out;
								-o-transition: color 200ms ease-in-out;
								transition: color 200ms ease-in-out;
							}
#header .subMenu a:hover p { background-color: #EE4444;
							-webkit-transition: background-color 200ms ease-in-out;
							-moz-transition: background-color 200ms ease-in-out;
							-ms-transition: background-color 200ms ease-in-out;
							-o-transition: background-color 200ms ease-in-out;
							transition: background-color 200ms ease-in-out;
						   }

/*
 *
 * Main
 *
 */

main {
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*
 *
 * Content
 *
 */

.profile {
  /*round thumbnail photo*/
  border-radius: 50%;
  width: 150px;
  margin-left: 38%;
}

/*
 *
 * Hero
 *
 */

.hero {
  width: 100%;
  position: relative;
  /*background-image: url("./images/dog.jpg");*/
  background-size: cover;
  min-height: 300px;
}

.hero article {
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 1em;
}

#logo {
    width: 550px;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: 26px;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
} 

img { max-width: 100%; height: auto; }



/*---------------------*/
/* SLIDER -------------*/
/*---------------------*/
.slider {
  width: 100%;
  position: relative;
  background-size: cover;
  /*margin-top: -15px;*/
  margin-left: auto;
  margin-right: auto;
}

#slider { height:490px; }

.sliderimg { background-repeat: no-repeat; 
             width: 100%; 
             height: 100%; 
             position:absolute;
           }

.mobRes {
  display: none;
}

/*---------------------*/
/* SLIDER TEXT --------*/
/*---------------------*/
.slidertxt {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#slidertxt { width:90%;
			 margin:0 auto; 
			 clear:both; 
			 position:relative;
			 top:375px;
			}

/*---------------------*/
/* SLIDER NAVIGATION --*/
/*---------------------*/
#slidernav-outer { 
  position:relative; 
  top:214px; 
  margin:0 auto; 
  width:960px; 
  z-index: 100;
}

#slidernav { padding-left:688px; }

#agent { float:right; 
		 margin-right: -24px;
		 padding: 15px;
		 padding-top: 31px;
		 padding-right: 0px;
		 width: 300px;
		}

#agent img { float: right;
			 padding: 48px;
			 padding-top: 15px;
			 padding-right: 70px;
			 width: 216px;
			 height: 144px;
		   }
#firstline { color:#ffffff; 
			 font-size:15px; 
             padding:4px 13px 0px; 
           }
#secondline { color:#ffffff; 
			  text-decoration:none; 
              font-size:10px; 
              padding:20px 20px 15px; 
              float:left; 
              display:block; 
              clear:both;
          	}
#quotes img { float: left; }

.pictured { background-image:url(../../images/headerbg_LB.png);
            color:#FFF; 
            font-size:12px; 
            padding:9px 16px; 
            text-transform:uppercase; 
            float:left; display:block; 
            clear:both; 
            margin-top:10px;
          }            
.pictured a { font-size:16px; 
              font-style:italic; 
              letter-spacing:0; 
              text-transform:none; 
              color:#FFF; 
              text-decoration:none;
          	}              
.pictured a:hover { text-decoration:underline; }

/*
 *
 * Welcome
 *
 */

.caps {
  text-align: center;
}

.Welcome{
  font-family: 'Roboto', sans-serif;
  text-align: justify;
  background: #dadada;
  letter-spacing: 1px;
  line-height: 38px;
  width: 100%;
  padding: 20px;
  padding-left: 45px;
  padding-right: 45px;
  margin: 17px;
  border-radius: 3px;
}

/*
 *
 * TopBox
 *
 */

.TopBox{
  font-family: 'Roboto', sans-serif;
  text-align: justify;
  background: #dadada;
  letter-spacing: 1px;
  line-height: 38px;
  width: 100%;
  padding: 20px;
  padding-left: 45px;
  padding-right: 45px;
  margin: 17px;
  margin-top: 100px;
  border-radius: 3px;
}

/*
 *
 * Top News
 *
 */

IMG.logo{
  width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.doubleM{
  width: 200px;
  margin-right: 22px;
}

.embNail {
  width: 207px;
  margin-left: 22px;
  margin-bottom: 22px;
}

.thumbnail {
  padding-top: 10px;
}

.showcase {
  width: 100%;
  display: block;
  margin: auto;
  text-align: justify;
  padding: 50px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  background: #c4a3c1;
  letter-spacing: 1px;
  line-height: 38px;
  margin: 17px;
  border-radius: 3px;
}

.storeShowcase {
  width: 100%;
  display: block;
  margin: auto;
  text-align: center;
  padding: 50px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  background: #adadad;
  letter-spacing: 1px;
  line-height: 38px;
  margin: 17px;
  border-radius: 3px;
}

.top-news {
  border-bottom: 1px solid #E0E0E0;
  padding: 1em;
  width: 100%;
}

.news__title {
  font-weight: 300;
  border-bottom: 1px solid #E0E0E0;
  line-height: 24px;
  font-size: 16px;
}

.top-news__item {
  border-bottom: 1px solid #E0E0E0;
  padding: 1em 0;
  line-height: 19.2px;
}

.top-news__item:before {
  content: "» ";
}

.top-news__item:last-child {
  border-bottom: none;
}

.top-news__item a {
  text-decoration: none;
  color: #666;
  padding: 1.5em inherit;
}

.top-news__item a:hover,
.top-news__item a:active {
  text-decoration: underline;
}


/*
 *
 * Sport Scores
 *
 */

.scores {
  padding-top: 1em;
  flex-grow: 1;
}

.scores__table {
  width: 100%;
  border-collapse: collapse;
}

.scores__table th,
.scores__table td {
  padding: 1em; 
}

.scores__table th {
  color: #fff;
  font-weight: 300;
  background-color: #78909C;
}

.scores__table tr:nth-child(1) th:nth-child(3) {
  text-align: right;
}

.scores__table tr:nth-child(1) th:nth-child(5) {
  text-align: left;
}

.scores__table tr:nth-child(odd) td {
  background-color: #fff;
}

.scores__table tr:nth-child(even) td {
  background-color: #eceff1;
}

.scores__table td.winner {
  font-weight: bold;
}

.scores__table td:nth-child(3) {
  text-align: right;
}

.scores__table td:nth-child(1),
.scores__table td:nth-child(2) {
  text-align: center;
}

/*
 *
 * instagram
 *
 */

.instagram {
  flex-grow: 1;
  padding-top: 1em;
  padding-left: 8em;
}

/*
 *
 * twitter
 *
 */

.twitter_feed {
  flex-grow: 1;
  padding: 1em;
}

.twitter__location {
  display: block;
  font-weight: 300;
  font-size: 1.5em;
}

.twitter__ {
  display: block;
  font-size: 1.2em;
}

.twitter__today {
  width: 60%;
  vertical-align: middle;
}

.twitter__today__image {
  vertical-align: middle
}

.twitter__today__temp {
  font-size: 3em;
}

.twitter__today__deg {
  font-size: 2em;
  display: inline;
}

.twitter__next__item {
  display: inline-block;
  width: 20%;
  text-align: center;
}

.twitter__next__item span {
  display: block;
}

.twitter__next__image {
  width: 100%;
}


/*
 *
 * Recent News
 *
 */

.recent-news {
  flex-grow: 1;
  clear: both;
  padding: 1em;
}

.snippet {
  clear: both;
  margin: 24px 0;
}

.snippet__thumbnail {
  width: 100px;
  float: left;
  margin-right: 1em;
}

.snippet__title {
  font-weight: 500;
}

.snippet__title a {
  text-decoration: none;
  color: #666;
  padding: 1.5em inherit;
}

.snippet__title a:hover,
.snippet__title a:active {
  text-decoration: underline;
}


/*
 *
 * Footer
 *
 */

footer {
  padding: 2em;
  width: 100%;
  text-align: center;
  color: #e6a2ca;
}

footer li {
  display: inline-block;
  margin: 0 1em;
}

footer a {
  text-decoration: none;
  color: #333;
  padding: 1.5em;
}

.footer__item {
  color: #a6a6a6;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  padding: 24px;
  text-transform: uppercase;
  font-size: 1.5em;
  
}

.footer__item:hover {
    text-shadow: #FCA6D8 0px 0px 14px;
  color: #a6a6a6;
}

.copyright {
      text-shadow: #000000 0px 0px 15px;
}


/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }