/* @override 
	http://www.aa.com/newamerican/css/day1mobile.css
	http://www.aa.com/newamerican/css/day1mobiledemo.css */

/* Landscape phones and down */
@media (max-width: 480px) {
.row1{
	padding-bottom: 0;
}
section .fixedIntro{
	margin-top: 40px!important;
}
body {
     padding: 0 20px;
}
#intro .container{
	padding:0px !important;
}
#brand .container {
	padding:0px !important;
}
#videos .container {
    padding: 0px !important;
}
#social .container {
	padding:0px !important;
}
#promotion .container {
    padding: 0px !important;
}
#closing .container {
	padding:0px !important;
}
aside.bubbleNav {
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 3px 10px -5px #CCCCCC;
     height: 40px;
     left: 0 !important;
     margin: 0 !important;
     padding: 0;
     position: fixed;
     top: 0 !important;
     width: 100%;
}
h2 {
     font-size: 1.3em !important;
     line-height: 1.4em !important;
     margin: 0;
}
h3 {
     font-size: 1.3em !important;
     line-height: 1.4em !important;
     margin: 0;
}
#videos .aa_social {
     border: 0 none;
     float: right;
     position: relative;
     top: -2px;
}
.carosolTriggers {
     margin-top:10px;
     min-height: 50px;
}
.carosolTriggers ul {
     width: 100%;
     display:block;
     text-align:center;
}
.carosolTriggers ul li {
     display: inline-block;
     width:40px;
	 padding:0px;
}
.carosolTriggers ul li a {
            background: url(../vigour_files/in_active_tab.png) no-repeat left 10px;	
     display: block;
     float: none;
     padding:30px 10px 10px 25px;
}
.carosolTriggers ul li.active a {
     background: url(../vigour_files/active_tab.png) no-repeat left 10px;
     color: #0077d1;
}
.carosolTriggers ul li a span {
     display:none;
}
.tab-content {
     padding: 0 !important;
}
.tab-contents p {
     margin: 0!important;
     padding: 10px;
}
.tab-contents h2 {
     margin: 0!important;
     padding: 10px !important;
     position: relative;
     top:10px;
}
.pointContainer h3 {
     margin-top:10px;
}
.pointContent {
     float: none;
     clear: both;
     width: inherit;
     margin: 0;
     padding:0;
}
.rotationNav {
     display: none;
}
#myCarousel {
     padding: 0 0px;
}
.logo {
margin: 0!important;
}
.logo img {
     margin: 0px auto 0px !important;
}
.logo2 img {
     position: relative;
     top:40px;
     margin:0px auto 60px;
     width:60%;
}
#section1, #section2 {
     margin-bottom: 0px !important;
}
#look .span5 .aa_social, #experience .span5 .aa_social, #journey .span5 .aa_social, #online .span5 .aa_social, #next .span5 .aa_social {
     position: relative;
     height: 32px;
}
#look .aa_social, #experience .aa_social, #journey .aa_social, #online .aa_social, #next .aa_social {
     height: 0;
     position: relative;
     display:block;
     padding:10px;
}
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .span10 {
     width:100% !important;
}
#people .offset1 {
     margin-left: 0;
     margin-top: 0;
}
#people .span10 .span5 {
     display: inline-block;
     width: 270px;
}
#people .span10 .span5 img {
     float:none;
     width:270px;
}
#people .span10 .span5 p {
     float:right;
     margin-top:10px;
}
#people .span10 .span5_right {
     float:none;
     display:inline-block;
}
#people .span10 .span5_right img {
     width: 270px;
     float:left;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:270px;
}
#people .span10 .span5_left p {
     margin-top:10px;
}
#pway1, #pway2, #pway3, #pway4, #pway5 {
     margin-bottom: 20px;
     opacity: 1;
     width:100%;
}
#closing {
     background-size: 100% auto;
     background-position: center bottom;
     padding:0 20px;
}
footer {
     width:100%;
}
#footercontent {
     width:100%;
     float: none!important;
}
#footercontent p {
     float: none!important;
     clear: both;
}
.footerlinks .seperator1 {
     display: none;
}
.footerlinks {
     display: block;
     clear:both;
}
#footer #socialicons {
     display: block;
     clear:both;
     margin-right:100px;
     margin-top:-12px;
}
#footer #socialicons {
     padding-right: 0;
     height: 35px;
     clear: both;
     float: none!important;
     position: static;
     display: block!important;
     margin: 0;
}
.point1 img, .point2 img, .point3 img, .point4 img, .point5 img, .point6 img {
     margin: 0 auto;
     display: block;
     width: 100%;
}
#nexttab, #prevtab {
     display: none!important;
     visibility: hidden;
}
.logo {
     margin: 30px auto 0;
}
aside.bubbleNav {
     position: fixed;
     top: 0!important;
     margin: 0!important;
     padding: 0;
     width: 100%;
     height: 40px;
     background: #fff;
     box-shadow: 0px 3px 10px -5px #ccc;
}
aside.bubbleNav ul {
     height: 25px;
     width: 300px;
     margin: 0 auto;
}
ul.nav li {
     padding-left: 0px;
     float: left;
}
aside.bubbleNav ul li a {
     display: block;
     border-radius: 50px;
     margin: 0;
     width: 15px;
     height: 15px;
     text-indent: -10000px!important;
     margin: 10px;
}
aside.bubbleNav ul li.active a {
     background: #6e8999;
}
.logo {
     padding-top: 25px;
     width: 90%;
}
.rslides {
     max-width: 500px;
     max-height: 500px;
     margin: 0 auto;
}
.rslides img {
     max-width: 500px;
     max-height: 500px;
}
#imgslide1, #imgslide2, #imgslide3, #imgslide4, #imgslide5 {
     margin: 0 auto;
     float:left;
     display: block;
}
.tooltip {
     display: none!important;
}
.sectionScrolldown {
     display:none!important;
}
#downloadableMedia {
     width:100%;
     margin:0 auto;
     height:100%;
}
#downloadableMedia .span5 {
     float:left;
     width:100%;
     height:70px;
}
#downloadableMedia .span6 {
     float:left;
     width:100%;
     height:70px;
}
#downloadableMedia .thumbnail {
     float:left;
     display: inline-block;
     margin-top:24px;
}
#downloadableMedia .downloadinfo {
     display: inline-block;
     margin-left:20px;
     height:100%;
}
#downloadableMedia .downloadinfo h5 {
     font-size:1.1em;
     position: relative;
     top:-8px;
     color:#000 !important;
}
#downloadableMedia .downloadinfo h6 {
     font-size:0.8em;
     position: relative;
     top:-36px;
     
     
}
#promotion h2{
	text-align: center!important;
	font-size: 1.75em!important;
	margin-top: 15px;
}

