/*

==================================================================
				  _    _    _    _    _    _    _    _    _
				 / \  / \  / \  / \  / \  / \  / \  / \  / \
				( w )( a )( t )( e )( r )( . )( o )( r )( g )
				 \_/  \_/  \_/  \_/  \_/  \_/  \_/  \_/  \_/

==================================================================

*/

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

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

body {
    font-size: 17px;
    line-height: 1.5;
}

::-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;
}

input, textarea, select, a, input:focus { outline: 0; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

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

iframe {
    overflow: hidden !important;
}

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

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

.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;
}

.red-text {
    color: #DB1E25;
}

a {
    color: #DB1E25;
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
    transition: all 0.05s linear;
}

a:hover {
    color: #8D0115;
}

.pattern {
    background-image: url(../image/stripebg.jpg);
}

.stripes {
    background-image: url(../image/stripe-fade.png);
    background-repeat: repeat-x;
}

.container {
    width: 980px;
    margin: 0 auto;
}

.row {
    margin-left: 0px;
}

.mobile {
    display: none;
}


/* ==========================================================================
   Landing Styles
   ========================================================================== */
body{
    margin: 0;
    padding: 0;
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: #363636;
    background: #D6D6D6;
}

#landing {
    background-color: white;
    background-repeat: no-repeat;
    background-position: 50% -100px;
    margin: 0 auto;
    width: 100%;
    height: 805px;
    overflow: hidden;
}
    #landing .stripes {
        width: 100%;
        height: 920px;
    }
    #landing .container {
        position: relative;
    }
        .landing-content {
            position: absolute;
            top: 105px;
            width: 100%;
        }
            .water-logo {
                width: 233px;
                height: 69px;
                background: url(../image/waterorg@2x.png) no-repeat;
                display: block;
            }
            .landing-content h1 {
                font-weight: 600;
                font-size: 122px;
                line-height: 122px;
                text-transform: uppercase;
                padding-top: 50px;
                margin: 0;
            }
            .landing-content .pattern {
                width: 280px;
                height: 27px;
                padding: 0;
                float: left;
                margin: 20px 46px 0 0;
            }
            .landing-content .title-span {
                font-size: 58px;
                line-height: 58px;
                font-weight: 400;
            }
            .landing-content .intro-text {
                font-size: 25px;
                line-height: 32px;
                width: 360px;
                margin-left: 27px;
            }
            .landing-content .learn-how {
                font-size: 20px;
                width: 360px;
                margin-left: 27px;
                padding-top: 6px;
                margin-bottom: 92px;
            }

.nav {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 20px 10px 6px;
    z-index: 10;
}
    .nav span {
        position: relative;
    }
    .nav li {
        display: inline-block;
        margin-left: 14px;
    }
    .nav li a {
        color: #949494;
        height: 30px;
    }
        .nav li a:hover {
            color: #DB1E25;
            background: none;
            text-decoration: none;
        }
            .nav li a .nav-icon {
                font-size: 120%;
            }
            .nav li a .label {
                position: absolute;
                top: 3px;
                left: -110px;
                width: 100px;
                text-transform: uppercase;
                display: block;
                text-align: right;
                background: none;
                font-size: 100%;
                font-weight: 400;
                color: #949494;
            }
            .nav li a .nav-active {
                color: #545454;
            }
                .nav li a .nav-active:hover {
                    color: #DB1E25;
                }
.nav-btn {
    border-radius: 4px;
    color: white;
    font-size: 120%;
    font-weight: 500;
    text-shadow: none;
    background: #505050;
    cursor: pointer;
    text-align: center;
    padding: 6px 8px;
    display: block;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
    box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
    width: 80px;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 10;
    display: none;
}

#mobile-nav {
    background: #404040;
}
.responsive-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
    .responsive-nav li {
        width: 50%;
        float: left;
    }
        .responsive-nav li a {
            width: 60%;
            margin: 10px 15%;
            color: white;
            font-size: 120%;
            font-weight: 500;
            cursor: pointer;
            text-align: center;
            padding: 20px 5%;
            float: left;
            background: #505050;
            text-transform: uppercase;
            -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
            box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
            border-radius: 4px;
        }
            .responsive-nav li a:active, .responsive-nav li a:hover {
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                filter: alpha(opacity=80);
                opacity: 0.8;
                text-decoration: none;
            }
            .responsive-nav li a span.mobile-nav-icon {
                margin-right: 10px;
            }


