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

 body {	 		
	 		font-family: 'woodfordbourne-regular, woodfordbourne-thin' Arial, sans-serif;
        }

/* Video Container*/

.jumbotron-vid {
  position: relative;
  overflow: hidden;
  height: 100vh;
  background-color: #494949;
}
.jumbotron-vid video {
  position: absolute;
  z-index: -100;
  top: 0;
  width:100%;
  height:100vh;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
}
.jumbotron-vid {
  z-index: 2;
  position: relative;
  height: 100vh;
   margin-top: 0px;
}

.container-vid {
	margin-top: 0px;
}

/* Nav Bar */

.navbar {
  height: 60px;
  background-color: transparent;
  border: none;
  color: white;
  z-index: -100;
  transition: background-color 1s ease 0s;
}

.navbar.solid {
  background-color: #f49364;
  opacity: 1.0;
  transition: background-color 1s ease 0s;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 8px 6px -6px #000;
}

.green518 {
	background-color: #acd373;
	opacity: 0.25;
}

.rose518 {
	background-color: #fe94bc;	
}

.blue518 {
	background-color: #aeaff5;
}

.orange518 {
	background-color: #f49364;
}

.red518 {
	background-color: #d03251;
}

.lgtBlue518 {
	background-color: #b2c1e2;
}

.greyBlue {
	background-color: #bfbdc8;
}

.Xmas518 {
	background-color: #b70108;
}

.blockedOut:hover {
	display: inline-block;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Jumbotrons */

.jumbotron_518_Home { 
	background: url(../img/cover01.jpg) no-repeat center;
	backface-visibility: hidden;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
	z-index: -100;
}

.jumbotron_518_Design { 
	background: url(../img/cover02.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_Brand { 
	background: url(../img/cover03.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_SEO { 
	background: url(../img/cover04.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_Price { 
	background: url(../img/cover05.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_Contact { 
	background: url(../img/cover06.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_404 { 
	background: url(../img/cover07.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_Mail { 
	background: url(../img/cover08.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.jumbotron_518_Xmas { 
	background: url(../img/coverXmas.jpg) no-repeat center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 2px solid #222222;
}

.formGet_518_CTA { 
	background-color: #ddf7b8;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #acd373;
}

.formGet_518_XmasCTA { 
	background-color: #b90708;
	padding: 50px 0 50px 0;
	height: auto;
	border-bottom: 5px solid #acd373;
	color: #fff;
}

.jumbotron_518_Rose { 
	background-color: #f7cadb;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #fe94bc;
}

.jumbotron_518_Blue { 
	background-color: #dbdbf6;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #aeaff5;
}

.jumbotron_518_Orange { 
	background-color: #fbbd9f;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #f49364;
}

.jumbotron_518_Red { 
	background-color: #f5bbc7;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #d03251;
}

.jumbotron_518_LgtBlue { 
	background-color: #b2c1e2;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #b2c1e2;
}

.jumbotron_518_GreyBlue { 
	background-color: #bfbdc8;
	padding: 50px 0 50px 0;
	height: auto;
	border-top: 1px solid #222222;
	border-bottom: 5px solid #bfbdc8;
}

/* Think Sections */

.thinkWide {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #acd373;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/greenBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	z-index: 1;
}

.thinkDesign {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #fe94bc;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/roseBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.thinkBrand {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #aeaff5;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/blueBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.thinkSEO {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #f49364;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/orangeBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.thinkPrice {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #f5bbc7;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/redBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.thinkContact {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #b2c1e2;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/lgtBlueBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.think404 {
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #bfbdc8;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../img/grayBlueBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.thinkMail {
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: auto;
}

.textMail {
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	margin-top: 50px;
}

.thinkLogo {
	margin-left: auto;
	margin-right: auto;
	border-left: 7px solid #acd373;
	border-right: 7px solid #fe94bc;
	border-bottom: 7px solid #f49364;
	border-top: 7px solid #aeaff5;
	height: 50px;
	width: 50px;
	background-color: auto;
	box-shadow: 0px 0px 10px #000;
}

.thinkXmas {
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #3e9121;
	background: url(../img/xmasBoxBG.png) repeat;
	height: 200px;
	width: 200px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

/* Footer and Links */

footer {
	padding-top: 25px;
}

.footerBG {
	background-color: #282828;
}

.greenHome {
	color: #acd373;
}

.roseHome {
	color: #fe94bc;
}

.blueHome {
	color: #aeaff5;
}

.orangeHome {
	color: #f49364;
}

.redHome {
	color: #d03251;
}

.lgtBlueHome {
	color: #b2c1e2;
}

.greyBlueHome {
	color: #bfbdc8;
}

.copy {
	color: #fff;
}

a.pageLink {
	color: #000;
}

a.pageLink:hover {
	color: #960000;
	text-decoration: none;
}

a.footLink {
	color: #fff;
}

a.footLink:active {
	color: #fff;
}

a.footLinkGreen:hover {
	color: #acd373;
	text-decoration: none;
}

a.footLinkRose:hover {
	color: #fe94bc;
	text-decoration: none;
}

a.footLinkBlue:hover {
	color: #aeaff5;
	text-decoration: none;
}

a.footLinkOrange:hover {
	color: #f49364;
	text-decoration: none;
}

a.footLinkRed:hover {
	color: #d03251;
	text-decoration: none;
}

a.footLinkLgtBlue:hover {
	color: #b2c1e2;
	text-decoration: none;
}

a.footLinkGreyBlue:hover {
	color: #bfbdc8;
	text-decoration: none;
}

.container-top {
	margin-top: 100px;
}

/* Skew Me */

/* Give it some angle */
.smoothHero {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 100px;
          perspective: 100px;
  outline: 1px solid transparent;
}

.smoothHero:before {
  -webkit-animation: fade-slide-down 2s .5s cubic-bezier(0,.68,.21,1) forwards;
          animation: fade-slide-down 2s .5s cubic-bezier(0,.68,.21,1) forwards;
  background: url( "../img/wall-logo-unsplash.png") no-repeat bottom;
  background-size: cover;
    bottom: 0;
  content: "";
    left: 0;
  opacity: 0;
  position: absolute;
    right: 0;
    top: 0;
  z-index: -1;
}

.smoothHero:after {
  background: #fff;
  content: "";
  height: 40rem;
  left: -5%;
  position: absolute;
    right: -5%;
    top: 100%;
 /* -webkit-transform: rotateZ(2deg);
          transform: rotateZ(2deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; */
  z-index: 0;
  outline: 1px solid transparent;
}

.blueHero {
  background-color: #153d55;
  position: relative;
  z-index: 0;
}

.blueHero:before {
  background-color: #153d55;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
	left: 0;
  transform-origin: right top;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}

.blueHero:after {
  background-color: #153d55;
  opacity: 1;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  transform-origin: left bottom;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}

.darkHero {
  background-color: #343a40;
  position: relative;
  z-index: 0;
}

.darkHero:before {
  background-color: #343a40;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  transform-origin: right top;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}

.darkHero:after {
  background-color: #343a40;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  transform-origin: left bottom;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}

.darkHeroFoot {
  background-color: #343a40;
  position: relative;
  z-index: 0;
}

.darkHeroFoot:before {
  background-color: #343a40;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  transform-origin: right top;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}

.paleHero {
  background-color: #fff;
  position: relative;
  z-index: 0;
}

.paleHero:before {
  background-color: #fff;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
	left: 0;
  transform-origin: right top;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}

.paleHero:after {
  background-color: #fff;
  opacity: 1;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  transform-origin: left bottom;
  transform: skewY(3deg);
  outline: 1px solid transparent;
}