body { padding:0; margin:0; font:normal 87.5%/1.4 "BentonSansRegular", Arial, Helvetica, sans-serif;  color:#fff;   }/* font-size:14px;*/
div, img, p, a, ul, h2, h3, h4, h5, h6, form, input, select, textarea, label,figure, figcaption, section { padding:0; margin:0; }
img { border:none; max-width:100%; display:block; }
a { text-decoration:none; outline:none; color:#006d8d;}
a:hover, a:focus { color:#053379;}
ul { list-style-type:none; }
.spacer { font-size:0; line-height:0; clear:both; }
::selection{color:#fff; background:#666;}
::-moz-selection{color:#fff; background:#666;}
::-webkit-selection{color:#fff; background:#666;}
::-ms-selection{color:#fff; background:#666;}
.group:before, .group:after { content:""; display:table; }
.group:after{ clear:both; }
.group{ zoom:1; }





/* GENERAL */ 
@font-face {
  font-family: "BentonSansRegular";
  src: url("font/3be50273-0b2e-4aef-ae68-882eacd611f9-2.eot");
  src: url("font/3be50273-0b2e-4aef-ae68-882eacd611f9-2.eot?") format("embedded-opentype"),
       url("font/3be50273-0b2e-4aef-ae68-882eacd611f9-3.woff") format("woff"),
       url("font/3be50273-0b2e-4aef-ae68-882eacd611f9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "BentonSansRegular";
  src: url("font/342cdec0-7d5d-43a9-84bf-8a77730526ee-2.eot");
  src: url("font/342cdec0-7d5d-43a9-84bf-8a77730526ee-2.eot?") format("embedded-opentype"),
       url("font/342cdec0-7d5d-43a9-84bf-8a77730526ee-3.woff") format("woff"),
       url("font/342cdec0-7d5d-43a9-84bf-8a77730526ee-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "BentonSansBook";
  src: url("font/325e6ad0-38fb-4bad-861c-d965eab101d5-2.eot");
  src: url("font/325e6ad0-38fb-4bad-861c-d965eab101d5-2.eot?") format("embedded-opentype"),
       url("font/325e6ad0-38fb-4bad-861c-d965eab101d5-3.woff") format("woff"),
       url("font/325e6ad0-38fb-4bad-861c-d965eab101d5-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "BentonSansLight";
  src: url("font/481b5db4-48a0-4c43-ae8b-fd1a0b7cb481-2.eot");
  src: url("font/481b5db4-48a0-4c43-ae8b-fd1a0b7cb481-2.eot?") format("embedded-opentype"),
       url("font/481b5db4-48a0-4c43-ae8b-fd1a0b7cb481-3.woff") format("woff"),
       url("font/481b5db4-48a0-4c43-ae8b-fd1a0b7cb481-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "BentonSansMedium";
  src: url("font/0fababca-4914-46dd-9b0f-efbd51f67ae8-2.eot");
  src: url("font/0fababca-4914-46dd-9b0f-efbd51f67ae8-2.eot?") format("embedded-opentype"),
       url("font/0fababca-4914-46dd-9b0f-efbd51f67ae8-3.woff") format("woff"),
       url("font/0fababca-4914-46dd-9b0f-efbd51f67ae8-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  font-family:"BentonSansRegular";
}
/* GENERAL ENDS */

/* MISCLANEOUS STARTS */
h1, h2, h3, h4, h5, h6{ font-family:"BentonSansLight",arial; padding:0; margin:0;   }
.contWidth{width:1002px;  margin:0 auto; padding:12px 14px 0; }
.overlay{background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/contBg.png) 0 0 repeat;  position:absolute; top:0px; width:100%; z-index:99; height:1449px; ;}

.pr{position:relative;}
.wrapBodyBg{ background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/bodyBgs.jpg) 0 0px repeat-x; }
.wrapBodyBg.changeBg{background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/bodyBgs2.jpg)repeat-x 0 0px ;}
.wrap{position: relative; max-width:1004px; margin:0 auto; border-right:0px solid #ff0000; border-left:0px solid #ff0000;}
.wrapImgTopMar{margin-top:85px;}
.infoGroup, .infoGroup1{ display:none;}

#startPage, #secPage, #threePage, #fourPage, #fivePage, #sixPage, #sevenPage{ display:none; position:relative;}
#firstPage{ display:block; position:relative; width:100%;}
 
/* start css for header section */
.welPgHead{ box-shadow: 0 0 9px #000; position: fixed; left:0; top:0;    width: 100%;	z-index:99999999; background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/headBg.png) center center repeat; }
.welPgHeadCont{ border:0px solid red; width:974px; margin:0px auto; padding:20px 14px; }
.logo{float:left;}
.welPgHeadCont .logo img{ width:82px; height:72px;}
.headBigTxt { color: #fff; float: left; font-size: 25px;  font-family: "BentonSansMedium", arial;  padding:18px 30px 18px 20px; margin-right:20px; background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/menuDivd.png) right center no-repeat;}
.welPgHeadCont.secHeader .logo img{ width:52px; height:45px;}
.welPgHeadCont.secHeader .headBigTxt{ padding:4px 18px;}
.welPgHeadCont.secHeader .headMenu{ padding:8px 20px;}
#home, #homePage, #searchResults { cursor: pointer;}
/* css for header menu*/
.rightMenu{float:right;  margin-top:20px;}
.rightMenu a{ color: #fff; background: url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/btnv01.png) 0 0 no-repeat; width:251px; height:42px; text-indent:-20000px; display:block;}

.rightMenu a:hover{background-position:0 100%;}

.headMenu{ color: #fff; float: left; font-size: 19px;  margin: 22px 0px 0; }
.headMenu a{ color:#FFFFFF; background: url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/menuaro.png) 54px 10px no-repeat; margin:15px 15px 55px 15px; padding-right:17px; }
.headMenu a:hover, .headMenu:hover > a, .headMenu > a.actMenuLink {box-shadow: 0 0 5px #333; -moz-border-radius: 5px; border-radius:5px;  color:#002c67; background:#fff url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/menuaroHover.png) 68px 25px  no-repeat; margin:0; padding:15px 32px 55px 15px;   }/*Active top Nav hover*/
.headMenu a:focus, .headMenu:focus > a { box-shadow: 0 0 5px #333; -moz-border-radius: 5px; border-radius:5px;  color:#002c67; background:#fff url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/menuaroHover.png) 68px 25px  no-repeat; margin:0; padding:15px 32px 19px 15px;}
/* drop down leave I */
.headMenu:hover > div, .headMenu div:hover, .headMenu:focus > div, .headMenu div:focus {  display:block;}/* drop down bolck on hover*/
.headMenu .dropdown{ display:none; position:absolute; top:50px; left:0; width:100%; }
.headMenu .dropdown1{ box-shadow: 0 5px 5px #000; left:0; width:100%; background:#ffffff; border-bottom:8px solid #009bbb;margin-top:50px;padding-top:20px;}
/* css for menu contnar*/
.headMenu .dropdown .dropdown1 ul{ width:955px; margin:20px auto; overflow:hidden;}
.headMenu .dropdown .dropdown1 ul li{ width:195px; float:left; border-left:1px dashed #c9c9c9; padding:0 40px 800px; margin-bottom:-800px}
.headMenu .dropdown .dropdown1 ul li.last{ padding-right:0;}
.headMenu .dropdown .dropdown1 ul li+li+li{ border-left:1px solid #54bbd0;}

.headMenu .dropdown .dropdown1 ul li h2{ color:#0f7296; font-size:16px; font-family: "BentonSansRegular", Arial;  margin-bottom:10px;}
.headMenu .dropdown .dropdown1 ul li h2.menuHeading{font-family: "BentonSansMedium", Arial;}
.headMenu .dropdown .dropdown1 ul li p{ color:#333333; font-size:13px;  font-family: "BentonSansRegular", arial,helvetica;}
.headMenu .dropdown .dropdown1 ul li .homeIcon{ height:57px; width:100%; text-align:center; margin-bottom:20px;}
.headMenu .dropdown .dropdown1 ul li .imgCont{  border:3px solid #76c9d9; padding:1px; background:#ffffff; margin-bottom:20px; text-align:center;}
.headMenu .dropdown .menuCont:hover, .headMenu .dropdown .menuCont:focus { opacity:.7; border-color:#CCCCCC; outline:none; cursor: pointer;}
.headMenu .dropdown .dropdown1 ul li .imgCont img{ margin:0 auto;}

.headMenu .showdropdown{display:block;}

.threePos_tour.threePos_tourIc .takeTourContMid{padding:40px 0 140px;}
.threePos_tour.threePos_tourIc .lightBlueBox .whiteAro{  bottom: auto;  left: -140px; top: -51px;}
.threePos_tour.threePos_tourIc .lightBlueBox.threePos_tour_oneCont2{ top: 15px;    width: 259px;}
.threePos_tour.threePos_tourIc .lightBlueBox.threePos_tour_oneCont2 .whiteAro{left: -54px; top: 57px;}
/* end drop down leave I */
/* end css for header menu*/
/* end css for header section */

/* start css for middel section */
.welcomeCont{ display:none2; position: absolute;z-index:999; color: #fff;  font-size: 17px; padding: 20px 0;}
.welcomeCont h1 { font-size: 43px; font-weight: normal; line-height: 58px; margin-top: 110px; text-shadow: 0 0 3px #000;}
.welcomeCont h1 strong { display: block; font-family: "BentonSansMedium",arial;  font-size: 41px;}
.welcomeCont p {  font-family: arial,"BentonSansMedium",arial;  font-size: 18px;  margin: 49px 0 0;  text-shadow: 0 0 3px #000;}
.welcomeCont p.padTopNone {   margin-top: 10px;}
a.roundBtn{width: 375px; text-align: center; box-shadow: 0 0 2px #000; font-family:"BentonSansRegular", arial; font-size:20px; text-transform: uppercase;  border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:11px 0px; display: inline-block;}
.roundBtn.expBtn{background:#006794;}
a.roundBtn:hover, a.roundBtn:focus{  background: #002663;}
.marLeftBtn{ margin-right:11.7%; }
/* end css for middel section */

/* start css for popup */
.rounded-topright { background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-topright.png") no-repeat right 0 ;  padding-right: 47px;}
.rounded-topleft { background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-topleft.png") no-repeat 0 0;  padding-left: 7px;   }
.tourBtn .rounded-topmiddle {background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-middlebg.png") repeat-x center 0;    height: 47px;	}
.exploreBtn{ display:none;}
.exploreBtn .rounded-topmiddle {background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-middlebg1.png") repeat-x center 0;   height: 47px;}
.rounded-middle-forum {border-left: 1px solid #7c7c7c;  border-right: 1px solid #7c7c7c;  padding: 25px; margin-right: 21px;}
.rounded-bottomright {background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-bottomright.png") no-repeat right 0; padding-right: 4px;}
.rounded-bottomleft {background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-bottomleft.png") no-repeat 0 0; padding-left: 4px;}
.rounded-bottommiddle {background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/rounded-bottom-middlebg.png") repeat-x 0 0;height: 7px; margin-right: 24px;}
/* end css for popup */
.full-width { width: 100%; position: relative;}
.popupRigLeftBtn { left: 40.96%;  position: absolute;  top: -3px;}
.edit_img_tour #curRigLeftBtn {  left: 41.45%;}
.popupRigLeftBtn div {  float: left;  font-family: "BentonSansRegular",arial;  font-size: 18px;  font-weight: bold;   margin: 12px 15px 0 13px;/*margin:12px 14px 0*/   text-align: center;   width: 55px;}
.showNextPgName{position: absolute;  right: -135%; top: -141%; width: 198px !important;}
.showNextPgName img{position: absolute; left: -17%; top: 42%;}
.showPrePgName{ left: -123%; position: absolute;  top: -137%; width: 175px !important;}
.showPrePgName img{ position: absolute; right: -28%; top: 36%;}
.roundAroLeft {  background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/roundAroLeft.png") no-repeat scroll center 0;  float: left;}
.roundAroLeftDis { background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/roundAroLeftDis.png") no-repeat scroll center 0;  float: left;}
.roundAroRig {    background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/roundAroRig.png") no-repeat scroll center 0;    float: left;}
.roundAroRigDis{background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/roundAroRigDis.png) center 0 no-repeat ; float:left;}
.roundAroLeft, .roundAroRig, .roundAroLeftDis, .roundAroRigDis { display: inline-block; height: 48px;  width: 48px;}
.closeBtn, .closeBtnEx { background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/closeBtn.png") no-repeat scroll 0 0; display: inline-block;height: 23px;position: absolute; right: 11px;   top: 11px;   width: 22px;cursor:pointer;}
.closeBtn:focus, .closeBtnEx:focus{ background-position:center -46px; }
.closeBtn:hover, .closeBtnEx:hover{ background-position:center -23px; }

.takeTourCont {position: absolute; top: 13%; z-index: 999;}
.popupRigLeftBtn div b{ padding:0 2px;}
.popupRigLeftBtn .selectTxt{ color:#de582c;}
.roundAroRig:hover, .roundAroRig:focus{ background-position:center -48px;}
.roundAroLeft:hover, .roundAroLeft:focus{ background-position:center -48px;}
.iconeCont{display:none;}
.iconeCont a{background: url("/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/i_icone.png") no-repeat 0 0;  height: 51px;  position: absolute;  width: 51px;  z-index: 9; border-radius:50%;}
.iconeCont a:focus{ background-position:0 -51px;}
.iconeCont a:hover{ background-position:0 -102px;}

.iconeCont a.visited{background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/i_icone_act.png) 0 0 no-repeat; }
.iconeCont a.visited:focus{ background-position:0 -51px;}
.iconeCont a.visited:hover{ background-position:0 -102px;}


 
.imgBorder { border: 10px solid #fff;  border-radius: 5px;}
.iconeActive {  position: absolute;  z-index: 9;}
.onePos_tour {left: 14.5%; top:8.5%;}
.lightBlueBox{  position:absolute; background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/popBg2.png) 0 0 repeat; /*background: rgba(35, 107, 123, 0.75);*/   -moz-border-radius: 5px; border-radius:5px; width:297px;font-family:"BentonSansRegular", arial; font-size:13px;   padding:18px 20px; float:left; font-weight:normal;}
.onePos_tour .lightBlueBox{left:61%;  top: 11%;  width: 250px;}
.onePos_tour .popupRigLeftBtn {left:38.1%;}

.onePos_tour .whiteAro{left: -51px;  position: absolute; top: 78%;}
.onePos_tour .iconeActive{left: -0.1%;  top: 3.8%;}
.twoPos_tour {  left: 13.7%; top: 15%;}
.twoPos_tour .popupRigLeftBtn {left:40.5%;}
.twoPos_tour .lightBlueBox{ left: 5%;    top: 12%;    width: 59%;}

.twoPos_tour .whiteAro{left: 101%; position: absolute; top: 65%;}
.twoPos_tour .iconeActive{left: 33.6%; top: 45%;}
.three_tour {left: 1.2%; top: 18.1%;}
.three_tour .popupRigLeftBtn {left: 41.58%;}
.three_tour .lightBlueBox{left: 26%; top: 12.5%;width: 47%;}
.three_tour .rounded-middle-forum{ padding:99px 11px 25px ;}
.three_tour .imgBorder {border: 5px solid #fff;}
.three_tour .whiteAro{left: -28%; position: absolute;  top: 37%;}
.three_tour .iconeActive{ left: -3px; top: 25%;}
.fore_tour {  left: 0.5%; top: 25.4%;}
.fore_tour .rounded-middle-forum{ padding:110px 8px 25px ;}
.fore_tour .imgBorder {border: 10px solid #fff;}
.fore_tour .popupRigLeftBtn {left: 41.58%;}
.fore_tour .lightBlueBox{  left:31%; top: 14%; width:60%;}
.fore_tour .whiteAro{ left: -24.5%;  position: absolute; top: 38%;}
.fore_tour .iconeActive{left: -4px; top: 38%;}
.five_tour {left: 0; top: 51.7%;}
.five_tour .popupRigLeftBtn {left:41.1%;}
.five_tour .lightBlueBox{left: 26%; top:13%;width: 46%;}
.five_tour .rounded-middle-forum{ padding:110px 8px 25px ;}
.five_tour .imgBorder {border: 10px solid #fff;}
.five_tour .whiteAro{  left:-11.5%;  position: absolute; top: 65%;}
.five_tour .iconeActive{ left: -2px;top: 22.2%;}
.pageone{ position:relative;} 
#firstPage a.first { left: 0.5%;top: 10%;}
#firstPage a.one {left: 15.5%; top: 26%;}
#firstPage a.two { left: 17.9%; top: 33.5%;}
#firstPage a.three{  left: 1%; top: 38%;}
 #iconeCont1 a.fore{  left: 0.9%; top: 64.9%;}
 #firstPage a.four{left: 0.5%; top: 42.9%;}
#firstPage a.five{left: 0; top: 63%;}
#firstPage a.six{left: 78.5%;top: 28.5%;}
#firstPage .firstPos_tour {  left: 0%;top:8.1%;}
#firstPage .firstPos_tour .lightBlueBox {  left: 21%;  top: 20%;  width: 520px;}
#firstPage .firstPos_tour .popupRigLeftBtn{left:41.7%;}
#firstPage .firstPos_tour .iconeActive { left: -0.1%; top: 7.5%;}
#firstPage .firstPos_tour .whiteAro {    left: -134px;   position: absolute;   top: 28%;}
#firstPage .firstPos_tour .rounded-middle-forum{ padding:25px 9px 25px 14px;}
#firstPage .onePos_tour {  left: 14.5%;top: 15.2%;}
#firstPage .onePos_tour .lightBlueBox {  left: 52%;  top: 23%;  width: 250px;}
#firstPage .onePos_tour  .rounded-middle-forum{ padding-top:86px;}
#firstPage .onePos_tour .whiteAro {    left: -51px;   position: absolute;   top: 39%;}
#firstPage .onePos_tour .iconeActive { left: -0.3%; top: 42.5%;}
#firstPage .twoPos_tour .popupRigLeftBtn{left:39.8%;}
#firstPage .twoPos_tour {left: 18%; top: 20.5%;  }
#firstPage .twoPos_tour .lightBlueBox {  left: 29%;    top: 29%;    width: 52%;}
#firstPage .twoPos_tour .rounded-middle-forum{ padding:119px 10px 30px;}
#firstPage .twoPos_tour .iconeActive {  left: 0; top: 49.5%;}
#firstPage .threePos_tour .popupRigLeftBtn{left: 33.9%;}
#firstPage .threePos_tour{left: 44.3%; top: 13.8%; width: 52%;}
#firstPage .threePos_tour .whiteAro {left: -61.2%;    position: absolute;    top: 16.1%;}
#firstPage .threePos_tour .lightBlueBox {left: 49%; top: 20%;width: 182px;}
#firstPage .threePos_tour .rounded-middle-forum{padding-top:173px}
#firstPage .threePos_tour .iconeActive{  left: 0%; top:46%;}
#firstPage .fourPos_tour .popupRigLeftBtn{left: 41.4%;}
#firstPage .fourPos_tour{  left: 1.1%; top: 51.7%;}
#firstPage .fourPos_tour .whiteAro { left: -24.2%; position: absolute;  top: 38.1%;}
#firstPage .fourPos_tour .lightBlueBox {  left: 34%;   top: 9%;    width: 56%;}
#firstPage .fourPos_tour .rounded-middle-forum{padding-top:112px}
#firstPage .fourPos_tour .iconeActive{ left: -0.2%; top: 25.5%;}
#firstPage .fourPos_tour .rounded-middle-forum{ padding-top:132px;}
#firstPage .fivePos_tour .popupRigLeftBtn{left: 41.4%;}
#firstPage .fivePos_tour{  left: 1%;  top: 48.7%;}
#firstPage .fivePos_tour .whiteAro { left: -32.2%; position: absolute; top: 45.1%;}
#firstPage .fivePos_tour .lightBlueBox {  left: 50%;   top: 10%;    width: 38%;}
#firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px}
#firstPage .fivePos_tour .iconeActive{  left: 40%; top: 27%;}
#firstPage .fivePos_tour .rounded-middle-forum{ padding-top:166px;}
#firstPage .three_tour {  left: 0.8%;  top: 26.9%;}
/* second page css start*/
.secPageBg { display:none; position:relative;  width: 100%;}
#secPage .iconeCont a.one{ left: 17px; top: 38%;}
#secPage .iconeCont a.two{left: 8.2%; top: 29.5%;}
#iconeCont2 a.three{ left: -0.5%; top: 8%;}
#secPage .onePos_tour{ left: 0.1%;top: 10%;}
#secPage  .onePos_tour .lightBlueBox  .whiteAro{ left: -30%; position: absolute;  top: 50%;}
#secPage  .onePos_tour .lightBlueBox.paymentBox .whiteAro { left: 7%; position: absolute;  top: 96%;}
#secPage .onePos_tour .popupRigLeftBtn{left: 41.6%;}
#secPage .onePos_tour .lightBlueBox{ left: 28.8%;  top: 15%;  width: 57%; background:rgba(35, 107, 123, 0.85)}
#secPage .onePos_tour .lightBlueBox .whiteAro{ left: 6%;  position: absolute; top: 88%;}
#secPage .onePos_tour .iconeActive{left: 0.6%; top:31.2%;}
#secPage .onePos_tour .rounded-middle-forum{ padding:154px 11px 20px;}
#secPage .onePos_tour .lightBlueBox {    left: 2%;    top: 7%;   width: 45%;}
#secPage .onePos_tour .lightBlueBox.paymentBox {left: 63%;top: 8.3%; width: 24%;}
#secPage .twoPos_tour{ left: 2.4%; top: 31.1%;}
#secPage .twoPos_tour .popupRigLeftBtn {  left: 40.7%;}
#secPage .twoPos_tour .rounded-middle-forum{ padding-top:0px;}
#secPage .twoPos_tour .imgBorder{ border:10px solid #fff;}
#secPage .twoPos_tour .lightBlueBox{ left: 43%; top: 13.3%; width: 45%;}
#secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%;  top: 8.3%;  width: 24%;}
#secPage .twoPos_tour .lightBlueBox .whiteAro{  left: 47.5%; position: absolute;  top: 79%;}
#secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;}
#secPage .twoPos_tour .iconeActive{  left: 52px;top: -2.5%;}
#secPage .twoPos_tour .imgBorder{ margin-left:0%;}
/*second page css end*/


/* three page css start*/
#threePage .iconeCont a.one{left: 71.5%;top: 28.7%;}
#threePage .iconeCont a.two{left: 16px; top: 52.3%;}
#threePage .onePos_tour{  left: 0%; top: 9.75%;  }
#threePage .onePos_tour .imgBorder{margin: 1px 0 0 1px;}
#threePage .onePos_tour .popupRigLeftBtn { left:39.5%;}
#threePage .onePos_tour .lightBlueBox{ left: 5.8%;  top: 11%; width:74%; background:rgba(35, 107, 123, 0.85)}
#threePage .onePos_tour .lightBlueBox .whiteAro{ left: 97%;  position: absolute; top: 54%;}
#threePage .onePos_tour .iconeActive{ left: 89%;top: 19%;}
#threePage .onePos_tour .rounded-middle-forum{ padding:128px 25px 30px 3px;}
#threePage .twoPos_tour{left: 1.7%;  top: 35.3%;}
#threePage .twoPos_tour .popupRigLeftBtn { left: 32.6%;}
#threePage .twoPos_tour .rounded-middle-forum{ padding-top:183px;}
#threePage .twoPos_tour .imgBorder{ border:10px solid #fff;}
#threePage .twoPos_tour .lightBlueBox{ left: 7%;  top: 20%;  width: 71%;}
 
#threePage .twoPos_tour .lightBlueBox .whiteAro{    left: 16.5%;  position: absolute;  top: 97%;}
#threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;}
#threePage .twoPos_tour .iconeActive{   left: -0.3%; top: 62.5%;}
#threePage .twoPos_tour .imgBorder{ margin-left:1px;}
/*three page css end*/

 

/*four page css end*/
#fourPage .iconeCont a.one{left: 1.4%; top:21%;}
#fourPage .iconeCont a.two{left: 1.6%; top: 25%;}
#fourPage .iconeCont a.three{left: 2%;  top:39%;}
#fourPage .onePos_tour{ left: 1.4%; top: 4.79%;}
#fourPage .onePos_tour .popupRigLeftBtn {  left: 38.67%;}
#fourPage .onePos_tour .rounded-middle-forum{ padding-top:156px;}
#fourPage .onePos_tour .whiteAro {  left: 13%;   top: 91%;}
#fourPage .onePos_tour .lightBlueBox{ left: 12%; top: 12%; width: 64%;}
#fourPage .onePos_tour .iconeActive {  left: -0.5%;   top:34.5%;}
#fourPage .twoPos_tour{ left: 1%; top: 7.8%;}
#fourPage .twoPos_tour .imgBorder{ margin-left:1px;}
#fourPage .twoPos_tour .popupRigLeftBtn {  left:38.9%;}
#fourPage .twoPos_tour .rounded-middle-forum{    padding: 166px 37px 25px;}
#fourPage .twoPos_tour .whiteAro {  left: 13%;   top: 101%;}
#fourPage .twoPos_tour .iconeActive {  left:-0.4%; top: 52%;}
#fourPage .threePos_tour{ left: 1.69%; top:19.2%;}
#fourPage .threePos_tour .popupRigLeftBtn {  left: 38.76%;}
#fourPage .threePos_tour .rounded-middle-forum{ padding-top:193px;}
#fourPage .threePos_tour .whiteAro {  left: 0%;   top:106%; position:absolute;}
#fourPage .threePos_tour .iconeActive { left: -0.3%;  top: 46%;}
#fourPage .threePos_tour .lightBlueBox {    left: 13%;    top: 12%; width:67%;}
/* four page css start*/


/*five page css end*/
#fivePage .iconeCont a.one{   left: 53.5%; top: 12.8%;}
#fivePage .iconeCont a.two{left: 70.5%; top: 12.8%;}
#fivePage .iconeCont a.three{left: 0.5%;  top:54%;}
#fivePage .onePos_tour{left: 9.9%; top: 1.45%; width: 88%;}
#fivePage .onePos_tour .popupRigLeftBtn { left: 40.5%;}
#fivePage .onePos_tour .rounded-middle-forum{ padding-top:80px;}
#fivePage .onePos_tour .whiteAro { left: 102%;  top: 46%; }
#fivePage .onePos_tour .lightBlueBox{left: 4%;   top: 12%;  width:51%;}
#fivePage .onePos_tour .cardDetailsImg{ margin-left:53%;}
#fivePage .onePos_tour .iconeActive {left: 48%; top: 29%;}
#fivePage .twoPos_tour{left:21.6%; top: 1.45%; width:76%;}
#fivePage .twoPos_tour .popupRigLeftBtn {left: 39%;}
#fivePage .twoPos_tour .rounded-middle-forum{ padding-top:80px;}
#fivePage .twoPos_tour .whiteAro { left: 102%; top: 59%}
#fivePage .twoPos_tour .lightBlueBox{ left: 4%;  top: 14%; width: 59%;}
#fivePage .twoPos_tour .iconeActive { left: 63.6%; top: 30.8%;}
#fivePage .twoPos_tour .cardDetailsImg{ margin-left:45.2%;}
 
/* five page css end*/

/* six page css end*/
#sixPage .iconeCont a.one{left: 2%; top: 37%;}
#sixPage .iconeCont a.two{ left: 3%; top: 68.65%;}
#sixPage .iconeCont a.three{left: 0.5%;  top:54%;}
#sixPage .onePos_tour{left: 1.8%; top: 22.8%;}
#sixPage .onePos_tour .popupRigLeftBtn { left: 38.7%;}
#sixPage .twoPos_tour .lightBlueBox {left: 35%; top: 11%; width: 50%;}
#sixPage .onePos_tour .rounded-middle-forum{ padding-top:136px;}
#sixPage .onePos_tour .whiteAro {  left: -36%; top: 29%;}
#sixPage .onePos_tour .lightBlueBox{left: 37.5%;  top: 18%;  width: 48%;}
#sixPage .onePos_tour .iconeActive { left: 0%;  top:46%;}
#sixPage .twoPos_tour{left: 2.3%; top: 52.4%;}
#sixPage .twoPos_tour .popupRigLeftBtn { left: 38.8%;}
#sixPage .twoPos_tour .rounded-middle-forum{ padding-top:156px;}
#sixPage .twoPos_tour .whiteAro {left: -37%; top: 48%;}
#sixPage .twoPos_tour .iconeActive {  left: -0.4%; top: 41.5%;}
/* six page css end*/

/* seven page css start*/
#sevenPage .iconeCont a.one{  left: 1%; top: 51.5%;}
#sevenPage .iconeCont a.two{ left: 1%; top:66.8%;}
#sevenPage .iconeCont a.three{left: 0.5%;  top:54%;}
#sevenPage .onePos_tour{ left: 0.7%; top: 33.4%;}
#sevenPage .onePos_tour .popupRigLeftBtn { left: 38.8%;}
#sevenPage .twoPos_tour .lightBlueBox {left: 36%;  top: 18%;  width: 51%;}
#sevenPage .onePos_tour .rounded-middle-forum{ padding-top:136px;}
#sevenPage .onePos_tour .whiteAro {  left: -34%;  top: 33%;}
#sevenPage .onePos_tour .lightBlueBox{ left: 33.5%;  top: 16%;  width: 50%;}
#sevenPage .onePos_tour .iconeActive { left: 0; top: 41%;}
#sevenPage .twoPos_tour{left: 0.7%; top: 46.2%;}
#sevenPage .twoPos_tour .popupRigLeftBtn { left: 38.8%;}
#sevenPage .twoPos_tour .rounded-middle-forum{ padding-top:156px;}
#sevenPage .twoPos_tour .whiteAro {    left: -36%;  top: 44%;}
#sevenPage .twoPos_tour .iconeActive { left: 0; top: 53%;}
/* seven page css end */

/*start footer */
.footer { bottom: 0; width: 100%;}
.footerImg { text-align:center; background:url(/atwork-resource-center/mx-amex-overlay-cop/MX_AmexOverlayCOPMexicoTutorial_files/images/footerBg.jpg) 0 0 repeat-x;}
.footerImg img{ margin:0 auto;}
.footerBlankStrip{background: #26272b; width:100%;}
.footerCont { color: #b1b2b6; font-size: 13px; padding: 20px 12px;  text-align: right;  z-index: 9999; position:relative;}
/*end footer */

 
@media screen (min-width:240px){
}
@media screen (min-width:320px){
}
@media screen (min-width:480px){
}
@media (min-width:650px) {
	.wrap{ border-color:#000;}
}
@media (min-width:650px) {
	.wrap{ border-color:#000;}
}
@media (min-width:960px) {	
	.wrap{ border-color:#ff0;}
}
@media (min-width:1100px) {
	.wrap{ border-color:#ff00ff}
}
.headMenu .dropdown .dropdown1{ overflow:hidden;}

.headMenu .dropdown .dropdown1 ul li{ width:195px; margin-bottom:10px; padding-bottom:810px; margin-bottom:-800px; border-left:1px solid #54bbd0;  }
.headMenu .dropdown .dropdown1 ul li:first-child{width:115px; padding:0 30px 800px 20px;}
.headMenu .dropdown .dropdown1 ul li.last{ padding-right:0;}
.headMenu .dropdown .dropdown1 ul li.borNone{ border-left:0;}
.fr{float:right;}
.rounded-middle-forum.extPad{padding: 110px 25px 80px;}
#firstPage .onePos_tour .lightBlueBox.split{left: 63%;top: 5%;}
.popupRigLeftBtn.movepopupRigLeftBtn div{margin: 12px 19px 0 10px;}