/* ==========================================================================
   Video Styles
   ========================================================================== */
#video-main {
    background-color: #EBEBEB;
    margin: 0 auto;
    padding: 80px 0 36px;
    width: 100%;
    border-top: 1px solid #EBEBEB;
    box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
    .video-wrap {
        padding: 18px 16px;
        width: 640px;
        background: #ACACAC;
        float: left;
        overflow: hidden !important;
    }

.btn-wrap {
    width: 254px;
    float: right;
}

.med-btn {
    border-radius: 4px;
    color: white;
    font-size: 220%;
    font-weight: 500;
    text-shadow: none;
    background: #DE0017;
    text-align: center;
    padding: 6px 8px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 18px;
    -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
    box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
}
    .support-link {
        font-size: 320%;
        line-height: 1;
    }
    .support-link span {
        font-size: 40%;
    }
    .support-link-mobile {
        display: none;
    }
    .support-link:hover, .support-link-mobile:hover {
        color: white;
        text-decoration: none;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    .donate-link, .subscribe-link, .share-video {
        background: #505050;
        cursor: pointer;
    }
    .donate-link {
        background: #009BD2;
    }
        .donate-link:hover, .subscribe-link:hover, .share-video:hover, .learn:hover, .nav-btn:hover, .nav-btn:active {
            color: white;
            text-decoration: none;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
        }

#share-section, #learn-section { width: 40% }
#share-section { float:left; }
#learn-section { float: right; }
#learn-section .learn {
    background: none repeat scroll 0 0 #505050;
    font-size: 120%;
    width: 90%;
    margin-top: 48px;
}

#share-section {
    position: relative;
    overflow: visible;
}

    .share-video {
        font-size: 120%;
        width: 90%;
        font-size: 400;
        background: #505050;
        margin-top: 48px;
    }
        .share-video span {
            margin-right: 6px;
        }

    .social-btns {
        position: absolute;
        top: -4px;
        left: 0;
        width: 250px;
    }

    .btn-social {
        background: #505050;
        color: white;
        border-radius: 4px;
        padding: 6px 0;
        width: 40px;
        display: inline-block;
        text-align: center;
        -webkit-transition: opacity 0.05s linear;
        -moz-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
        -ms-transition: opacity 0.05s linear;
        transition: opacity 0.05s linear;
        -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
        box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
    }
        .btn-social:hover {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
            color: white;
            text-decoration: none;
        }


/* ==========================================================================
   Vlogger Styles
   ========================================================================== */

/* Loading CSS */
#circleG{
  width:70px;
  position: relative;
  left: 50%;
  margin-left: -70px;
  top: 300px;
}

.circleG{
  background-color:#FFFFFF;
  float:left;
  height:15px;
  margin-left:8px;
  width:15px;
  -moz-animation-name:bounce_circleG;
  -moz-animation-duration:2.8499999999999996s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -moz-border-radius:10px;
  -webkit-animation-name:bounce_circleG;
  -webkit-animation-duration:2.8499999999999996s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -webkit-border-radius:10px;
  -ms-animation-name:bounce_circleG;
  -ms-animation-duration:2.8499999999999996s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -ms-border-radius:10px;
  -o-animation-name:bounce_circleG;
  -o-animation-duration:2.8499999999999996s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  -o-border-radius:10px;
  animation-name:bounce_circleG;
  animation-duration:2.8499999999999996s;
  animation-iteration-count:infinite;
  animation-direction:linear;
  border-radius:10px;
}

#circleG_1{
  -moz-animation-delay:0.57s;
  -webkit-animation-delay:0.57s;
  -ms-animation-delay:0.57s;
  -o-animation-delay:0.57s;
  animation-delay:0.57s;
}

#circleG_2{
  -moz-animation-delay:1.3299999999999998s;
  -webkit-animation-delay:1.3299999999999998s;
  -ms-animation-delay:1.3299999999999998s;
  -o-animation-delay:1.3299999999999998s;
  animation-delay:1.3299999999999998s;
}

#circleG_3{
  -moz-animation-delay:1.7099999999999997s;
  -webkit-animation-delay:1.7099999999999997s;
  -ms-animation-delay:1.7099999999999997s;
  -o-animation-delay:1.7099999999999997s;
  animation-delay:1.7099999999999997s;
}

