/* @override 
	http://hpx-demo1.s3.amazonaws.com/css/day1.css
	http://hpx-demo.s3.amazonaws.com/css/day1.css
	http://www.aa.com/newamerican/css/day1test.css
	http://www.aa.com/newamerican/css/day1demo.css
	http://www.aa.com/newamerican/css/day1.css */

/* @group Fonts */

@font-face {
    font-family: 'americansans_bold';
    src: url('../fonts/americansans-bold-webfont.eot');
    src: url('../fonts/americansans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/americansans-bold-webfont.woff') format('woff'), url('../fonts/americansans-bold-webfont.ttf') format('truetype'), url('../fonts/americansans-bold-webfont.svg#americansans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'americansans_lightregular';
    src: url('../fonts/americansans-light-webfont.eot');
    src: url('../fonts/americansans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/americansans-light-webfont.woff') format('woff'), url('../fonts/americansans-light-webfont.ttf') format('truetype'), url('../fonts/americansans-light-webfont.svg#americansans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'americansans_regular';
    src: url('../fonts/americansans-regular-webfont.eot');
    src: url('../fonts/americansans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/americansans-regular-webfont.woff') format('woff'), url('../fonts/americansans-regular-webfont.ttf') format('truetype'), url('../fonts/americansans-regular-webfont.svg#americansans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pageWrapper .container {
    padding: 0;
}

body .container {
    padding: 0 20px 20px 20px;
}

/* @group Shared */
h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0078d2!important;
    font-weight: 600;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 21px;
}

h2, h3 {
    color: #2784b6!important;
}

p, ul, li {
    font: 15px/1.4em Helvetica;
    font-weight: 300!important;
    color: #696969;
}

section {
    position: relative;
    width: 100%;
}

.secondaryHeader {
    font-size: .9em;
    color: #ccc;
}

.block {
    min-height: 800px;
}
/* @end */
aside.bubbleNav {
    position: fixed;
    right: 15px;
    top: 50%;
    height: 250px;
    margin-top: -125px;
    z-index: 10;
}

    aside.bubbleNav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 10;
    }

ul.nav li {
    position: relative;
    z-index: 10;
}

aside.bubbleNav ul li a {
    display: block;
    margin: 10px 5px;
    border-radius: 50px;
    border: 1px solid #6e8999;
    width: 12px;
    height: 12px;
    text-indent: -10000px!important;
    position: relative;
    z-index: 10;
}

aside.bubbleNav ul li.active a {
    background: #6e8999;
}
/* @group Intro */
#intro .container {
    max-width: 960px;
    margin: 0 auto;
}

.introPoint1 {
    height: 650px;
}

.introPoint2 {
    height: 100px;
}

.introPointEnd {
    height: 600px;
}

#section1, #section2 {
    position: absolute;
    top: 0;
    max-width: 930px;
    display: block;
}

#section2 {
    display: none;
}

.fixedIntro {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
}

    .fixedIntro .container {
        position: relative;
        min-height: 100%;
    }

.fixedContainer {
    position: absolute;
    top: 50%!important;
    min-height: 500px!important;
    max-height: 100%;
    margin-top: -250px!important;
    max-width: 930px;
    width: 100%;
}

.logo {
    width: 100%;
    left: 0;
    display: block;
}

.logo2 {
    padding-top: 0px;
    width: 100%;
    left: 0;
    display: block;
}

.logo img {
    display: block;
    margin: 0 auto 20px;
}

.logo2 img {
    display: block;
    margin: 0 auto 5px;
    /*width: 232px;
    height: 202px;*/
}

.logoMin {
    background: url(../vigour_files/logo2.png);
    display: block;
    height: 222px;
    width: 228px;
    text-indent: -10000px;
    margin-bottom: 60px;
    margin: 100px auto 120px;
}

#intro h2 {
    margin-top: -6px;
}

#intro ul {
    margin: 0 0 0 0;
}

    #intro ul li {
        line-height: 1.6;
        font-size: 1em;
        list-style: none;
        padding: 0 0 10px 0;
    }