.promoButton{
	margin:  30px auto 0!important;
	float: none!important;
	display: block;
}
}
 @media screen and (min-width: 240px) and (max-width: 340px) {
.link {
     width:100% !important;
     height:170px !important;
     margin-left: 0px;
     margin-top: 0px;
     z-index: 2;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
 #section1 .introbottom {
         text-align: center; width: 100%;
         border-top: 1px dashed #D2CFCF;
    }
#section1 .introbottom .bottominner{
          float: none; width: 100%;
    }
}
 @media screen and (min-width: 340px) and (max-width: 440px) {
.link {
     width:100% !important;
     height:220px !important;
     margin-left: 0px;
     margin-top: 0px;
     z-index: 2;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
 #section1 .introbottom {
         text-align: center; width: 100%;
         border-top: 1px dashed #D2CFCF;
    }
#section1 .introbottom .bottominner{
          float: none; width: 100%;
    }
}
 @media screen and (min-width: 440px) and (max-width: 520px) {
.link {
     width:100%!important;
     height:260px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background: url(../vigour_files/planemap.jpg) no-repeat;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
 #section1 .introbottom {
         text-align: center; width: 100%;
         border-top: 1px dashed #D2CFCF;
    }
#section1 .introbottom .bottominner{
          float: none; width: 100%;
    }
}
 @media screen and (min-width: 520px) and (max-width: 580px) {
.link {
     width:100%!important;
     height:300px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background: url(../vigour_files/planemap.jpg) no-repeat;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
 #section1 .introbottom {
         text-align: left; width: 100%;
         border-top: 1px dashed #D2CFCF;
    }
#section1 .introbottom .bottominner{
          float: left; width: 33%;
    }
}
 @media screen and (min-width: 580px) and (max-width: 680px) {
.link {
     width:100%!important;
     height:330px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background: url(../vigour_files/planemap.jpg) no-repeat;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
 /*#section1 .introbottom {
         text-align: left; width: 100%;
         margin-top:50px;
         border-top: 1px dashed #D2CFCF;
    }*/
#section1 .introbottom .bottominner{
          float: left; width: 33%;
    }
}
 @media screen and (min-width: 680px) and (max-width: 768px) {
.link {
     width:100%!important;
     height:360px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background: url(../vigour_files/planemap.jpg) no-repeat;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
}
 @media screen and (min-width: 768px) and (max-width: 880px) {
.link {
     width:100%!important;
     height:420px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background: url(../vigour_files/planemap.jpg) no-repeat;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
#promotion p {
     color:  #4db4fa;
     font-size: 20px;
     font-weight: 100;
     line-height: 1.3;
     margin-top: 20px;
     font-family: 'americansans_regular'!important;
}
#promotion p.featured {
     color: #0078d2;
     font: 25px 'americansans_bold';
     line-height: 1.3;
     margin-top: 5px;
}
#promotion button {
     float: right;
     margin-top: 0px;
}
}
 @media screen and (min-width: 880px) and (max-width: 980px) {
.link {
     width:100%!important;
     height:430px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background: url(../vigour_files/planemap.jpg) no-repeat;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
}
 @media screen and (min-width: 980px) and (max-width: 1024px) {
.link {
     width:100%!important;
     height:530px !important;
     margin-left: 0px;
     margin-top: -40px;
     z-index: 2;
     background-size:100% auto;
     position: relative;
     left:0px;
     top:30px;
}
}
 @media screen and (min-width: 480px) and (max-width: 768px) {
body {
     padding: 0;
}
body > .container {
     padding: 0 20px;
}
#intro .container{
	padding:0px !important;
}
#brand .container {
	padding:0px !important;
}
#videos .container {
    padding: 0px !important;
}
#social .container {
	padding:0px !important;
}
#promotion .container {
    padding: 0px !important;
}
#closing .container {
	padding:0px !important;
}
#nexttab, #prevtab {
     display: none!important;
     visibility: hidden;
}
.logo {
     margin: 0px auto 0;
}
.logo img{
	margin: 0;
}
aside.bubbleNav {
     position: fixed;
     top: 0!important;
     margin: 0!important;
     padding: 0;
     width: 100%;
     height: 40px;
     background: #fff;
     box-shadow: 0px 3px 10px -5px #ccc;
     left:0 !important;
}
aside.bubbleNav ul {
     height: 25px;
     width: 300px;
     margin: 0 auto;
}
ul.nav li {
     padding-left: 0px;
     float: left;
}
aside.bubbleNav ul li a {
     display: block;
     border-radius: 50px;
     margin: 0;
     width: 15px;
     height: 15px;
     text-indent: -10000px!important;
     margin: 10px;
}
aside.bubbleNav ul li.active a {
     background: #6e8999;
}
.logo {
     padding-top: 25px;
     width: 90%;
}
.rslides {
     max-width: 500px;
     max-height: 500px;
     margin: 0 auto;
}
.rslides img {
     max-width: 500px;
     max-height: 500px;
}
#imgslide1, #imgslide2, #imgslide3, #imgslide4, #imgslide5 {
     margin: 0 auto;
     float:left;
     display: block;
}
.tooltip {
     display: none!important;
}
.sectionScrolldown {
     display:none!important;
}
.tab-content {
     padding: 20px !important;
}
.tab-contents p {
     margin: 0!important;
     padding: 10px;
}
.tab-contents h2 {
     margin: 0!important;
     padding: 10px !important;
     position: relative;
     top:10px;
}
#videos .aa_social {
     border: 0 none;
     float: right;
     position: relative;
     right: 30px;
     top: -28px;
}
#myCarousel {
     padding: 0 32px;
}
.carosolTriggers {
     margin-top:10px;
     min-height: 50px;
}
.carosolTriggers ul {
     width: 100%;
     display:block;
     text-align:center;
}
.carosolTriggers ul li {
     display: inline-block;
     width:40px;
	padding:0 0 0 0;

}
.carosolTriggers ul li a {
            background: url(../vigour_files/in_active_tab.png) no-repeat left 10px;	
     display: block;
     float: none;
     padding:30px 10px 10px 25px;
}
.carosolTriggers ul li.active a {
     background: url(../vigour_files/active_tab.png) no-repeat left center;
     color: #0077d1;
}
.carosolTriggers ul li a span {
     display:none;
}
#look .span5 .aa_social, #experience .span5 .aa_social, #journey .span5 .aa_social, #online .span5 .aa_social, #next .span5 .aa_social {
     position: relative;
     height: 32px;
}
#look .aa_social, #experience .aa_social, #journey .aa_social, #online .aa_social, #next .aa_social {
     height: 0;
     position: relative;
     display:block;
     padding:10px;
}
.flexslider .slides img {
     display: block;
     width: 100%;
}
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .offset1 {
     margin-left: 20px;
     margin-top: 0;
}
#people .span10 {
     width:100% !important;
}
#people .span10 .span5 {
     margin-bottom:20px;
}
#people .span10 .span5_right {
     margin-bottom:20px;
}
#people .span10 .span5_left {
     margin-bottom:20px;
}
#people .span10 .span5 img {
     float:none;
}
#people .span10 .span5 p {
     float:right;
     margin-top:10px;
}
#people .span10 .span5_right {
     float:left;
     display:inline-block;
}
#people .span10 .span5_right img {
     width:auto;
     float:left;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:380px;
}
#people .span10 .span5_left p {
     margin-top:10px;
}
#pway1, #pway2, #pway3, #pway4 {
     margin-bottom: 20px;
     opacity: 0.25;
     width:100%;
}
#message h4 {
     position: relative;
     top: -60px;
}
footer {
     width:100%;
     height:66px;
}
#footercontent {
     width:100%;
}
#footer p {
     float: none;
     margin: 0;
     padding: 10px 10px 0;
}
#footer #socialicons {
     display: block;
     clear:both;
     float:none;
}
#closing {
     background-size: 100% auto;
     background-position: center bottom;
     padding:0 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 830px) {
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .span10 {
     width:100% !important;
}
#people .span10 .span5 img {
     display: inline-block;
     float:right;
     width:290px;
}
#people .span10 .span5 {
     float:left;
     display:inline-block;
     width:285px;
}
#people .span10 .span5_right img {
     display: inline-block;
     float:right;
     width:290px;
     margin-right:110px;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:285px;
}
}
 @media screen and (min-width: 830px) and (max-width: 890px) {
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .span10 {
     width:100% !important;
}
#people .span10 .span5 img {
     display: inline-block;
     float:right;
     width:290px;
}
#people .span10 .span5 {
     float:left;
     display:inline-block;
     width:285px;
}
#people .span10 .span5_right img {
     display: inline-block;
     float:right;
     width:290px;
     margin-right:100px;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:285px;
}
}
 @media screen and (min-width: 890px) and (max-width: 930px) {
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .span10 {
     width:100% !important;
}
#people .span10 .span5 img {
     display: inline-block;
     float:right;
     width:290px;
}
#people .span10 .span5 {
     float:left;
     display:inline-block;
     width:285px;
}
#people .span10 .span5_right img {
     display: inline-block;
     float:right;
     width:290px;
     margin-right:82px;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:285px;
}
#promotion p {
     color:  #4db4fa;
     font-size: 20px;
     font-weight: 100;
     line-height: 1.3;
     margin-top: 20px;
     font-family: 'americansans_regular'!important;
}
#promotion p.featured {
     color: #0078d2;
     font: 25px 'americansans_bold';
     line-height: 1.3;
     margin-top: 5px;
}
#promotion button {
     float: right;
     margin-top: -0px;
}
}
 @media screen and (min-width: 930px) and (max-width: 980px) {
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .span10 {
     width:100% !important;
}
#people .span10 .span5 img {
     display: inline-block;
     float:right;
     width:290px;
}
#people .span10 .span5 {
     float:left;
     display:inline-block;
     width:285px;
}
#people .span10 .span5_right img {
     display: inline-block;
     float:right;
     width:290px;
     margin-right:82px;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:285px;
}
#promotion p {
     color:  #4db4fa;
     font-size: 20px;
     font-weight: 100;
     line-height: 1.3;
     margin-top: 20px;
     font-family: 'americansans_regular'!important;
}
#promotion p.featured {
     color: #0078d2;
     font: 25px 'americansans_bold';
     line-height: 1.3;
     margin-top: 5px;
}
#promotion button {
     float: right;
     margin-top: -0px;
}
}
 @media screen and (min-width: 980px) and (max-width: 1024px) {
#people {
     margin: 320px auto;
     padding-bottom: 75px;
     width:100% !important;
}
#people .span10 {
     width:100% !important;
}
#people .span10 .span5_right img {
     display: inline-block;
     float:right;
     width:380px;
}
#people .span10 .span5_left {
     float:left;
     display:inline-block;
     width:350px;
}
}
 @media screen and (min-width: 768px) and (max-width: 1024px) {
#nexttab, .carousel-control.right, #prevtab, .carousel-control.left {
display:none;
}
#people .span10 {
     width: 100% !important;
}
#people .offset1 {
     margin-left: none;
}
#people .span10 .span5 img {
     display: inline-block;
     float: left;
}
#people .span10 .span5_right img {
     display: inline-block;
     float: right;
     margin-right: 30px;
}
#people .span10 .span5 p {
     float:left;
     display:inline-block;
     margin-left:30px;
}
#look .span5 .aa_social, #experience .span5 .aa_social, #journey .span5 .aa_social, #online .span5 .aa_social, #next .span5 .aa_social {
     position: relative;
     height: 32px;
}
#look .aa_social, #experience .aa_social, #journey .aa_social, #online .aa_social, #next .aa_social {
     height: 0;
     position: relative;
     display:block;
}
#pway1, #pway2, #pway3, #pway4 {
     margin-bottom: 140px;
     opacity: 0.25;
     width: 100% !important;
}
.sectionScrolldown {
     display:none!important;
}
#footercontent {
     width:100%;
}
#footer p {
     margin-left:10px;
}
.carousel-inner > .active > .item {
     display:block;
     margin-top:20px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 1024px) {
.pageWrapper{
	padding:  0 10px!important;
}

#promotion h2{
	text-align: center!important;
	margin-top: 10px;
}
#promotion .row-fluid{
	padding:  10px 0;
}
#nexttab, .carousel-control.right, #prevtab, .carousel-control.left {
	display:none:
}