@-moz-keyframes bounce_circleG{
0%{}
50%{background-color:#858585}
100%{}
}

@-webkit-keyframes bounce_circleG{
0%{}
50%{background-color:#858585}
100%{}
}

@-ms-keyframes bounce_circleG{
0%{}
50%{background-color:#858585}
100%{}
}

@-o-keyframes bounce_circleG{
0%{}
50%{background-color:#858585}
100%{}
}

@keyframes bounce_circleG{
0%{}
50%{background-color:#858585}
100%{}
}


#video-thumbs {
    padding-top: 38px;
    padding-bottom: 82px;
    background: #EBEBEB;
}

    .slider-bg {
        background: #acacac;
        margin: 0 0 60px;
        padding: 18px 0 18px 18px;
        -webkit-transition: opacity 0.4s linear;
        -moz-transition: opacity 0.4s linear;
        -o-transition: opacity 0.4s linear;
        -ms-transition: opacity 0.4s linear;
        transition: opacity 0.4s linear;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .slider-bg-load {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .thumbs-heading {
        background: #505050;
        border-radius: 4px;
        padding: 6px 20px;
        margin: 0 0 24px 0;
        color: white;
        font-size: 180%;
        font-weight: 500;
    }

    .vlogger-text {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 24px;
    }

.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
    width: 640px;
    float: left;
}

    .bx-wrapper img {
        width: 100%;
        display: block;
    }

    .bx-wrapper .bx-slider {
        margin: 0;
        padding: 0;
    }

    .bx-wrapper .bx-viewport {
        background: #fff;
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    .bx-wrapper .bx-prev {
        left: -14px;
        background: url(../image/vidarrows2.png) no-repeat 0 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .bx-wrapper .bx-next {
        right: -14px;
        background: url(../image/vidarrows2.png) no-repeat -49px 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .bx-wrapper .bx-prev:hover {

    }

    .bx-wrapper .bx-next:hover {

    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 49px;
        height: 51px;
        text-indent: -9999px;
        z-index: 9999;
    }

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

#bx-pager {
    float: right;
    width: 300px;
}

    #bx-pager a {
        display: inline-block;
        width: 134px;
        margin: 0 5px 10px 5px;
        trasition: opacity 0.05s linear;
        *zoom: 1;
    }

    #bx-pager a:hover {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
#bx-more { float: right; width: 300px; }

.support-large {
    width: 60%;
    margin: 0 auto;
}


/* ==========================================================================
   Image Preloader
   ========================================================================== */
@media screen {
    div#preloader {
        position: absolute;
        left: -9999px;
        top:  -9999px;
        }
    div#preloader img {
        display: block;
        }
    }
@media print {
    div#preloader,
    div#preloader img {
        visibility: hidden;
        display: none;
        }
    }


/* ==================================================================
    EMAIL FORM STYLES
================================================================== */
.alert-ajax {
	position: fixed;
	width: 100%;
	top: 0;
	background: #DB1E25;
	color: white;
	font-weight: 600;
	z-index: 99999;
	box-shadow: 2px 4px 2px rgba(0,0,0,0.4);
}

#email-form {
    margin: 0;
}

#ajax-form {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
}

#ajax-form .container, #ajax-success .container {
	position: relative;
	overflow: visible;
}

#ajax-form .control-label {
	margin-right: 10px;
	font-size: 120%;
}

#ajax-form #email {
    border: none;
    background: #8D0115;
	color: white;
	padding: 8px;
    margin-top: -4px;
    font-family: 'Dosis', sans-serif;
}

#ajax-form .btn {
	border-radius: none;
	border: none;
    padding: 8px;
    margin-top: -4px;
    font-family: 'Dosis', sans-serif;
}

span.alert-error {
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -100px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	color: #814525;
	background: none;
}

span.alert-error:before {
	content: "*";
}

a.close {
	position: absolute;
	top: 3px;
	right: 0px;
	font-size: 180%;
}

.alert-text {
	padding: 20px 0 10px;
    margin-left: 300px;
	text-shadow: none;
	font-weight: 600;
    font-size: 120%;
    font-family: 'Dosis', sans-serif;
}


/* ==================================================================
    MEMBER RIBBON STYLES
================================================================== */
#user-ribbon {
	background: #363636 url(../image/bg-stripe.jpg);
	color: #4F4F4F;
}