#section1 {
    margin-top: 0px;
}

    #section1 .introbottom {
		padding-top:10px;
        text-align: center;
        border-top: 1px dashed #D2CFCF;
		background: #FFFFFF;
		opacity:0.8;
    }

        #section1 .introbottom .bottominner {
            float: left;
            width: 33%;
        }

            #section1 .introbottom .bottominner p {
                color: #ACAFAF;
            }

/* @end */

/* @group Brand */
#brand .container {
    max-width: 800px;
}

.shadow12, .shadow12b {
    background: url(../vigour_files/shadow12.png) no-repeat center top;
}

.shadowTop {
    background: url(../vigour_files/shadow12.png) no-repeat center top;
    height: 20px;
}

.shadowBottom {
    background: url(../vigour_files/shadow12b.png) no-repeat center bottom;
    height: 20px;
}

.shadow12b {
    background-position: bottom;
    padding-bottom: 20px;
}

#myCarousel {
    margin-top: 35px;
}

    #myCarousel .span4 img {
        width: 100%;
        margin-top: 20px;
    }

    #myCarousel .span4 .aa_social {
        border: 0 none;
        float: right;
        height: 32px;
        position: relative;
        right: -3px;
        top: -38px;
    }

        #myCarousel .span4 .aa_social .aa_facebookicon {
            display: inline-block;
            background: url(../vigour_files/icon_facebook_sm.png) no-repeat center top;
            height: 14px;
            width: 14px;
            position: relative;
            top: 10px;
            left: 0px;
            border: 0;
            text-indent: -10000px;
            margin-right: 5px;
        }

        #myCarousel .span4 .aa_social .aa_twittericon {
            display: inline-block;
            background: url(../vigour_files/icon_twitter_sm.png) no-repeat center top;
            height: 14px;
            width: 14px;
            position: relative;
            top: 10px;
            left: -3px;
            border: 0;
            text-indent: -10000px;
        }

.carosolTriggers {
	padding:20px 0;
    min-height: 50px;
	margin-top:10px;
	border-bottom: 1px dashed #D2CFCF;
	border-top: 1px dashed #D2CFCF;
}

    .carosolTriggers a {
        color: #0078d2;
    }

        .carosolTriggers a:hover {
            text-decoration: none;
        }

    .carosolTriggers ul {
        margin: 0 auto;
        width: 700px;
    }

        .carosolTriggers ul li {
            list-style: none;
			padding:0 0 0 70px;
			
        }

            .carosolTriggers ul li a {
                display: block;
                float: left;
            background: url(../vigour_files/in_active_tab.png) no-repeat left 10px;	
                padding: 10px 30px 10px 38px;
                font-size: .9em;
                color: #9ca5ab;
                line-height: 1.4;
                margin-right: 40px;
            }

            .carosolTriggers ul li.active a {
                background: url(../vigour_files/active_tab.png) no-repeat left 10px;
                color: #0077d1;
                padding-left: 38px;
            }

.tab-content {
    overflow: visible!important;
}

.container {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#videos .container {
    max-width: 780px;
}

#prevtab, .carousel-control.left {
    background: url(../vigour_files/arrowleft.png);
    width: 14px;
    height: 54px;
    display: none;
    position: absolute;
    left: -17px!important;
    top: 50%!important;
    margin-top: -27px;
    text-indent: -10000px;
    z-index: 1000!important;
    outline: none;
    border: none;
}

#nexttab, .carousel-control.right {
    background: url(../vigour_files/arrowright.png);
    width: 14px;
    height: 54px;
    display: none;
    position: absolute;
    right: -17px!important;
    top: 50%;
    margin-top: -27px;
    text-indent: -10000px;
    z-index: 1000!important;
    outline: none;
    border: none;
}

ul.rslides_tabs {
    margin: 0;
    width: 57%;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    height: 100%;
    opacity: 0;
}

    ul.rslides_tabs li {
        list-style: none;
        display: inline-block;
        background-color: #11538e;
        margin: 5px;
        width: 20px;
        text-align: center;
    }

        ul.rslides_tabs li a {
            color: #fff;
            width: 20px;
            display: inline-block;
        }

#brand {
    position: relative;
}

.fixedBrand {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1 !important;
    position: fixed;
    display: none;
}