.promoButton{
	margin-top:  30px!important;
}
#myCarousel .left {
     display: none!important;
}
#myCarousel .right {
     display: none!important;
}
.pageWrapper {
     width: auto;
}
ul.rslides_tabs {
     display: none;
}
.point1 .aa_social, .point2 .aa_social, .point3 .aa_social, .point4 .aa_social, .point5 .aa_social, .point6 .aa_social {
     display: block!important;
     margin: 0 auto!important;
}
.fixedIntro, .fixedBrand, .animationContainer {
     position: static!important;
     display: block!important;
     background: transparent;
     margin-top: 50px!important;
     height: auto;
} 
.container{
	max-width: 730px!important;
	padding: 0!important;
	position: relative!important;
}
.fixedContainer, .brandContainer{
	position: static!important;
	margin-top: 0!important;
	height: inherit!important;

}
.way, .introWay, #wayEnd {
     height: 0!important;
}
#videos {
     margin-top: 150px;
}
#people {
     margin-top: 150px;
     padding-bottom: 75px;
}
#videos .container, #people .container, #brand .container{
	margin: 0 auto!important;
	padding: 0;
}
.pointContainer {
     position: static!important;
     margin: 0!important;
     width: auto;
}
#section1, #section2 {
     display: block!important;
     position: static;
     margin-top: 50px;
     margin-bottom: 200px
}
#section2 {
     margin-top: 75px;
}
.rotationNav {
     display: none;
}
#pway1, #pway2, #pway3, #pway4, #pway5{
     opacity: 1!important;
}
.point1, .point2, .point3, .point4, .point5, .point6 {
     display: block!important;
     margin-bottom: 0px;
     padding-top: 30px;
}
}