/******************************************************************
Theme Name: WildSmiles
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Elevate
Author URI: http://www.elevate.co
Version: 1.3
Tags: flexble-width, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.


MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!!
------------------------------------------------------------------

You may be thinking…

WHOA, WHOA, WHOA…WHAT HAPPENED HERE?

But before you freak out, let me take a few minutes to explain.

Bones now uses LESS or Sass by default. If you prefer
using regular CSS, then feel free to modify this theme how you like
and keep a copy as your own personal starting point.

DON'T DISMISS IT JUST YET THOUGH, USING LESS or Sass ISN'T AS
COMPLICATED AS YOU THINK.

It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:

http://cognition.happycog.com/article/preprocess-this
http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

I would HIGHLY RECOMMEND, if you are going to be working with
LESS or Sass, that you work locally. Sass isn't readable by a browser
and using a LESS js file to parse it on live sites can make your site sluggish.

That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)

CodeKit: (Highly Recommended)
http://incident57.com/codekit/

LESS App:
http://incident57.com/less/

Compass App: (Windows / Mac Users)
http://compass.handlino.com/

SimpLESS: (Windows Users)
http://wearekiss.com/simpless

WinLESS: (Windows Users)
http://winless.org/

These applications compile LESS or Sass into valid CSS. This
way you can keep your production files easy to read and your
CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.

---------------------------------------------------------------

Remember, once you download Bones it's up to you how to use it,
so go nuts. Set things up and develop in a way that's easiest for
you. If LESS/Sass is still a bit confusing for you, then remove them
and customize this template as you see fit.

If you're frustrated with this new direction and don't like change,
take a few minutes and think about how much better a developer you 
can become by just TRYING out new technologies. It may be tough at 
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.

Happy Developing!

******************************************************************/

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== 
*/
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	background:#404040;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

body a {
	-webkit-transition: all 200ms;
	-webkit-transition: all 200ms; 
	   -moz-transition: all 200ms; 
	    -ms-transition: all 200ms;
	     -o-transition: all 200ms; 
	        transition: all 200ms;
}

.wrapper {
    /*width: 90%;
    margin: 0 5%;*/
}


.header-container {
	background:#fff;
	border-top:5px solid #009add;
    height:87px;
    position:relative;
    z-index:150;
    width:100%;
        -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.25);
           -moz-box-shadow: 0 0px 10px rgba(0,0,0,.25);
                box-shadow: 0 0px 10px rgba(0,0,0,.25);
    /*behavior: url(PIE.htc);*/
}

.footer-container,
.main aside {

}

.header-container,
.footer-container,
.main aside {
    /*background:rgba(255,255,255,1);*/
}

.title {
    color: #334455;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
	float:right;
    margin: 0;
    padding: 0;
}

nav ul li {
	display:block;
	float:left;
}

nav a {
    display: block;
    /*margin-bottom: 10px;*/
    padding: 19px;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: #009add;
    font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
    font-size:20px;
    font-weight:500;
    /*background:rgba(255,255,255,.5);*/
}

nav a span.icon {
	display:block;
	
}
nav li.see a span.icon {
	background:url(../img/icon-see.png) no-repeat top center;
	display:block;
	height:18px;
	margin:0 auto 7px;
	width:25px;
}
nav li.about a span.icon {
	background:url(../img/icon-about.png) no-repeat top center;
	display:block;
	height:20px;
	margin:0 auto 5px;
	width:19px;
}
nav li.get a span.icon {
	background:url(../img/icon-getwild.png) no-repeat top center;
	display:block;
	height:22px;
	margin:0 auto 3px;	
	width:24px;
}
nav li.locator a span.icon {
	background:url(../img/icon-locator.png) no-repeat top center;
	display:block;
	height:22px;
	margin:0 auto 3px;
	width:15px;
}
nav li.doctors a span.icon {
	background:url(../img/icon-doctors.png) no-repeat top center;
	display:block;
	height:24px;
	margin:0 auto 1px;
	width:24px;
}

nav li a:hover span.icon {
-webkit-animation: wiggle 0.5s infinite;
	-moz-animation: wiggle 0.5s infinite;
	animation: wiggle 0.5s infinite;
}

nav a:hover {
    color: #FF4337;
}