.brandContainer {
    position: absolute;
    top: 50%;
    margin-top: -300px;
    left: 0!important;
}

.brandWrapper {
    max-width: 800px;
    width: 100%;
    position: relative!important;
    height: 100%;
    margin: 0 auto;
}

.brandEnd {
    height: 700px;
}
/* @end */

/* @group Rotation */

/*ANIMATION*/
.animationContainer {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
    display: none;
}

.animatedContent {
    height: 100%;
    background: #fff;
}

.link {
    width: 917px;
    height: 430px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -459px;
    margin-top: -385px;
    z-index: 2;
    background: url(../vigour_files/planeSpritemap.jpg) scroll;
}

.linkP1 {
    background-position: 0 0;
}

.linkP2 {
    background-position: -917px 0;
}

.linkP3 {
    background-position: -1834px 0;
}

.linkP4 {
    background-position: -2751px 0;
}

.linkP5 {
    background-position: -3668px 0;
}

.linkP6 {
    background-position: -4585px 0;
}

.linkP7 {
    background-position: -5502px 0;
}

.linkP8 {
    background-position: -6419px 0;
}

.linkP9 {
    background-position: -7336px 0;
}

.linkP10 {
    background-position: -8253px 0;
}

.linkP11 {
    background-position: -9170px 0;
}

.linkP12 {
    background-position: -10087px 0;
}

.linkP13 {
    background-position: -11004px 0;
}

.linkP14 {
    background-position: -11921px 0;
}

.linkP15 {
    background-position: -12838px 0;
}

.linkP16 {
    background-position: -13755px 0;
}

.linkP17 {
    background-position: -14672px 0;
}

.linkP18 {
    background-position: -15589px 0;
}

.linkP19 {
    background-position: -16506px 0;
}

.linkP20 {
    background-position: -17423px 0;
}

.linkP21 {
    background-position: -18340px 0;
}

.way {
    height: 400px!important;
    display: block;
}

#way21 {
    height: 800px;
}

#wayEnd {
    height: 700px!important;
}

.pointContainer {
    width: 800px;
    margin-left: -400px;
    position: absolute;
    top: 57%;
    left: 50%;
    z-index: 100;
}

    .pointContainer h3 {
        margin-top: 0;
        line-height: 1.3;
    }

.point1, .point2, .point3, .point4, .point5, .point6 {
    display: none;
}

    .point1 img, .point2 img, .point3 img, .point4 img, .point5 img, .point6 img {
        margin: 10px 0;
    }

.pointContent {
    float: right;
    width: 475px;
    margin-left: 25px;
}

.rotationNav {
    width: 350px;
    margin: 0 auto;
}

    .rotationNav ul {
        margin: 0;
    }

        .rotationNav ul li {
            list-style: none;
            display: inline-block;
        }

            .rotationNav ul li a {
                display: block;
                width: 12px;
                height: 12px;
                text-indent: -10000px;
                margin: 20px 20px;
                background-color: #9da6ab;
            }

                .rotationNav ul li a.active {
                    background-color: #0077d1;
                }
/* @end */

/* @group Video */

#videos {
    padding-bottom: 75px;
}

.tab-contents {
    position: relative;
    z-index: 1000;
    overflow: visible!important;
}

.tab-content {
    overflow: visible!important;
}

.tab-contents p {
    color: #000!important;
    margin: 0 0 0 0!important;
}

.tab-contents h2 {
    color: #2784b6!important;
    margin: 0 15px 0 0!important;
    padding: 40px 0 5px 0;
    font-size: 1.7em;
    line-height: 1.2;
}

.tab-contents .slidesh2 {
    padding: 0;
    font-weight: normal;
    font-size: 30px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #D2CFCF;
}

.tab-contents p {
    padding: 10px 0 20px 0;
}

/* @end */
/*people*/

.swap div.span6:last-child {
    float: left;
    margin-left: 0!important;
}

.row-fluid.swap div.span6:first-child {
    float: right;
    margin-left: 0;
}

#closing .container {
    padding: 0;
}

#people .container {
    max-width: 820px!important;
    margin: 0 auto!important;
}

#people h3 {
    margin: 25px 0;
}