#user-ribbon .span9 {
    width: 80%;
}

#user-ribbon .container {
	position: relative;
}

#user-img {
	border-radius: 50%;
	background: #404040;
	padding: 8px;
	width: 134px;
	height: 134px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

#user-img img {
	border-radius: 50%;
	width: 100%;
}

#stats-container {
	padding: 30px 0;
}
    #user-ribbon h2 {
    	font-size: 280%;
    	padding-bottom: 4px;
    	line-height: 0.52;
    }
    #user-ribbon h4 {
        font-weight: 400;
        font-size: 210%;
        padding-top: 8px;
        letter-spacing: 1px;
    }
        #user-ribbon h4 span {
            font-weight: 900;
            font-size: 140%;
            padding-top: 8px;
            letter-spacing: 1px;
        }

#user-settings {
	width: 100%;
    background: white;
    background: #404040;
}

.settings-link {
	padding: 18px 0 16px;
	color: white;
    text-decoration: none;
	font-weight: 600;
	background: #DB1E25;
	cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 90%;
    width: 160px;
    font-family: arial, sans-serif;
    border-radius: 0 0 5px 5px;
}
    .settings-link:hover {
    	color: white;
        text-shadow: 0px 0px 6px rgba(255,255,255,0.6);
    	text-decoration: none;
    }

#settings-container {
    position: relative;
}
    #settings-container .wedge {
        position: absolute;
        right: 40px;
        bottom: 0px;
        width: 0;
        height: 0;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 40px solid #DB1E25;
    }

#settings-form {
	padding: 20px 0;
}
    #settings-form .fieldWrapper {
    	margin: 10px 0;
        width: 33.3333333333333%;
    }
    #settings-form .checkboxField {
    	margin: 34px 0 14px;
    }
    #settings-form .field {
        display: block;
    }
    #settings-form .top-field {
        margin-bottom: 14px;
    }
    #settings-form label {
    	text-align: right;
        color: #acacac;
        font-weight: 600;
        text-transform: uppercase;
        font-family: arial, sans-serif;
        font-size: 100%;
    }
    #settings-form label.checkbox-label {
    	text-align: left;
    }
    #settings-form input[type="text"] {
        border: none;
        background: #505050;
        color: white;
        padding: 8px;
        border-radius: 0;
        width: 80%;
        -webkit-border-radius: 0;
        margin-top: -4px;
        font-family: 'Dosis', sans-serif;
        -webkit-transition: opacity 0.05s linear;
        -moz-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
        -ms-transition: opacity 0.05s linear;
        transition: opacity 0.05s linear;
    }
        #settings-form input[type="text"]:focus {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
        }

    #settings-form input[type="submit"] {
        border-radius: 4px;
        color: white;
        font-size: 160%;
        font-weight: 400;
        text-shadow: none;
        border: none;
        background: #009BD2;
        text-align: center;
        margin-top: 24px;
        padding: 16px 24px;
        font-family: 'Dosis', sans-serif;
        display: block;
        text-transform: uppercase;
        margin-bottom: 18px;
        -webkit-transition: opacity 0.05s linear;
        -moz-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
        -ms-transition: opacity 0.05s linear;
        transition: opacity 0.05s linear;
    }
        #settings-form input[type="submit"]:hover {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
        }

        .checkboxField label {
            padding-top: 2px;
        }

        div.checkboxField:not(#foo) > input[type='checkbox'] {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
        }

        div.checkboxField:not(#foo) > input[type='checkbox'] + label {
            margin-left: -26px;
            padding-left: 32px;
            width: 260px;
            height: 24px;
            clear: none;
            background: url(../image/checkbox.png) no-repeat 0px -4px;
        }

            div.checkboxField:not(#foo) > input[type='checkbox']:hover + label {
                background-position: 0px -34px;
            }
            div.checkboxField:not(#foo) > input[type='checkbox']:checked + label {
                background-position: 0px -64px;
            }



/* ==================================================================
    SIGN IN
================================================================== */
.signin .space-bottom {
    padding-bottom: 80px;
}

