@charset "UTF-8";
/* CSS Document */

	body {padding-top: 150px; overflow-x: hidden;}
	body,td,th,p,ul,ol{font-family: "urw-din", sans-serif; color:#404041;} 
	.yellow {Color:#ffd503;}
	.red {color:#f05555;}
	.phone {padding: 10px 30px; text-align: right;}
	.phone a {color:#404041;}
	
	.menu {text-align: center; padding: 25px;}
	.menu-link {padding: 10px 20px; color: #ffffff;text-shadow: 0 0 3px #404040;margin:5px;}
	.menu-link:hover {background-color: #f05555; color: #ffffff; text-decoration: none;}
	@media screen and (max-width: 480px) {
		.hide {display: none;}
		body {padding-top: 120px;}
		.logo {max-width: 250px;}
		.menu {padding: 10px 5px;}
		.menu-link {padding: 5px 10px; color: #ffffff;text-shadow: 0 0 3px #404040;margin:2px;}
	}
	.carousel-caption {padding-bottom: 10%; padding-left: 2%;}
	.carousel-caption h1 {text-align: left;font-family: "museo-sans", sans-serif;font-weight: 800; font-size: 64px; line-height: 1.1em; padding: 0; margin: 0;}
	.carousel-caption p {text-align: left;font-family: "museo-sans-display", sans-serif;color:#fff; font-size:30px; line-height: 1.1em;}
	
	@media screen and (max-width: 480px) {
		.carousel-caption {padding-bottom: 5%;}
		.carousel-caption h1 {font-size: 34px;}
		.carousel-caption p {font-size:20px;}
	}
	
	.reach {background-color: #3470b8; background-image: url("https://digitaldominomarketing.com/images/back-blue.jpg"); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; color: #fff; padding-top: 100px; padding-bottom: 100px;}
	.reach p {color: #fff; }
	.as-low {text-align: right;}
	.creepy {background-color: #270c13; background-image: url("https://digitaldominomarketing.com/images/happy-face-back.jpg"); background-size:100% 100%; background-position: top center;background-repeat: no-repeat; color: #ffffff;}
	.creepy p {color: #ffffff;}
	.the-work {background-color:#f05555; background-image: url("https://digitaldominomarketing.com/images/the-work-back.jpg"); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; }
	.footer {padding: 100px 50px;}
	.footer a {color: #58595b;}
	.copy {padding: 30px 0px 10px 0px; background-color: #2e2b2c;}
	.copy p {text-transform: uppercase; font-size: 14px; color: #ffffff;}
	.copy a {color:#f05555;}
	
	@media screen and (max-width: 480px) {
		.reach {padding: 20px}
		.as-low {text-align: center;}
		.the-work {padding-top: 130px;}
	}
	
	.btn {border-radius: 0px; margin-bottom: 10px;}
	
	.menu-header {
  position: fixed;
	z-index: 1000;
	height: 218px;
  width: 100%; 
	background: rgba(34,34,34,0);
	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}

	.menu-active {background-color: rgba(46,43,44,1); }
	
	
	@media screen and (max-width: 480px) {
		.menu-header {height: 168px;}
	}
	
	.create-title {display: block; width: 240px; height: 86px; background-image: url("https://digitaldominomarketing.com/images/create-off.png"); background-repeat: no-repeat;margin-bottom: 20px;}
	.create-title:hover {background-image: url("https://digitaldominomarketing.com/images/create-on.png");}
	.manage-title {display: block; width: 240px; height: 86px; background-image: url("https://digitaldominomarketing.com/images/manage-title.png"); background-repeat: no-repeat;margin-bottom: 20px;}
	.manage-title:hover {background-image: url("https://digitaldominomarketing.com/images/manage-title-on.png");}
	.market-title {display: block; width: 240px; height: 86px; background-image: url("https://digitaldominomarketing.com/images/market-title.png"); background-repeat: no-repeat;margin-bottom: 20px;}
	.market-title:hover {background-image: url("https://digitaldominomarketing.com/images/market-title-on.png");}
	.creep-title {display: block; width: 240px; height: 86px; background-image: url("https://digitaldominomarketing.com/images/creep-off.png"); background-repeat: no-repeat;margin-bottom: 20px;}
	.creep-title:hover {background-image: url("https://digitaldominomarketing.com/images/creep-on.png");}
	
	
		
	#floater a {
    /* set the width and height of the floater */
    width: 200px;
    height: 225px;
    
    /* set the background image of the floater. */
    /* you can also use background color and borders here */
    background-image: url(https://digitaldominomarketing.com/images/As-Low-as-20-day.png);
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    
    /* set the position to fixed so that it stays in place no matter where you scroll */
    position: fixed;
    top: 40%;
	right: 1px;
    
    /* set the display to block so that the entire graphic is clickable */
    display: block;
    
    /* set the z-index so high it will always be on top */
    z-index: 99999;
	}
	
	@media screen and (max-width: 480px) {
		#floater a {
    /* set the width and height of the floater */
    width: 125px;
    height: 141px;
		}
	}