#pway1 {
    opacity: 1;
}

#pway1, #pway2, #pway3, #pway4, #pway5 {
    margin-bottom: 140px;
    opacity: .25;
}

.row1 {
    padding-bottom: 50px;
}
/*SOCIAL*/
#social {
    padding-top: 40px;
}
/*promotion*/
#promotion .container {
    margin: 150px auto!important;
    padding: 20px 0!important;
    position: relative;
    max-width: 851px;
}

#promotion h2 {
    text-align: right!important;
    display: block;
    margin-top:;
}

#promotion .shadowTop {
    position: absolute;
    top: 0;
    width: 100%;
}

#promotion .shadowBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.njPromotion {
    display: block;
    max-width: 100%;
    height: 265px;
    margin: 0 auto;
    background: url(../vigour_files/promoBannerDeskLap.jpg) no-repeat;
    text-indent: -10000px;
    background-size: 100%;
}

footer {
    text-align: center;
    background: #d0dadf;
    display: block;
}

#footercontent {
    width: 960px;
    margin: 0 auto;
}

#footer p {
    padding: 10px;
    padding-left: 20px;
    margin: 0;
    float: left;
}

#footer #socialicons {
    margin-top: 4px;
    float: right;
}

    #footer #socialicons .aa_social {
        padding-right: 10px;
        height: 35px;
    }

.twitter-timeline {
    width: 90%;
    display: block;
    margin: 0 auto;
}

#footer #socialicons .aa_social .aa_twittericon_footer, #footer #socialicons .aa_social .aa_youtubeicon_footer, #footer #socialicons .aa_social .aa_facebookicon_footer {
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 3px;
    border: 0;
    text-indent: -10000px;
}

#footer #socialicons .aa_social .aa_twittericon_footer {
    background: url(http://www.aa.com/content/images/footer/footer_twitter2.gif) no-repeat center top;
    left: -3px;
}

#footer #socialicons .aa_social .aa_youtubeicon_footer {
    background: url(http://www.aa.com/content/images/footer/footer_youtube.gif) no-repeat center top;
    left: -3px;
}

#footer #socialicons .aa_social .aa_facebookicon_footer {
    background: url(http://www.aa.com/content/images/footer/footer_facebook.gif) no-repeat center top;
    left: 0px;
}

#footer p small {
    font-family: Helvetica, Arial, Geneva, sans-serif;
}

.sectionScrolldown.fixed {
    bottom: 1%!important;
    position: fixed;
    z-index: 1;
}

.sectionScrolldown {
    position: absolute;
    bottom: 1%!important;
    left: 50%;
    margin-left: -25px;
    z-index: 1000;
}

    .sectionScrolldown a {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        margin: 0 auto;
        text-indent: -10000px;
        border: 1px solid #eee;
        background: url(../vigour_files/arrowDown.png) no-repeat center #edeeed;
    }

#closing {
    height: 557px;
    background: url(../vigour_files/closingPlane.png) no-repeat center 70px;
    padding:;
}

#message {
    margin-top: 150px;
}

    #message h4 {
        font-size: 19px;
        line-height: 1.3;
        color: inherit!important;
    }