.signin h1 {
    color: #d23330;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 60px;
    margin: 80px 0 30px;
    text-align: center;
    text-transform: uppercase;
}

    .signin .signin-text {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 40px;
    }

    .signin .bg-stripe-wrap {
        position: relative;
    }

    .signin .pattern {
        height: 25px;
        position: absolute;
        top: 88px;
        width: 100%;
    }

    .join-button a {
        margin: 0 40px 40px 40px;
        text-align: center;
        font-size: 25px;
        text-transform: uppercase;
        padding: 20px 0;
        background: #30568A;
        color: white;
        border-radius: 4px;
        display: block;
        -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
        box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
        -webkit-transition: opacity 0.05s linear;
        -moz-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
        -ms-transition: opacity 0.05s linear;
        transition: opacity 0.05s linear;
    }
        .join-twitter a {
            background: #009BD2;
        }

        .join-button a span {
            margin-left: 20px;
            font-size: 120%;
        }

        .join-button a:hover {
            color: white;
            text-decoration: none;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
        }


/* ==================================================================
    DASHBOARD
================================================================== */
#thanks {
    background: white;
}
.thanks-text {
    padding-top: 112px;
    position: relative;
    overflow: visible;
}

.toilet-frame {
    margin-top: 60px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
    .toilet-frame:hover, .toilet-frame:active {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    .thanks-text h1 {
        font-weight: 600;
        font-size: 102px;
        line-height: 102px;
        text-transform: uppercase;
        margin: 0;
    }

    .thanks-text h2 {
        font-weight: 600;
        font-size: 48px;
        text-transform: uppercase;
        margin: 0;
    }

    .thanks-text h4 {
        padding-top: 8px;
        margin-bottom: 48px;
        font-size: 30px;
        font-weight: 200;
        line-height: 1.2;
    }

    .thanks-text h4 span {
        font-size: 30px;
        font-weight: 800;
    }

    .thanks-text p {
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 24px;
        font-weight: 200;
        line-height: 1.2;
    }

.next-button {
    width: 32%;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 60px;
    cursor: pointer;
}
    .next-button a {
        color: #acacac;
    }
    .next-button span {
        font-size: 64px;
        display: block;
        margin-bottom: 20px;
        color: #363636;
    }
    .next-button:hover a {
        color: #d23330;
        text-decoration: none;
    }
    .next-button:hover span {
        color: #d23330;
        text-decoration: none;
    }

.red-stripe {
    width: 100%;
    background: #d23330;
    padding: 10px 0 0;
    font-size: 140%;
    text-align: center;
    color: white;
    text-transform: uppercase;
}
    .instagram-hash {
        color: #363636;
        font-weight: 900;
    }

.white-background {
    background-color: white;
}

.instagram {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
}

    .instagram li {
        width: 10%;
        float: left;
        -webkit-transition: opacity 0.05s linear;
        -moz-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
        -ms-transition: opacity 0.05s linear;
        transition: opacity 0.05s linear;
    }

    .instagram li:hover {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .instagram li img {
        width: 100%;
        height: auto;
    }

    .more-btn {
        background: #acacac;
        cursor: pointer;
        -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
        box-shadow: inset 0px -10px 20px rgba(0,0,0,0.1);
        -webkit-transition: opacity 0.05s linear;
        -moz-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
        -ms-transition: opacity 0.05s linear;
        transition: opacity 0.05s linear;
        margin-bottom: 40px;
    }
        .more-btn:hover {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
        }

hr {
    width: 80%;
    margin: 0 auto 30px;
}


/* ==================================================================
    VIDEO DASHBOARD STYLES
================================================================== */

.video  {
    position: relative;
}

.loading {
    background: url(../image/loading.gif) no-repeat center 300px;
}

.video-logo {
    position: absolute;
    top: 20px;
    width: 170px;
    height: auto;
}

.video-text {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 24px;
}

.video-landing {
    padding-top: 140px;
}

.video-landing, .video-landing-full {
    margin-bottom: 80px;
}

.video-landing-full .video-wrap {
    padding: 18px 1.5%;
    width: 97%;
    background: #ACACAC;
    float: left;
}

.video-landing-full .video-wrap iframe {
    width: 100%;
    height: 560px;
}


/* ==================================================================
    FOOTER STYLES
================================================================== */
#footer-base-wrap { padding-top: 20px; padding-bottom: 10px; background: #D6D6D6; }
#footer-base-wrap a { font-weight: bold; }
#footer-base-wrap p { font-size: 14px; line-height: 21px; }