nav a:hover {
    text-decoration: none;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* safari and chrome */
@-webkit-keyframes wiggle {
	0% {-webkit-transform:rotate(4deg);}
	50% {-webkit-transform:rotate(-4deg);}
	100% {-webkit-transform:rotate(4deg);}
}
 
/* firefox */
@-moz-keyframes wiggle {
	0% {-moz-transform:rotate(4deg);}
	50% {-moz-transform:rotate(-4deg);}
	100% {-moz-transform:rotate(4deg);}
}
 
/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
	0% {transform:rotate(4deg);}
	50% {transform:rotate(-4deg);}
	100% {transform:rotate(4deg);}
}



header {
	margin:0 auto;
	padding:0px 0px;
	position:relative;
	width:980px;
}

.button {
	color:#fff;
	display:inline-block;
	width: 174px;
	height: 46px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff4337; /* layer fill content */
	text-align:center;
	line-height:42px;
	text-decoration:none;
	
-webkit-transition: all 200ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.button.blue {
	background:#009add;
}
.button.white {
	background:#fff;
	color:#ef483e;
}

.button:hover {
	box-shadow:0 0 20px rgba(0, 0, 0, 0.25);
	margin:-3px -3px 0 -3px;
	padding:3px;
}
.more {
	color:#009add;
	display:inline-block;
	font-size:18px;
	margin-left:20px;
}
.more:hover {
	color:#ff4337;
}

h1.title {
	margin:-22px 0 0 0; 
	position:absolute; 
	top:0px; 
	left:0px; }

.main-container {
	background:url(../img/cta-bg.png) no-repeat top center,url(../img/triangle-pattern-single.png) repeat-x top center;
/*
	-pie-background:url(../img/cta-bg.png) no-repeat top center,url(../img/triangle-pattern-single.png) repeat-x top center;
	behavior: url(PIE.htc);
*/
	height:176px;
	margin-top:-8px;
	padding-top:8px;
	overflow:hidden;
	position:relative;
	z-index:100;
}
.main-wrap {
	
}
.main.wrapper {
	
}

.home-slides {
	background:#fff url(../img/big-shadow.png) no-repeat bottom center;
	height:666px;
	/*margin:0 auto;*/
	/*margin-top:-120px;*/
	position:relative;
	top:0px;
	/*width:980px;*/
}

.home-text {
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-size:24px;
	font-weight:300;
	padding:0 0px;
	position:absolute;
	width:550px;
	top:130px;
	line-height:1em;
	margin-left:-490px;
	left:50%;
	z-index:200;
}

.home-text h2 {
	font-family:'freight-micro-pro', Helvetica, Arial, Sans-Serif;
	font-size:60px;
	font-weight:300;
	margin:0;
	line-height:1em;
}
.home-text h2 em {
	font-style:italic;
}
.home-text p {
	line-height:1.25em;
}
.home-text a.button:hover {
	-webkit-animation: wiggle 0.5s 1;
	-moz-animation: wiggle 0.5s 1;
	animation: wiggle 0.5s 1;
}

.cycle-slideshow {
	height:666px;
	width:100%;
	overflow:hidden;
}
.cycle-slideshow .slider-slide {
	display:block;
	height:666px;
	overflow:hidden;
	padding-top:0px;
	width:100%;
}
.cycle-slideshow .slider-slide .slider-slide-left {
	display:block;
	float:left;
	width:50%;
}
.cycle-slideshow .slider-slide .slider-slide-left h2 {
	
}
.cycle-slideshow .slider-slide .slider-slide-left p {
	
}
.cycle-slideshow .slider-slide .slider-slide-left a {
	
}

.cycle-slideshow .slider-slide .slider-slide-right {
	display:block;
	float:right;
	width:50%;
}
.cycle-slideshow .slider-slide .slider-slide-right .big-image {
	position:absolute;
	bottom:0px;
	z-index:10;
	right:-50%;
	
-webkit-transition: all 1000ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.cycle-slideshow .slider-slide.load .slider-slide-right .big-image {
	right:50%;
	margin-right:-640px;
}

.cycle-slideshow .slider-slide.hearts.load .slider-slide-right .big-image {
	right:50%;
	margin-right:-710px;
	bottom:-20px;
}

.cycle-slideshow .slider-slide .background-burst {
	position:absolute;
	top:0px;
	right:-50%;

-webkit-transition: all 1100ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1100ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 1100ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition: all 1100ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 1100ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 1100ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}


.cycle-slideshow .slider-slide.load .background-burst {
	top:0px;
	margin-right:-390px;
	right:50%;
}

.big-image img {
	/*max-width:600px;*/
}
.cycle-slideshow .slider-slide .slider-slide-right .big-image-background {
	
}
.cycle-slideshow .slider-slide .slider-slide-right .big-image-background img {
	
}

.see-styles {
	position:absolute;
	top:107px;
	right:0px;
	z-index:200;
}

.cycle-pager {
	overflow:hidden;
	position:absolute;
	top:150px;
	right:0px;
	z-index:101;
	width:60px;
	z-index:200;
}

.cycle-pager span {
	background:#e8e8e8;
	color:#e8e8e8;
	cursor:pointer;
	display:block;
	margin-bottom:10px;
	text-align:center;

	width: 40px;
	height: 38px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e5e5e5; /* layer fill content */
	-moz-box-shadow: inset 0 0 0 1px #e5e5e5; /* inner shadow */
	-webkit-box-shadow: inset 0 0 0 1px #e5e5e5; /* inner shadow */
	box-shadow: inset 0 0 0 1px #e5e5e5; /* inner shadow */
	margin-left:20px;
}
.cycle-pager span img {
	margin:4px auto 0;
	max-width:75%;
}

.cycle-pager span.cycle-pager-active {
	opacity:1;
	width: 60px;
	height: 58px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #09d; /* layer fill content */
	background-image:none;
	border:0;
	-webkit-box-shadow:0 0 0 0;
	-moz-box-shadow:0 0 0 0;
	box-shadow:0 0 0 0;
	margin-left:0px;
}
.cycle-pager span.cycle-pager-active img {
	margin:8px auto 0;
	max-width:75%;
}

.background-burst {
	height:786px;

	position:absolute;
	padding:0 0px;
	width:980px;
	z-index:5;
}

.background-burst img {
	position:absolute;
	top:408px;
	right:70px;
	z-index:9;
	//transform: scale(0.1);
}

.background-burst.spread img {
	//transform: scale(1);
}

.slow {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	
	
-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.medium {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	
-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.fast {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.background-burst.spread .slow {
	box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
    transform: scale(0.9);
    opacity: 0.5;
}

.background-burst img.one {
	position:absolute;
	top:198px;
	right:-120px;
	z-index:10;
}
.background-burst.spread img.one {
	position:absolute;
	right:-120px;
	/* top:198px; */
	top:198px;
}
.background-burst.spread img.two {
	position:absolute;
	right:390px;
	top:380px;	
}
.background-burst.spread img.three {
	position:absolute;
	right:320px;
	top:148px;
}
.background-burst.spread img.four {
	position:absolute;
	right:-90px;
	top:90px;
}
.background-burst.spread img.five {
	position:absolute;
	right:-165px;
	top:284px;
}
.background-burst.spread img.six {
	position:absolute;
	right:320px;
	top:34px;
}
.background-burst.spread img.seven {
	display:none;
	position:absolute;
	right:350px;
	top:58px;
}
.background-burst.spread img.eight {
	position:absolute;
	right:520px;
	top:500px;
}
.background-burst.spread img.nine {
	position:absolute;
	right:450px;
	top:198px;
}
.background-burst.spread img.ten {
	position:absolute;
	right:-83px;
	top:224px;
}
.background-burst.spread img.eleven {
	position:absolute;
	right:510px;
	top:8px;
}
.background-burst.spread img.twelve {
	position:absolute;
	right:375px;
	top:475px;
}
.background-burst.spread img.thirteen {
	position:absolute;
	right:425px;
	top:600px;
}
.background-burst.spread img.fourteen {
	position:absolute;
	right:545px;
	top:620px;
}
.background-burst.spread img.fifteen {
	position:absolute;
	right:655px;
	top:515px;
}
.background-burst.spread img.sixteen {
	position:absolute;
	right:253px;
	top:50px;
}
.background-burst.spread img.seventeen {
	position:absolute;
	right:195px;
	top:80px;
}
.background-burst.spread img.eighteen {
	position:absolute;
	right:95px;
	top:-110px;
}
.background-burst.spread img.nineteen {
	position:absolute;
	right:0px;
	top:-3px;
}
.background-burst.spread img.twenty {
	position:absolute;
	right:-115px;
	top:-48px;
}

/* Hearts */
.hearts .background-burst img.one {
	position:absolute;
	top:168px;
	right:50px;
	z-index:10;
}
.hearts .background-burst.spread img.one {
	position:absolute;
	right:50px;
	/* top:198px; */
	top:168px;
}
.hearts .background-burst.spread img.two {
	position:absolute;
	right:600px;
	top:520px;	
}
.hearts .background-burst.spread img.three {
	position:absolute;
	right:125px;
	top:-8px;
}
.hearts .background-burst.spread img.four {
	position:absolute;
	right:395px;
	top:184px;
}
.hearts .background-burst.spread img.five {
	position:absolute;
	right:-185px;
	top:225px;
}
.hearts .background-burst.spread img.six {
	position:absolute;
	right:230px;
	top:105px;
}
.hearts .background-burst.spread img.seven {
	display:block;
	position:absolute;
	right:-160px;
	top:94px;
}
.hearts .background-burst.spread img.eight {
	position:absolute;
	right:440px;
	top:585px;
}
.hearts .background-burst.spread img.nine {
	position:absolute;
	right:595px;
	top:70px;
}
.hearts .background-burst.spread img.ten {
	position:absolute;
	right:480px;
	top:22px;
}
.hearts .background-burst.spread img.eleven {
	position:absolute;
	right:10px;
	top:8px;
}
.hearts .background-burst.spread img.twelve {
	position:absolute;
	right:375px;
	top:475px;
}
.hearts .background-burst.spread img.thirteen {
	position:absolute;
	right:425px;
	top:600px;
}
.hearts .background-burst.spread img.fourteen {
	position:absolute;
	right:545px;
	top:620px;
}
.hearts .background-burst.spread img.fifteen {
	position:absolute;
	right:655px;
	top:515px;
}
.hearts .background-burst.spread img.sixteen {
	position:absolute;
	right:253px;
	top:50px;
}
.hearts .background-burst.spread img.seventeen {
	position:absolute;
	right:195px;
	top:80px;
}
.hearts .background-burst.spread img.eighteen {
	position:absolute;
	right:95px;
	top:-110px;
}
.hearts .background-burst.spread img.nineteen {
	position:absolute;
	right:0px;
	top:-3px;
}
.hearts .background-burst.spread img.twenty {
	position:absolute;
	right:-115px;
	top:-48px;
}



.banner {
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	width:980px;
}
.banner .button {
	display:block;
	margin:0 auto;
}
.banner .button.blue {
	width: 164px;
	height: 31px;
	line-height:31px;
}
.banner .button.blue:hover {
	margin-top:-3px;
}
.banner .button.white,
.footer-cta .button.white {
	width: 306px;
	height: 46px;
	line-height:46px;
	font-size:24px;
	font-weight:600;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.25); /* drop shadow */
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.25); /* drop shadow */
	box-shadow: 0 0 6px rgba(0,0,0,.25); /* drop shadow */
	background:#fff url(../img/button-stars.png) no-repeat center center;
}
.banner .button.white:hover,
.footer-cta .button.white:hover {
	margin-top:-3px;
	-webkit-animation: wiggle 0.5s 1;
	-moz-animation: wiggle 0.5s 1;
	animation: wiggle 0.5s 1;
}
.footer-cta .button.white {
	margin-left:25px;
}
.banner h3 {
	color: #3f3f3f; /* text color */
	font-family: "freight-sans-pro", sans-serif;
	font-size: 28px;
	font-weight: 600;
	margin:17px 0 20px 0;
	padding:0;
	text-shadow: 0 1px 0 rgba(255,255,255,.25); /* drop shadow */
}
.banner h4 {
	color: #3f3f3f;
	font-family: "freight-micro-pro";
	font-size: 24px;
	font-style: italic;
	font-weight:300;
	margin:22px 0 20px 0;
	padding:0;
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.banner-left {
	float:left;
	font-family: "freight-sans-pro", sans-serif;
	font-size:16px;
	height:127px;
	width:24%;
}
.banner-center {
	border-left:1px solid #afe040;
	border-right:1px solid #afe040;
	float:left;
	font-family: "freight-sans-pro", sans-serif;
	font-size: 28px;
	height:127px;
	width:503px;
}
.banner-right {
	float:left;
	font-family: "freight-sans-pro", sans-serif;
	font-size:16px;
	height:127px;
	width:24%;
}

.footer {
	color:#c6c6c6;
	font-family:"freight-sans-pro", sans-serif;
	font-size:14px;
	margin:0 auto;
	width:980px;
}
.footer-left {
	float:left;
	padding-bottom:20px;
	padding-left:85px;
	position:relative;
	width:495px;
}
.footer-right {
	float:right;
	padding-bottom:20px;
	width:400px;
}
.footer a {
	color:#009add;
	text-decoration:underline;
}
.footer a:hover {
	color:#fff;
}
.footer a.footer-logo {
	position:absolute;
	top:0px;
	left:0px;
}
.footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
.footer ul li {
	display:inline-block;
}
.footer ul li a {
	text-decoration:none;
}
.footer-nav li {
	font-weight:500;
	padding-right:27px;
}
.footer p {
	color:#c6c6c6;
	font-size:12px;
	line-height:1.5em;
	margin:10px 0 10px 0;
}
.footer p a {
	border-bottom:1px solid #009ADD;
	text-decoration:none;
}
.social-networks {
	display:block;
	float:right;
}
.social-networks li {
	float:left;
	margin-left:20px;
}
.social-networks li a {
	display:block;
	width: 40px;
	height: 40px;
	-moz-border-radius: 20px / 20px 20px 20px 20px;
	-webkit-border-radius: 20px / 20px 20px 20px 20px;
	border-radius: 20px / 20px 20px 20px 20px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #09d; /* layer fill content */
	text-align:center;
	vertical-align:middle;
}
.social-networks li a span {
	display:inline-block;
	height:40px;
	width:1px;
	vertical-align:middle
}
.social-networks li a img {
	vertical-align:middle;	
}

.footer .partners {
	float:right;
	margin-right:10px;
	margin-top:4px;
}

.sub-header {	
	background:#e5f5fc url(../img/sub-header-border.jpg) repeat-x bottom center;
	height:74px;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
}
.sub-header h3 {
	color:#404040;
	font-family:'freight-micro-pro';
	font-weight:300;
	font-size:24px;
	font-style:italic;
	margin:0;
	padding:21px 0;
	text-align:center;
}
.sub-header .button.blue {
	color:#fff;
	font-size:18px;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-style:normal;
	height:31px;
	line-height:27px;
	margin-left:25px;
	width:154px;
}

.content-container {
	background:#fff;
	padding-bottom:200px;
	width:100%;
}
.content-container .wrapper {
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
	width:1000px;
}
.content-container h2 {
	font-family:'freight-micro-pro', Georgia, Serif;
	font-size:60px;
	color:#404040;
	font-weight:300;
	line-height:normal;
	margin-bottom:10px;
	margin-top:40px;
}
.content-container h4 {
	font-family:'freight-sans-pro', Helvetica, Sans-Serif;
	font-size:24px;
	font-weight:300;
	line-height:normal;
	margin:10px 0 30px;
}
.content-container .button.red {
	background:#FF4337 url(../img/button-stars-white.png) no-repeat center center;
	font-family:'freight-sans-pro', Helvetica, Sans-Serif;
	font-size:24px;
	font-weight:500;
	width:343px;	
}
.content-container .button.red:hover {
	margin-top:-3px;
	margin-bottom:-3px;
	
-webkit-animation: wiggle 0.5s 1;
	-moz-animation: wiggle 0.5s 1;
	animation: wiggle 0.5s 1;
}

.content-container hr {
	background:#e5f5fc;
	border:0;
	clear:both;
	padding:0;
	margin:0 auto;
	height:1px;
	width:980px;
}

.masonry {
	margin:0 auto;
	padding:20px 0 20px 10px;
	text-align:left;
	width:980px;
}
.masonry-container {
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	width:965px;
}
.box {
   /*background: none repeat scroll 0 0 #D8D5D2;*/
    float: left;
    font-family:'freight-micro-pro', Georgia, Serif;
    color:#404040;
    font-size: 24px;
    font-style:italic;
    font-weight:500;
    line-height: 1.4em;
    margin: 0 0 30px 0;
    padding: 5px;
}
.box.text {
	
}
.box span {
	color:#009add;
	display:block;
	font-family:'freight-sans-pro', Helvetica, Sans-Serif;
	font-size:18px;
	font-style:normal;
}
.box.image {
	padding:0;
}
.box.image img {
	border: 5px solid #fff; /* stroke */
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.25); /* drop shadow */
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.25); /* drop shadow */
	box-shadow: 0 0 1px 1px rgba(0,0,0,.25); /* drop shadow */
	max-width:100%;
}

.col1 {
    width: 222px;
}

.col2 {
    width: 444px;
}

.col3 {
    width: 666px;
}

body.sub .footer-container {
	/*background:#404040;*/
	position:fixed;
	bottom:0px;
	width:100%;
}
body.sub .footer {
	display:none;
}

.footer-cta {
	background:url(../img/triangle-pattern-sub.png) repeat-x top center;
	color:#3f3f3f;
	font-family:'freight-sans-pro', Helvetica, Sans-Serif;
	font-size:28px;
	font-weight:500;
	height:66px;
	margin-top:-70px;
	padding-top:90px;
	width:100%;
	text-align:center;
}
.footer-cta h3 {
	font-size:28px;
	font-weight:600;
	margin:0;
	padding:0;
	text-align:center;
	text-shadow: 0 1px 0 rgba(255,255,255,.25); /* drop shadow */

}

body.about .content-container {
	padding-bottom:20px;
}

.content-container.blue {
	background:#e5f5fc;
}

.about-brackets {
	background:url(../img/about-brackets.png) no-repeat center 80px;
}

.about-brackets h2 {
	margin-bottom:200px;
}
.about-brackets h3 {
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	color:#199ad6;
	font-size:28px;
	font-weight:500;
	line-height:1.2em;
	margin:.9em 0;
}
.about-content-left h4 {
	color:#199ad6;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-size:18px;
	font-weight:500;
	margin:10px 0 0px;
	padding:0;
}
.about-content {
	color:#404040;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-size:24px;
	font-weight:300;
	text-align:left;
}
.about-content-left {
	color:#404040;
	float:left;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	margin-bottom:30px;
	width:672px;
}
.small-type {
	font-size:16px;
	line-height:normal;
}

.about-content-left p {
	line-height:1.2em;
	margin:0;
}
.testimonial {
    font-family:'freight-micro-pro', Georgia, Serif;
    color:#404040;
    font-size: 24px;
    font-style:italic;
    font-weight:500;
    line-height: 1.4em;
}
.testimonial span {
	color:#009add;
	display:block;
	font-family:'freight-sans-pro', Helvetica, Sans-Serif;
	font-size:18px;
	font-style:normal;
	line-height:normal;
}
.bio img {
	border: 5px solid #fff; /* stroke */
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.25); /* drop shadow */
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.25); /* drop shadow */
	box-shadow: 0 0 1px 1px rgba(0,0,0,.25); /* drop shadow */
	float:left;
	margin:0 20px 20px 0;
}
.about-content-right {
	float:right;
	margin-bottom:30px;
	width:288px;
}
.get-wildsmiles-today-cta {
	text-align:center;
}
.get-wildsmiles-today-cta img {
	margin-bottom:-4px;
}
.about-content-right .button.red {
	background-image:none;
	height:46px;
	width:277px;
}
.about-content-right h3 {
	color:#199ad6;
	font-size:28px;
	font-weight:500;
	margin-top:40px;
	margin-bottom:45px;
}
.about-content-right ul {
	list-style:none;
	margin:0;
	padding:0;
}
.about-content-right ul li {
	margin-bottom:20px;
}
.about-content-right ul li a {
	color:#ff4337;
	display:block;
	font-size:24px;
	font-weight:500;
	text-decoration:none;
}
.about-content-right ul li a:hover {
	color:rgba(255,67,55,.75);
}
.about-content-right ul li span {
	color:#7f7f7f;
	font-size:16px;
	font-weight:400;
}
.about-content hr {
	background-color:#acdef4;
	clear:both;
	margin:0px 0 35px;
	width:100%;
}