.point1 .aa_social, .point2 .aa_social, .point3 .aa_social, .point4 .aa_social, .point5 .aa_social, .point6 .aa_social {
    float: left;
    position: relative;
    left: -2px;
}

    .point1 .aa_social .aa_facebookicon, .point2 .aa_social .aa_facebookicon, .point3 .aa_social .aa_facebookicon, .point4 .aa_social .aa_facebookicon, .point5 .aa_social .aa_facebookicon, .point6 .aa_social .aa_facebookicon, .point1 .aa_social .aa_twittericon, .point2 .aa_social .aa_twittericon, .point3 .aa_social .aa_twittericon, .point4 .aa_social .aa_twittericon, .point5 .aa_social .aa_twittericon, .point6 .aa_social .aa_twittericon {
        display: inline-block;
        height: 25px;
        width: 25px;
        position: relative;
        top: 5px;
        left: 0px;
        border: 0;
        text-indent: -10000px;
    }

    .point1 .aa_social .aa_facebookicon, .point2 .aa_social .aa_facebookicon, .point3 .aa_social .aa_facebookicon, .point4 .aa_social .aa_facebookicon, .point5 .aa_social .aa_facebookicon, .point6 .aa_social .aa_facebookicon {
        background: url(http://www.aa.com/content/images/footer/footer_facebook.gif) no-repeat center top;
    }

    .point1 .aa_social .aa_twittericon, .point2 .aa_social .aa_twittericon, .point3 .aa_social .aa_twittericon, .point4 .aa_social .aa_twittericon, .point5 .aa_social .aa_twittericon, .point6 .aa_social .aa_twittericon {
        background: url(http://www.aa.com/content/images/footer/footer_twitter2.gif) no-repeat center top;
    }

#videos .aa_social {
    border: 0 none;
    float: right;
    position: relative;
    right: 4px;
}

    #videos .aa_social .aa_twittericon, #videos .aa_social .aa_facebookicon {
        display: inline-block;
        height: 25px;
        width: 25px;
        position: relative;
        top: 5px;
        left: 0px;
        border: 0;
        text-indent: -10000px;
    }

    #videos .aa_social .aa_facebookicon {
        background: url(http://www.aa.com/content/images/footer/footer_facebook.gif) no-repeat center top;
    }

    #videos .aa_social .aa_twittericon {
        background: url(http://www.aa.com/content/images/footer/footer_twitter2.gif) no-repeat center top;
    }

#people .span5 .aa_social {
    float: left;
    position: relative;
    height: 32px;
    border: 0;
    clear: both;
}

#people .aa_social .aa_facebookicon, #people .aa_social .aa_twittericon, #people .aa_social .aa_facebookicon, #people .aa_social .aa_twittericon {
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 10px;
    border: 0;
    text-indent: -10000px;
}

#people .aa_social .aa_facebookicon {
    background: url(http://www.aa.com/content/images/footer/footer_facebook.gif) no-repeat center top;
    left: 0px;
    margin-right: 5px;
}

#people .aa_social .aa_twittericon {
    background: url(http://www.aa.com/content/images/footer/footer_twitter2.gif) no-repeat center top;
    left: -3px;
}

#people .aa_social {
    float: left;
    position: relative;
    height: 32px;
    border: 0;
}

    #people .aa_social .aa_facebookicon {
        background: url(http://www.aa.com/content/images/footer/footer_facebook.gif) no-repeat center top;
        left: 0px;
        margin-right: 5px;
    }

    #people .aa_social .aa_twittericon {
        background: url(http://www.aa.com/content/images/footer/footer_twitter2.gif) no-repeat center top;
        left: -3px;
    }

#look .aa_social, #experience .aa_social, #journey .aa_social, #online .aa_social, #next .aa_social {
    height: 0;
    position: relative;
    display: block;
    width: 100%;
}

    #look .aa_social .aa_facebookicon, #experience .aa_social .aa_facebookicon, #journey .aa_social .aa_facebookicon, #online .aa_social .aa_facebookicon, #next .aa_social .aa_facebookicon, #look .aa_social .aa_twittericon, #experience .aa_social .aa_twittericon, #journey .aa_social .aa_twittericon, #online .aa_social .aa_twittericon, #next .aa_social .aa_twittericon {
        display: inline-block;
        height: 25px;
        width: 25px;
        position: relative;
        top: 5px;
        border: 0;
        text-indent: -10000px;
    }

    #look .aa_social .aa_facebookicon, #experience .aa_social .aa_facebookicon, #journey .aa_social .aa_facebookicon, #online .aa_social .aa_facebookicon, #next .aa_social .aa_facebookicon {
        background: url(http://www.aa.com/content/images/footer/footer_facebook.gif) no-repeat center top;
        left: 0px;
        margin-right: 5px;
    }

    #look .aa_social .aa_twittericon, #experience .aa_social .aa_twittericon, #journey .aa_social .aa_twittericon, #online .aa_social .aa_twittericon, #next .aa_social .aa_twittericon {
        background: url(../vigour_files/americanair-lightblue.png) no-repeat center top;
        left: -3px;
    }

.brandContainer .tab-pane a {
    border-radius: 10px;
    text-decoration: none;
}

