/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 * Reset has been modified from original
 */
 
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, img, ul, li, figure, figcaption, footer, header, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
figcaption, figure, footer, header, nav {display: block;}

body {line-height: 1;}

ol, ul {list-style: none;}

/* set default font, prevent mobile zoom */

html {font-family: 'Open Sans', sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;}

/* viewport fix */

@viewport{zoom: 1.0;
width: device-width;}

/*=============================
  GRID CSS 
============================*/

.band {width:100%;}

.container {position:relative;
max-width:1170px;
margin:0 auto;
padding:0 .75em;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 1;}

.hsContent {display: table-cell;
vertical-align: middle;
width:100%;}

.container .columns,
.container .column {float:left;
display:inline;
padding-left:1em;
padding-right:1em;}

.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns {width:100%;}

.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen {margin-left:0;}
		
@media only screen and (min-width: 480px) {
.container {width:90%;}
}

@media only screen and (min-width: 767px) {
.container {padding:0;}

.container .columns {padding-left:1em;
padding-right:1em;}
.container .one.columns {width:8.33333333333%;}
.container .two.columns {width:16.6666666667%;}
.container .three.columns {width:25%;}
.container .four.columns {width:33.3333333333%;}
.container .five.columns {width:41.666666667%;}
.container .six.columns {width:50%;}
.container .seven.columns {width:58.3333333%;}
.container .eight.columns {width:66.6666666667%;}
.container .nine.columns {width:75%;}
.container .ten.columns {width:83.3333333333%;}
.container .eleven.columns {width:91.66666667%;}
.container .twelve.columns {width:100%;}

.container .offset-by-one {margin-left:8.33333333333%;}
.container .offset-by-two {margin-left: 16.6666666667%;}
.container .offset-by-three {margin-left: 25%;}
.container .offset-by-four {margin-left: 33.3333333333%;}
.container .offset-by-five {margin-left: 41.666666667%;}
.container .offset-by-six {margin-left: 50%;}
.container .offset-by-seven {margin-left: 58.3333333%;}
.container .offset-by-eight {margin-left: 66.6666666667%;}
.container .offset-by-nine {margin-left: 75%;}
.container .offset-by-ten {margin-left: 83.3333333333%;}
.container .offset-by-eleven {margin-left: 91.66666667%;}
.container .offset-by-twelve {margin-left: 100%;}
}

.container:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
		
.clearfix:before, .clearfix:after {
	content:' ';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;}

.clearfix:after {clear:both;}

.clearfix {zoom: 1;}
	
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}