.faq-item {
	width:100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #f1f9fd; /* layer fill content */
	margin-bottom:15px;
}
.faq-head {
	position:relative;
}
.faq-head a {
	background-color: #e5f5fb; /* layer fill content */
	color: #09d; /* text color */
	display:block;
	font-size:24px;
	font-weight:500;
	height: 62px;
	line-height:62px;
	padding:0 15px;
	text-decoration:none;
	
	
}
.faq-head a:hover {
	background-color: rgba(229,245,252,.5);
}
.faq-head span.arrow {
	width: 0; 
	height: 0; 
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 11px solid #009add;
	position:absolute;
	top:25px;
	right:20px;
}
.faq-head span.arrow.open {
	width: 0; 
	height: 0; 
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #009add;
	border-top:0;
	position:absolute;
	top:25px;
	right:20px;
}
.faq-body {
	display:none;
	padding:20px;
}


body.about .footer-cta {
	background:#a5db3b;
	background-image:url(../img/triangle-pattern.png), url(../img/dashed-border.png);
	background-position: top center, bottom center;
	background-repeat: repeat-x;
	height:auto;
	margin-top:0;
	padding-bottom:45px;
	padding-top:45px;
}
body.about .footer-cta .button.white {
	margin-left:0px;
	margin-top:10px;
}
body.about .footer-cta .button.white:hover {
	margin-bottom:-6px;
}
body.about .footer-cta .wrapper {
	margin:0 auto;
	text-align:left;
	width:980px;
}
.footer-cta-left {
	color:#404040;
	float:left;
	font-size:18px;
	font-weight:100;
	width:672px;
}
.footer-cta-left p a {
	color:#009add;
	font-weight:500;
	text-decoration:underline;
}
.footer-cta-left p {
	line-height:1.2em;
}
.footer-cta-right {
	float:right;
	width:288px;
}
.footer-cta .testimonial {
	line-height:1.3em;
}
.footer-cta .testimonial span {
	color:#4a6b00;
}
.footer-cta-left h3 {
	text-align:left;
}