.aa_social .facebookbutton {
    display: inline;
    float: left;
    width: 110px;
}

.aa_social .twitterbutton {
    display: inline;
    float: left;
    position: relative;
}

.aa_social .facebookbutton iframe {
    width: 100px !important;
}
/*ANIMATIONS*/


.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-5px);
    }

    60% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-5px);
    }

    60% {
        -moz-transform: translateY(0px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100%;

{
    -o-transform: translateY(0);
}

40% {
    -o-transform: translateY(-5px);
}

60% {
    -o-transform: translateY(0px);
}

}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-5px);
    }

    60% {
        transform: translateY(0px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

.bounce {
    animation-delay: 2s;
    animation-iteration-count: infinite;
    /* Firefox: */
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    /* Safari and Chrome: */
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    /* Opera: */
    -o-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}

    .rslides li {
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }

.spinWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 1000;
}

    .spinWrapper p {
        position: absolute;
        top: 20px;
        right: 20px;
    }

.closeIntro a {
    display: block;
    padding: 5px;
    background: #ccc;
    text-align: center;
    font-size: 2em;
}

.flowWrapper {
    width: 80%;
    height: 80%;
    margin: 70px auto 0;
}

#social {
    margin-bottom: 50px;
}

#promotion img {
    margin: 10px 0;
    width: 100%;
}

#promotion p {
    color: #4db4fa;
    font-size: 25px;
    line-height: 30px;
    font-weight: 100;
    margin-top: 20px;
    font-family: 'americansans_regular'!important;
}

    #promotion p.featured {
        color: #0078d2;
        font: 41px 'americansans_bold';
    }

#promotion h2 {
    font-size: 2.3em;
    margin-top: 50px;
}

#promotion a.promoButton {
    float: right;
    text-align: center;
    margin-top: 30px;
    width: 161px;
    padding: 4px 0;
    border: none;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58);
    background: #00b1ec; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjFlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjgzYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00b1ec 0%, #0283c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b1ec), color-stop(100%, #0283c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b1ec 0%, #0283c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b1ec 0%, #0283c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b1ec 0%, #0283c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00b1ec 0%, #0283c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1ec', endColorstr='#0283c0', GradientType=0 ); /* IE6-8 */
}

#downloadableMedia {
    width: 820px;
    margin: 100px auto;
}

    #downloadableMedia .row {
        display: block;
        clear: both;
    }

    #downloadableMedia .span5 {
        display: inline-block;
        float: left;
        width: 49%;
        height: 100px;
    }

    #downloadableMedia .span6 {
        display: inline-block;
        float: right;
        width: 49%;
    }

    #downloadableMedia .thumbnail {
        float: left;
        display: inline-block;
        margin-top: 24px;
    }

        #downloadableMedia .thumbnail img {
            border: 0;
        }

    #downloadableMedia .downloadinfo {
        display: inline-block;
        margin-left: 20px;
        height: 100px;
    }

        #downloadableMedia .downloadinfo h5 {
            font-size: 1.3em;
            position: relative;
            top: -16px;
            color: #000 !important;
        }

        #downloadableMedia .downloadinfo h6 {
            font-size: 0.8em;
            position: relative;
            top: -46px;
        }

            #downloadableMedia .downloadinfo h6 a {
                text-decoration: none;
                color: #0078d2!important;
            }

.registered {
    font-size: 11px;
    position: relative;
    top: -3px;
}

.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    display: inline-block;
}
.clr{
	clear:both;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {
    height: 1%;
}

.row-fluid .span5 {
    position: relative;
}

/***************** Vigour Costomise start ******************/
.social_vigor{
	padding:0px;
	text-align:center;
}
.social_vigor ul{
	padding:0px;
	list-style:none;
}
.social_vigor li{
	background:url(../vigour_files/social.png) left top no-repeat;
	padding:0px;
	float:left;
	
}
.social_vigor li a{
	padding:0 5px 0 0;
	width:27px;
	height:27px;
	display:block;
}
.social_vigor li a:hover{
	background:url(../vigour_files/social.png) left -43px no-repeat;
	width:27px;
	height:27px;
}