* {-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

input {-webkit-appearance: none;}
	
.bcg {background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;}

@media screen and (min-width:480px) {
.bcg {background-repeat:no-repeat;}	
}

/*=============================
  MAIN STYLES 
============================*/

body {font-family: "proxima-nova", sans-serif;
letter-spacing:.03em;
font-size:1em;
height:100%;
background:#2c2c2c;}

::selection {background:#3dbcfe;}

::-moz-selection {background:#3dbcfe;}

p {font-size:1.125em;
font-weight:300;
line-height:140%;
margin-bottom:.75em;}

p.important {font-weight:600;}

a {font-weight:600;}

a:link {color:#c8054e;
text-decoration:none;}

a:visited {color:#3dbcfe;}

a:hover {color:#3dbcfe;}

a:active {color:#3dbcfe;}

a.button {text-transform: uppercase;
text-align: center;
font-weight: 600;
letter-spacing: .25em;
padding: .75em 1em;
border: 3px solid #2c2c2c;
position: relative;
cursor: pointer;
display: block;
margin: 1.25em auto 0;
transition: ease-in-out all .3s;
-webkit-transition: ease-in-out all .3s;
-moz-transition: ease-in-out all .3s;
font-size:100%;}

a.button:before {content: '';
display: block;
width: 125.7%;
position: relative;
background: #c8054e;;
height: 0px;
left: -13%;
top:-1em;
transition: ease-in-out all .1s;
-webkit-transition: ease-in-out all .1s;
-moz-transition: ease-in-out all .1s;}

a.button:visited {color:#c8054e;}

a.button:hover {background: #3dbcfe;
border: 3px solid #3dbcfe;
color:#f8f8f8;
transition: ease-in-out all .3s;
-webkit-transition: ease-in-out all .3s;
-moz-transition: ease-in-out all .3s;}

a.button:active {color:#f8f8f8;
text-shadow:-1px -1px #6e6e6e;}

a.button:active:before {height:3px;}

div.button {max-width: 12em;
display:block;
margin:0 auto;}

a.roll {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;

    -webkit-perspective: 300px;
       -moz-perspective: 300px;
        -ms-perspective: 300px;
            perspective: 300px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
        -ms-perspective-origin: 50% 50%;
            perspective-origin: 50% 50%;}
			
a.roll:hover {
    background: none;
    text-shadow: none;}
	
a.roll span {
    display: block;
    position: relative;
    padding: 0 2px;
    pointer-events: none;

    -webkit-transition: all 600ms ease;
       -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
            transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;}
			
a.roll:hover span {
    background: rgba(0,0,0,0);

    -webkit-transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
        -ms-transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
            transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );}
			
a.roll span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 2px;
    white-space: nowrap;

    color: #f8f8f8;
    background: #c8054e; 

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
        -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
            transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );}

h1 {font-family: 'Amatic SC', sans-serif;
font-weight:400;
font-size:4.5em;
color:#fff;
text-transform:uppercase;
text-align:center;}

h1:last-child {margin-bottom:.5em;}

h2 {font-family: "proxima-nova-extra-condensed", sans-serif;
font-weight: 400;
font-size: 2.5em;
text-transform: uppercase;
color: #fff;
display:inline-block;
margin-top:.75em;}

h2:first-child {margin-top:0;}

h2:after {content:'';
display:block;
margin:0 0 .5em 0;
width:100%;
height:3px;
background:#c8054e;}

h3 {font-family: 'Amatic SC', sans-serif;
font-weight:400;
font-size:2em;
color:#fff;
text-transform:uppercase;
text-align:left;
margin:.75em 0;
display:inline-block;}

h4 {font-family: "proxima-nova-extra-condensed", sans-serif;
font-weight: 400;
font-size: 1.5em;
color: #fff;
display:inline-block;
text-transform:uppercase;
margin:.5em 0;}

ul, ol {margin-bottom:.75em;}

li {font-family: "proxima-nova", sans-serif;
font-size:1.125em;
font-weight:300;
line-height:140%;
color:#f8f8f8;}

section ul li {position:relative;
margin-bottom:.75em;
transition:all ease .3s;
-moz-transition:all ease .3s;
-webkit-transition:all ease .3s;}

section ul li:before {content:'';
height:12px;
width:3px;
background:#c8054e;
display:inline-block;
position:relative;
left:-1em;
top:4px;
position:absolute;
transition:all ease .3s;
-moz-transition:all ease .3s;
-webkit-transition:all ease .3s;}

section ul li:hover {padding-left:1em;
transition:all ease .3s;
-moz-transition:all ease .3s;
-webkit-transition:all ease .3s;}

section ul li:hover:before {width:20px;
background:#3dbcfe;
transition:all ease .3s;
-moz-transition:all ease .3s;
-webkit-transition:all ease .3s;}

section ol {list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin-left: 1.5em;
padding: 0;
counter-reset: li-counter;}

section ol > li {position: relative;
margin-bottom: 1em;
padding-left: 1.25em;
min-height: 3em;
border-left: 3px solid #c8054e;
transition:all ease .3s;
-moz-transition:all ease .3s;
-webkit-transition:all ease .3s;}

section ol > li:hover {border-left: 3px solid #3dbcfe;
transition:all ease .3s;
-moz-transition:all ease .3s;
-webkit-transition:all ease .3s;}

section ol > li:before {position: absolute;
text-align:left;
top: .23em;
left: -.5em;
font-size: 3.25em;
font-family: 'Amatic SC', sans-serif;
font-weight:400;
color: #f8f8f8;
content: counter(li-counter);
counter-increment: li-counter;}

.breaktext {font-family: 'Amatic SC', sans-serif;
display: block;
text-align: center;
font-size: 4em;
font-weight: 700;
color: #f8f8f8;
background: rgba(0,0,0,.5);
margin-bottom: .5em;
padding:.15em}

.breaktext a:link {color:#c8054e;}

.breaktext a:visited {color:#c8054e;}

.breaktext a:hover {color:#3dbcfe;}

.breaktext a:active {color:#c8054e;}

.breaktext-sub {font-family: "proxima-nova-extra-condensed", sans-serif;
color: #f8f8f8;
font-size: 2em;
text-transform: uppercase;
text-align: center;
display: block;
letter-spacing: .2em;
font-weight: 800;
text-shadow: 1px 1px 2px #2c2c2c;}

.breakquote {font-family: 'Amatic SC';
display:block;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 4.5em;
line-height: 115%;
font-weight: 700;
text-transform: uppercase;
width: 100%;
max-width:1070px;
margin:0 auto;
background: rgba(255,255,255,.35);
padding: .5em;
position:relative;
border-radius:.5em;
box-shadow: 4px 7px 5px rgba(0,0,0,.3);
-moz-box-shadow: 4px 7px 5px rgba(0,0,0,.3);
-webkit-box-shadow: 4px 7px 5px rgba(0,0,0,.3);}

.red {color:#c8054e;}

.blue {color: #3dbcfe;}

.breaktext-sub.red {text-shadow: 2px 2px 4px #747474;}

@media screen and (min-width:580px) {

.breakquote {width:90%;}
	
}

@media screen and (min-width:767px) {
	
.breakquote {width:60%;
padding: .5em .5em .5em 1em;}

.breakquote:before {content:"“";
display:block;
font-size:5em;
font-family: "proxima-nova-extra-condensed", sans-serif;
color:#c8054e;
font-weight:800;
position:absolute;
left:-.25em;
top:.17em;
text-shadow:none;}

}

/*=============================
  NAVIGATION 
============================*/

nav {background:#1e1e1e;
position:absolute;
top:0;
visibility:hidden;
text-align:center;
padding-bottom:1px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,.7);
-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,.7);
box-shadow: 0px 0px 15px 5px rgba(0,0,0,.7);
z-index:999;}

nav ul {margin:-1em 0 0;}

.navigation {padding: 0 0 1em;}

nav ul li {display:inline-block;

position: relative;
top: 1em;
padding: 1em 0;}

nav ul li:after {content: '';
margin-top:.1em;
display: block;
height: 3px;
width:100%;}

nav ul li:hover {background: #2f2f2f;}

nav ul li a:link {font-family: 'Amatic SC', sans-serif;
font-weight:400;
color:#fff;
font-size:1.75em;
text-decoration:none;
text-transform:uppercase;
padding:.3em 1em 0;
display:inline-block;

width:100%;}

nav ul li a:hover {color:#fff;}

nav ul li a:visited {color:#fff;}

nav ul li a:active {color:#c8054e;}

.current:after {content: '';
margin:.1em auto 0;
display: block;
height: 3px;
width:10em;
top:0!important;
background:#c8054e;}

nav ul li a {text-shadow:1px 1px 1px #000;}

.navtrans {content:"";
display:block;
position:absolute;
width:100%;
height:1px;
top:400px;}

li.logo-cont {position: relative;
padding:0;}

li.logo-cont a {padding:.3em 1em 0!important;}

li.logo-cont:hover {background:none;}

.logo {content:"";
display:inline-block;
background:url(../img/logo.svg) no-repeat;
background-size:cover;
width:90px;
height:38px;}

.mobilenav {float:left;
position:relative;
z-index:4;}

#navpull {display: block;
width: 100%;  
position: relative;} 
		
#navpull:after {content:"";  
background:url(../img/icon/nav-icon.png) no-repeat;
width: 25px;  
height: 21px;  
display: inline-block;  
position: absolute;
top:1.15em;
left:1em;} 

li.link {display:none;}

.hide {display:none;}

@media screen and (min-width:767px) {
	
.navigation {padding: 0;}

nav ul {margin-top:-.7em;}

nav ul li {position: relative;
top: 0;
padding: 0;}

li.logo-cont {top: .5em;}

li.link {display:inline-block;}

.mobilenav {display:none;}

li.homelink {display:none;}

.current:after {width:100%;}

.navinit {background:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
position:absolute;
top:50px!important;}

nav ul li a {text-shadow:1px 1px 1px #000;}

.navinit ul {margin-top: 0;}

.navinit ul li:hover {background:none;}

.navinit ul li:after {content: '';
margin-top:.1em;
display: block;
height: 3px;
position:relative;
top:.5em;
width:100%;
transition:all ease .3s;}

.navinit ul li:hover:after {content: '';
margin-top:.1em;
display: block;
height: 3px;
width:100%;
top:0;
background:#3dbcfe;
transition:all ease .3s;}

.navinit li.logo-cont {position:relative;
top:-50px;
left:12px;
margin-top:1em;}

.navinit li.logo-cont:hover:after {background:none;}

.navinit li.logo-cont a {padding:0;}

.navinit .logo {width:226px;
height:95px;}

.navinit li.before-logo {margin-right:-8em;}

.navinit li.after-logo {margin-left:-8em;}

}

/*=============================
  MAIN BODY INDEX
============================*/

#imain {height:100%;}

#imain .bcg {background-image:url(../img/bg/psych01.jpg);
background-size:initial;
padding:6em 0;}

#imain p {color:#fff;
text-shadow:2px 2px 2px #000;
font-weight:400;}

.fixed {position:relative;}

#whyhr {background:rgba(0,0,0,.5);
padding:0;
position:relative;
z-index:2;}

#whyhr .bcg {background-image:url(../img/bg/psych02.jpg);
background-size:initial;
padding:6em 0;}

#whyhr p {color:#f8f8f8;}

#whyhr:before {content:'';
display:block;
position:absolute;
top:0;
height:.75em;
width:100%;
background:#c8054e;}

#what {z-index:2;
position:relative;}

#what .bcg {background-image:url(../img/bg/psych01.jpg);
background-size:initial;
padding:6em 0;}

#what p {color:#f8f8f8;}

#what:before {content:'';
display:block;
position:absolute;
top:0;
height:.75em;
width:100%;
background:#3dbcfe;}

@media screen and (min-width:767px) {
#imain .bcg {background-image:url(../img/bg/main-index.jpg);
background-size:cover;
padding:12em 0;}

#whyhr .bcg, #what .bcg {background-size:cover;}

.fixed {position:fixed;
top:35%;
left:0;}
}

/*=============================
  DRUG SAFETY
============================*/

.drugs {background:#2c2c2c;
padding-top:3em;
font-size:.875em;
font-size:.875em;
background:url(../img/bg/psych02.jpg);
background-repeat: repeat;
background-size: initial;
height: 100%;
width: 100%;}

.drugs p {color:#f8f8f8;}

.drugs section:first-child {background:none;
padding:0;}

.drugs section {background:rgba(0,0,0,.5);
padding:4em 0 3em;}

#drugs-main {color:#fff;
font-size:1.125em;}

#drugs-main p {text-shadow:2px 2px 2px #000;
font-weight:400;
margin:4em 0;}

#drugs-break-one {background:none;
padding:0;
position:relative;
box-shadow: 0 7px 15px rgba(0,0,0,.5);
-moz-box-shadow: 0 7px 15px rgba(0,0,0,.5);
-webkit-box-shadow: 0 7px 15px rgba(0,0,0,.5);}

#drugs-break-one .bcg {background:#f8f8f8;
padding:7em 0 6em;}

#drugs-break-one:before {content:'';
display:block;
position:absolute;
top:0;
height:1.25em;
width:100%;
background:#3dbcfe;}

#drugs-break-one:after {content:'';
display:block;
position:absolute;
bottom:0;
height:1.25em;
width:100%;
background:#3dbcfe;}

#drugs-two {padding:0;}

#drugs-two .bcg {background-image:url(../img/bg/psych01.jpg);
background-size:initial;
padding:4em 0;}

.drug {width:100%;
margin:0 0 2em 0;
float:left;}

.drug h1 {text-shadow:1px 1px #000;}

.drug h3 {color:#2c2c2c;
text-align:center;
width:100%;
margin:.25em 0 .5em;}

.drug figure {position:relative;
overflow:hidden;
width:100%;
display:inline-block;
height:100%;}

.drug figure img {width:100%;
display:block;}

.drug figcaption {position: absolute; 
width:100%;
height:100%;
top:40%;}

.drug-info {position:absolute;
background:rgba(255,255,255,.85);
width:100%;
height:100%;
z-index:2;
top:-100%;
padding:1em;
overflow:hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
transition:ease all .5s;
-moz-transition:ease all .5s;
-webkit-transition:ease all .5s;
border:.75em solid #c8054e;}

.drug-info.toggle {top:0%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
transition:ease all .5s;
-moz-transition:ease all .5s;
-webkit-transition:ease all .5s;}

.drug-info p {color:#2c2c2c;
font-size:1em;
margin-bottom:0;
font-weight:300;}

.drug-info p.desc {margin-bottom:1em;}

.drug-info p.det {text-indent:-2.5em;
margin-left:2.5em;}

.drug-info-bold {color:#c8054e;
font-weight:600;}

.instructions-desktop {display:none;}

.instructions-mobile {display:inline-block;}

@media screen and (min-width:580px) {

.drug {width:75%;
margin-left:13%;}

}

@media screen and (min-width:700px) {

.drug {width:45%;
margin:0 5% 2em 0;}
	
}

@media screen and (min-width:767px) {

.drugs {padding-top: 18em;
background:url(../img/bg/drugsafety-bg-main.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}

#drugs-main .container {padding-bottom:6em;}

#drugs-main p {margin:0;}

#drugs-break-one .bcg {background-image:url(../img/bg/promo-bg.jpg);
background-attachment: fixed;
background-size:cover;}

#drugs-two .bcg {background-size:cover;}

.instructions-desktop {display:inline-block;}

.instructions-mobile {display:none;}

.drug figure:hover .drug-info {top:0%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
transition:ease all .5s;
-moz-transition:ease all .5s;
-webkit-transition:ease all .5s;}
	
}

@media screen and (min-width:961px) {
	
.drug {width:30%;}

.drug.end {margin-right:0;}

}

/*=============================
  HEALTH
============================*/

.health {background:#2c2c2c;
padding-top:3em;
font-size:.875em;
background:url(../img/bg/psych01.jpg);
background-repeat: repeat;
background-size: initial;
height: 100%;
width: 100%;}

.health p {color:#f8f8f8;}

.health section:first-child {background:none;
padding:0;}

.health section {background:rgba(0,0,0,.5);
padding:4em 0 3em;}

#health-main {color:#fff;
font-size:1.125em;}

#health-main p {text-shadow:2px 2px 2px #000;
font-weight:400;
margin:4em 0;}

#health-two,
#health-three {padding:0;}

#health-two .bcg {background:url(../img/bg/psych02.jpg);
background-size: initial;
padding:4em 0;}

#health-three .bcg {background:url(../img/bg/psych01.jpg);
background-size: initial;
padding:4em 0;}

#health-break-one,
#health-break-two  {background:none;
padding:0;
position:relative;
box-shadow: 0 7px 15px rgba(0,0,0,.5);
-moz-box-shadow: 0 7px 15px rgba(0,0,0,.5);
-webkit-box-shadow: 0 7px 15px rgba(0,0,0,.5);}

#health-break-one .bcg {background:#2c2c2c;}

#health-break-two .bcg {background:#2c2c2c;}

#health-break-one .bcg,
#health-break-two .bcg {padding:7em 0;
background-attachment: fixed;
background-size: cover;}

#health-break-one:before,
#health-break-two:before {content:'';
display:block;
position:absolute;
top:0;
height:1.25em;
width:100%;
background:#c8054e;}

#health-break-one:after,
#health-break-two:after {content:'';
display:block;
position:absolute;
bottom:0;
height:1.25em;
width:100%;
background:#c8054e;}

@media screen and (min-width:767px) {

.health {padding-top: 18em;
background:url(../img/bg/health-bg-main.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}

#health-main .container {padding-bottom:6em;}

#health-main p {margin:0;}

#health-two .bcg, #health-three .bcg  {background-attachment: fixed;
background-size: cover;}

#health-break-one .bcg {padding:13em 0;
background:url(../img/bg/health-bg01.jpg);
background-size:cover;
background-attachment:fixed;}

#health-break-two .bcg {padding:13em 0;
background:url(../img/bg/health-bg02.jpg);
background-size:cover;
background-attachment:fixed;}
	
}

/*=============================
  LEGAL TIPS
============================*/

.legal {background:#2c2c2c;
padding-top:3em;
font-size:.875em;
background:url(../img/bg/psych02.jpg);
background-repeat: repeat;
background-size: initial;
height: 100%;
width: 100%;}

.legal p {color:#f8f8f8;}

.legal section:first-child {background:none;
padding:0;}

.legal section {background:rgba(0,0,0,.5);
padding:4em 0 3em;}

#legal-main {color:#fff;
font-size:1.125em;}

#legal-main p {text-shadow:2px 2px 2px #000;
font-weight:400;
margin:4em 0;}

@media screen and (min-width:767px) {

.legal {padding-top: 18em;
background:url(../img/bg/legal-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}

#legal-main .container {padding-bottom:6em;}
	
#legal-main p {margin:0;}
	
}

/*=============================
  PARTNERS
============================*/

.partners {background:#2c2c2c;
padding-top:3em;
font-size:.875em;
background:url(../img/bg/psych01.jpg);
background-repeat: repeat;
background-size: initial;
height: 100%;
width: 100%;}

.partners .columns {height:100%;}

.partners p {color:#f8f8f8;}

.partners section:first-child {background:none;
padding:0;}

.partners section {background:rgba(0,0,0,.5);
padding:4em 0 3em;}

#partners-main {color:#fff;
font-size:1.125em;}

#partners-main p {text-shadow:2px 2px 2px #000;
font-weight:400;}

#partners-main p:first-child {margin-top:4em;}

.partner-logo-cont {width:100%;
float:left;
margin:0 0 2em 0;
display:table;}

a.partner-logo {width:75%;
height:100%;
display:table-cell;
vertical-align:middle;}

a.partner-logo img {width:75%;
display:block;
margin:0 auto;}

.text-cont {float:left;
width:100%;}

.partner-url {display:inline-block;
font-family: "proxima-nova-extra-condensed", sans-serif;
font-size:1.75em;
font-weight:600;
color:#f8f8f8;
margin-left:1em;
margin-bottom:.75em;
display:inline-block;}

.partner-url a:link {color:#f8f8f8;}

.partner-url a:visited {color:#f8f8f8;}

.partner-url a:hover {color:#c8054e;}

.partner-url a:active {color:#3dbcfe;}

.partner-button {font-size:.875em;
width:18em;
display:block;
margin:0 auto;
margin-bottom:4em;}

.partner-button a.button {background:rgba(0,0,0,.1);
border:3px solid #f8f8f8;}

.partner-button a.button:hover,
.partner-button a.button:active {background:rgba(61,188,254,1);
border:3px solid #3dbcfe;}

.partner-button a.button:link {color:#f8f8f8;}

.partner-button a.button:before {width:116%;
left:-8%;}

@media screen and (min-width:500px) {

a.partner-logo {width:50%;}

a.partner-logo img {width:50%;}	

}

@media screen and (min-width:600px){

.partner-logo-cont {width:25%;
height:100%;
margin-right:3em;}

a.partner-logo {width:100%;}

a.partner-logo img {width:100%;}

.text-cont {width:65%;}

.right {float:right;
margin-right:0;
margin-left:3em;}

}

@media screen and (min-width:767px) {

.partners {padding-top: 18em;
background:url(../img/bg/partners-bg-main.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}

#partners-main .container {padding-bottom:6em;}
	
#partners-main p:first-child {margin-top:0;}

.partner-button {margin-bottom:0;}
	
}