/* Get Wild! Page */
.create-wildsmile {}
.wild-smile-wrapper {
	display:block;
	height:245px;
	margin:35px auto 50px;
	width:839px;
	-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	   -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	    -ms-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	     -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	        transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
	
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}
.wild-smile {
	background:url(../img/wildsmile-mouth.png) no-repeat;
	display:block;
	height:245px;
	position:relative;
	text-align:center;
	width:839px;
}
html.js .wild-smile,
/*html.js .create-wildsmile h2,*/
html.js .wild-smile-brackets .bracket-heart,
html.js .wild-smile-brackets .bracket-soccer,
html.js .wild-smile-brackets .bracket-football,
html.js .wild-smile-brackets .bracket-star,
html.js .wild-smile-brackets .bracket-flower,
html.js .wild-smile-brackets .bracket-diamond {
	opacity:0;
	-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	   -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	    -ms-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	     -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	        transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
	
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.wild-smile.test {
	
}
.wild-smile.load {
	display:block;
	height:245px;
	opacity:1;
	width:839px;
}

.tooth {
	display:block;
	height:100px;
	margin:0;
	position:absolute;
	width:100px;
}
.tooth1 {
	top:33px;
	left:87px;
	padding-top:30px;
}
.tooth span { margin-top:-6px; margin-left:0px; }
.tooth span img {
	max-width:60px;
}
.tooth2 {
	top:28px;
	left:188px;
	padding-top:30px;
}
.tooth3 {
	height:120px;
	width:120px;
	padding-top:24px;
	top:28px;
	left:294px;
}
.tooth4 {
	height:120px;
	width:120px;
	padding-top:24px;
	top:28px;
	left:423px;
}
.tooth5 {
	padding-top:30px;
	top:28px;
	left:547px;
}
.tooth6 {
	padding-top:30px;
	top:34px;
	left:650px;
}

.wild-smile-brackets {
	height:130px;
	position:relative;
	width:100%;
}
.bracket {
	cursor:pointer;
	position:absolute;
	text-align:center;
	width:130px;
}

.bracket:hover span.bracket-title {
	/*display:none;*/
}
.bracket a.add-to-all-teeth {
	display:none;
}
.bracket span.drag-bracket {
	display:none;
}

.bracket:hover a.add-to-all-teeth {
	border-radius:5px;
	color:#FF4337;
	display:block;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-weight:500;
	font-size:14px;
	line-height:1em;
	margin-top:-5px;
	padding:5px 10px;
	text-decoration:none;
}
.bracket a.add-to-all-teeth:hover {
	/*box-shadow:0 0 20px rgba(0, 0, 0, 0.25);*/
}

.bracket span {
	display:block;
	height:90px;
}
.bracket img {
	max-width:85px;
	
-webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
	
	
}
.bracket:hover img {
	max-width:95px;
}
.bracket-soccer img {
	max-width:80px;
}
.bracket-soccer:hover img {
	max-width:90px;
}
.bracket-football img {
	max-width:78px;
}
.bracket-football:hover img {
	max-width:86px;
}
.bracket-star img {
	max-width:81px;
}
.bracket-star:hover img {
	max-width:91px;
}
.bracket-flower img {
	max-width:75px;
}
.bracket-flower:hover img {
	max-width:83px;
}
.bracket-diamond img {
	max-width:90px;
}
.bracket-diamond:hover img {
	max-width:101px;
}



.bracket-heart {
	top:0px;
	left:24px;
}
.bracket-soccer {
	top:0px;
	left:188px;
}
.bracket-football {
	top:0px;
	left:352px;
}
.bracket-star {
	top:0px;
	left:516px;
}
.bracket-flower {
	top:0px;
	left:680px;
}
.bracket-diamond {
	top:0px;
	left:860px;
}
.bracket-image {
	top:0px;
}
.ui-state-hover {
	
}
.ui-state-active {
	opacity:.5;
}

.bracket span.bracket-title {
	color:#009add;
	display:none;
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-weight:500;
	font-size:24px;
	height:auto;
}

.wild-smile-description {
	font-family:'freight-sans-pro', Helvetica, Arial, Sans-Serif;
	font-size:24px;
	font-weight:100;
	color:#404040;
	clear:both;
	display:block;
	margin:5px 0 0 0;
	position:relative;
	width:100%;
}
.wild-smile-description.disable-left .disable-left {
	display:block;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:50%;
	z-index:2;
}
.wild-smile-description.disable-right .disable-right {
	display:block;
	height:100%;
	right:0px;
	position:absolute;
	top:0px;
	width:50%;
	z-index:2;
}
.wild-smile-description.disable-left .button.white {
	opacity:.25;
}
.wild-smile-description.disable-right .button.red {
	opacity:.25;
}
.wild-smile-description .button.red {
	background-image:none;
	font-family:'freight-sans-pro', Helvetiac, Arial, Sans-Serif;
	font-size:24px;
	font-weight:500;
	height:46px;
	margin-left:10px;
	padding:0 45px 0 30px;
	position:relative;
	width:106px;
}
.wild-smile-description .button.white {
	color:#FF4337;
	font-size:24px;
	font-weight:500;
	height:46px;
	margin-right:10px;
	padding:0 30px 0 30px;
	position:relative;
	width:106px;
}
.wild-smile-description .button.red:hover {
	margin:0px 0 0 10px;
}
.wild-smile-description .button.white:hover {
	box-shadow:0;
	margin:0 10px 0 0;
}

.wild-smile-description .button.red span.arrow {
	width: 0;
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
	position:absolute;
	top:14px;
	right:33px;
	-webkit-transition: all 200ms;
	-webkit-transition: all 200ms; 
	   -moz-transition: all 200ms; 
	    -ms-transition: all 200ms;
	     -o-transition: all 200ms; 
	        transition: all 200ms;
}
.wild-smile-description .button.red:hover span.arrow {
	right:30px;
}

.content-container.blue.dash-border {
	background-image:url(../img/dashed-border-blue.png);
	background-position:bottom center;
	background-repeat:repeat-x;
}
.content-container.blue.dash-border .wrapper {
	background:url(../img/loading.jpg) no-repeat top center;
}

.blackout {
	background:rgba(165,219,59,.92);
	color:#fff;
	display:none; 
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed; 
	text-align:center;
	top:0;
	width:100%;
	z-index:1000;
}
.blackout h3 {
	color:#404040;
	display:block;
	font-family:'freight-micro-pro';
	font-size:48px;
	font-weight:300;
	line-height:1em;
	margin:0px auto 0px;
	padding-top:50px;
	width:500px;
}
.blackout a {
	color:#009add;
	font-family:'freight-sans-pro';
	font-weight:500;
	text-decoration:none;
	border-bottom:1px solid rgba(0,154,221,.5);
}
.blackout a.button {
	border-bottom:0;
}
.blackout .blackout-top {
	width:100%;
	background:#fff url(../img/triangle-pattern-white.png) repeat-x bottom center;
	height:250px;
	padding-bottom:80px;
	padding-top:50px;
	
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
	}
 .blackout-top-content {
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
 }
.blackout a.button.white {
	background:#fff;
	color:#ef483e;
	display:block;
	font-family:'freight-sans-pro';
	font-size:20px;
	font-weight:500;
	margin:35px auto 0;
	width:300px;
}
.blackout a.button.red {
	background:#ef483e;
	color:#fff;
	display:block;
	font-family:'freight-sans-pro';
	font-size:21px;
	font-weight:500;
	height:42px;
	line-height:42px;
	margin:50px auto 10px;
	width:300px;
}
.blackout a.button.red:hover {
	height:42px;
	line-height:42px;
	margin:50px auto 10px;
	padding:0;
}
.blackout .button.blue {
	display:block;
	color:#fff;
	height:31px;
	font-family:'freight-sans-pro';
	text-decoration:none;
	width:164px;
}

.progress {
	background:#e5f5fc;
	box-shadow:inset 0 0 5px rgba(0,0,0,.1);
	border-radius:5px;
	display:none;
	height:42px;
	margin:50px auto 30px;
	width:450px;
	-webkit-animation: wiggle 0.5s 1;
	-moz-animation: wiggle 0.5s 1;
	animation: wiggle 0.5s 1;
}
.progress-inner {
	background:#ff4337;
	border-radius:5px;
	color:#fff;
	display:block;
	font-family:'freight-sans-pro';
	font-size:21px;
	font-weight:600;
	height:42px;
	line-height:42px;
	text-align:center;
	width:0px;
-webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

/* ==========================================================================
   Media Queries
   ========================================================================== */



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}