@charset "utf-8";
.myAccountPageContainer{float:left;width:100%;padding:50px 0}
.myAcTopLinks{background:#ebebeb;padding:18px 25px;margin-bottom:15px}
.myAcTopLinks ul{display:flex;text-align:center;justify-content:space-between;line-height:normal}
.myAcTopLinks ul li{position:relative}
.myAcTopLinks ul li + li:before{position:absolute;width:1px;height:15px;background:#686868;content:"";left:-19px;top:2px}
.myAcTopLinks ul li a{display:inline-block;line-height:normal;text-align:center;font-size:16px;color:#686868;text-decoration:none;background-position:center center}
.myAcTopLinks ul li a:before{background:url(../images/down-arrow.png) center center no-repeat;position:absolute;content:"";width:15px;height:5px;left:50%;bottom:-19px;margin-left:-7px;opacity:0}
.myAcTopLinks ul li a:after{content:'';width:0;height:3px;background:#2d3393;position:absolute;left:0;right:0;margin:auto;bottom:-15px;transition:all .4s}
.myAcTopLinks ul li a:hover{color:#2b3494}
.myAcTopLinks ul li a:hover:after{width:100%}
.myAcTopLinks ul li a:hover:before{opacity:1}
.myAcTopLinks ul li:last-child{margin-right:0}
.myAcTopLinks ul li:last-child a{font-weight:700}
.myAccountMain{width:100%;float:left;background:#F0F0FD;padding:30px}
.myAccountMain .leftMain{width:27%;float:left;display:none}
.myAccountMain .leftMain.active{display:block}
.myAccountMain .leftMain .profileSec{float:left;width:100%}
.myAccountMain .leftMain .profileSec .prImage{width:48px;height:48px;display:inline-block;vertical-align:middle}
.myAccountMain .leftMain .profileSec .prName{display:inline-block;vertical-align:middle;width:calc(100% - 80px);padding-left:15px}
.myAccountMain .leftMain .profileSec .prName strong{font-size:18px;color:#000;line-height:normal;display:inline-block;margin-bottom:5px}
.myAccountMain .leftMain .profileSec .prName span{color:#868686;font-size:18px;line-height:normal;display:block}
.myAccountMain .leftMain .profileSec .prName span img{margin-right:10px;display:inline-block}
.myAccountMain .leftMain .myAcLeftLinks{float:left;width:100%;margin-top:40px}
.myAccountMain .leftMain .myAcLeftLinks ul{padding:0;margin:0;list-style:none}
.myAccountMain .leftMain .myAcLeftLinks li{margin-bottom:10px}
.myAccountMain .leftMain .myAcLeftLinks li a{padding:25px 20px;display:inline-block;width:100%;background:#FFF;border-radius:10px;color:#5A5A5A;font-size:18px;line-height:normal;transition:.5s;text-decoration:none;box-shadow:0 0 25px rgba(0,0,0,0.10)}
.myAccountMain .leftMain .myAcLeftLinks li a:hover{background:#2E3192;transition:.5s;text-decoration:none;color:#fff}
.myAccountMain .leftMain .myAcLeftLinks li.active a{background:#2E3192;color:#fff}
.myAccountMain .rightMain{width:65%;float:right}
.myOrderBoxMain{float:left;width:100%}
.myOrderBoxMain li{width:49%;float:left;margin-bottom:15px;position:relative}
.myOrderBoxMain li .myOrderBox{width:100%;float:left;border-radius:10px;background:#fff;padding:15px 25px}
.myOrderBoxMain li .myOrderBox small{width:100%;float:left;font-size:12px;color:#5A5A5A;line-height:normal;font-weight:500}
.myOrderBoxMain li .myOrderBox h2{width:100%;float:left;font-size:18px;line-height:normal;color:#5A5A5A;font-weight:600;margin-top:5px;display:flex;align-items:center;height:25px}
.myOrderBoxMain li .myOrderBox h2 label{margin-bottom:0}
.myOrderBoxMain li .myOrderBox h2 a{color:#2E3192;font-size:12px;display:inline-block;padding:5px 10px;background:rgba(46,49,146,0.19);line-height:normal;border-radius:20px;margin-left:10px;text-decoration:none;position:relative;top:-2px;cursor:text}
.myOrderBoxMain li .myOrderBox span{width:100%;float:left;font-size:14px;color:#8E8D8D;line-height:normal;margin-top:8px}
.myOrderBoxMain li .myOrderBox span strong{font-weight:600}
.myOrderBoxMain li:nth-child(2n+2){float:right}
.myOrderBoxMain li .clickArrow{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;right:20px}
.ewDetailSec{width:100%;float:left;border-radius:15px;background:#fff;padding:25px 15px 25px 40px;height:500px;overflow:auto}
.ewDetailSec h2{width:100%;float:left;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;line-height:normal;font-size:18px;color:#5A5A5A;font-weight:600}
.ewDetailSec h2 a{position:absolute;left:0}
.ewDetailSec .ewListRowMain{float:left;width:100%}
.ewDetailSec .ewListRowMain .ewListHead{border-top:#e1e1eb solid 1px;border-bottom:#e1e1eb solid 1px;float:left;width:100%;padding:12px 0;margin-top:25px}
.ewDetailSec .ewListRowMain .ewListHead .left{float:left;width:50%;font-size:18px;color:#5A5A5A;font-weight:600;line-height:normal;position:relative}
.ewDetailSec .ewListRowMain .ewListHead .left span{float:left;width:100%;font-size:12px}
.ewDetailSec .ewListRowMain .ewListHead.topHead .left:after{position:absolute;width:1px;height:40px;top:50%;margin-top:-20px;right:0;background:#5A5A5A;content:""}
.ewDetailSec .ewListRowMain .ewListHead .right{float:right;width:50%;text-align:right;font-size:18px;color:#5A5A5A;font-weight:600;line-height:normal}
.ewDetailSec .ewListRowMain .ewListHead .right span{float:left;width:100%;font-size:12px}
.ewDetailSec .ewListRowMain .ewListRow{float:left;width:100%;padding:10px 0;display:flex;justify-content:space-between}
.ewDetailSec .ewListRowMain .ewListRow .left{color:#8E8D8D;font-size:14px}
.ewDetailSec .ewListRowMain .ewListRow .right{color:#000;font-size:14px;font-weight:600;text-align:right}
.ewDetailSec .ewListRowMain .ewListRow.priceTxt .right{color:#2E3192;font-size:19px;text-align:right;line-height:normal}
.ewDetailSec .ewListRowMain .ewListRow.priceTxt .right a{color:#2E3192;font-size:12px;text-decoration:underline;display:block}
.ewDetailSec .ewListRowMain .ewListRow.priceTxt .right a:hover{text-decoration:none}
.ewDetailSec .ewListRowMain .ewDownloadSec{float:left;width:100%}
.ewDetailSec .ewListRowMain .ewDownloadSec strong{font-size:14px;color:#000;display:inline-block;width:100%;margin-bottom:15px}
.ewDetailSec .ewListRowMain .ewDownloadSec ul{display:flex;justify-content:space-between}
.ewDetailSec .ewListRowMain .ewDownloadSec ul li a{color:#2E3192;text-decoration:underline;font-weight:500}
.ewDetailSec .ewListRowMain .ewDownloadSec ul li a:hover{text-decoration:none}
.ewDetailSec .ewListRowMain.addOnPackage .right a{color:#2E3192;text-decoration:underline;font-weight:600;font-size:15px}
.ewDetailSec .ewListRowMain.addOnPackage .right a:hover{text-decoration:none}
.ewDetailSec .canBtn{width:100%;float:left;text-align:center;margin:25px 0 50px}
.ewDetailSec .canBtn a{background:#ebebeb;display:inline-block;padding:10px 50px;color:#2E3192;font-weight:600;font-size:14px;border-radius:5px;text-decoration:none}
.ewDetailSec .canBtn a:hover{background:#2E3192;color:#ebebeb}
.faqMain .mainacrdFaq{float:left;width:100%;margin-bottom:10px;padding:20px 25px;background:#fff;border:#ccc solid 1px}
.faqMain .mainacrdFaq .faqacrdSec{display:none;position:relative;background:#fff;color:#333;border-top:#707070 solid 1px;margin-top:10px}
.faqMain .mainacrdFaq h4{cursor:pointer;background:url(../../images/EW/plus.png) right center no-repeat;display:inline-block;width:100%;font-weight:700;font-size:16px;color:#2c2c2c;padding:5px 0}
.faqMain .mainacrdFaq h4.selected{background:url(../../images/EW/minus.png) right center no-repeat;border-bottom:0}
.faqMain .mainacrdFaq p{margin-top:15px;font-size:16px;color:rgba(0,0,0,0.5);display:inline-block;width:100%}
.screen1{display:none}
.screen1.active{display:block}
.screen2{display:none}
.screen2.active{display:block}
.screen3{display:none}
.screen3.active{display:block}
.blueBtn{display:inline-block}
.blueBtn a{background:#2E3192;display:inline-block;padding:12px 50px;color:#fff;font-weight:600;font-size:14px;border-radius:5px;text-decoration:none;line-height:normal}
.blueBtn a:hover{background:#ebebeb;color:#2E3192}
.whiteBtn{display:inline-block}
.whiteBtn a{background:#ebebeb;display:inline-block;padding:12px 50px;color:#2E3192;font-weight:600;font-size:14px;border-radius:5px;text-decoration:none;line-height:normal}
.whiteBtn a:hover{background:#2E3192;color:#ebebeb}
.cancelExtendPopup .modal-dialog{max-width:400px}
.cancelExtendPopup .modal-dialog .modal-content{min-height:500px;padding:20px;border-radius:10px}
.cancelExtendPopup .modal-dialog .modal-content .close{width:18px;height:18px;position:absolute;right:15px;top:15px}
.cancelExtendPopup .modal-dialog .modal-content .close img{float:left;cursor:pointer}
.cancelExtendPopup .modal-dialog .modal-content .title{font-size:22px;color:#5A5A5A;font-weight:500;line-height:normal;margin-top:5px}
.cancelExtendPopup .modal-dialog .modal-content .title p{font-size:16px;color:#000;line-height:normal;font-weight:400;margin-top:10px}
.cancelExtendPopup .canExtPopSec{float:left;width:100%;margin-top:10px}
.cancelExtendPopup .canExtPopSec .canExtPopRow{line-height:normal;display:flex;justify-content:space-between;margin-top:12px}
.cancelExtendPopup .canExtPopSec .canExtPopRow.totalAmount{border-top:#707070 solid 1px;border-bottom:#707070 solid 1px;padding:10px 0;display:flex;justify-content:space-between;margin-top:15px}
.cancelExtendPopup .canExtPopSec .canExtPopRow.totalAmount .left{color:#000;font-weight:500}
.cancelExtendPopup .canExtPopSec .canExtPopRow.totalAmount .right{color:#000;font-weight:500}
.cancelExtendPopup .canExtPopSec .canExtPopRow.amountRefundable{color:#000;font-weight:600}
.cancelExtendPopup .canExtPopSec .canExtPopRow.amountRefundable .left{color:#000;font-weight:600}
.cancelExtendPopup .canExtPopSec .canExtPopRow.amountRefundable .right{color:#000;font-weight:600}
.cancelExtendPopup .canExtPopSec .canExtPopRow .left{font-size:16px;color:#000}
.cancelExtendPopup .canExtPopSec .canExtPopRow .right{font-size:16px;color:#8E8D8D;font-weight:500}
.cancelExtendPopup .canExtPopSec .canExtPopRow .right b{color:#000}
.cancelExtendPopup .canExtPopSec p{color:#000;font-size:16px}
.cancelExtendPopup .yesNobtns{display:inline-block;width:100%;text-align:center;margin-top:35px}
.viewBreakUpPopup .modal-dialog{max-width:400px}
.viewBreakUpPopup .modal-dialog .modal-content{min-height:500px;padding:20px;border-radius:10px}
.viewBreakUpPopup .modal-dialog .modal-content .close{width:18px;height:18px;position:absolute;right:15px;top:15px}
.viewBreakUpPopup .modal-dialog .modal-content .close img{float:left;cursor:pointer}
.viewBreakUpPopup .modal-dialog .modal-content .title{font-size:22px;color:#2E3192;text-align:center;font-weight:700;line-height:normal;margin-top:5px}
.viewBreakUpPopup .viewBrkPopSec{float:left;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:#e1e1eb solid 1px}
.viewBreakUpPopup .viewBrkPopSec .viewBrkPopRow{line-height:normal;display:flex;justify-content:space-between;margin-top:15px}
.viewBreakUpPopup .viewBrkPopSec .viewBrkPopRow .left{font-size:16px;color:#8E8D8D}
.viewBreakUpPopup .viewBrkPopSec .viewBrkPopRow .right{font-size:16px;color:#8E8D8D;font-weight:500}
.viewBreakUpPopup .viewBrkPopSec .viewBrkPopRow .right b{color:#000}
.viewBreakUpPopup .viewBrkPopSec p{color:#000;font-size:16px}
.viewBreakUpPopup .viewBrkPopSec.loyaltyPointsUsed{margin-top:0;padding-top:10px;padding-bottom:10px;border-bottom:0}
.viewBreakUpPopup .viewBrkPopSec.loyaltyPointsUsed .viewBrkPopRow{margin-top:0}
.viewBreakUpPopup .viewBrkPopSec.loyaltyPointsUsed .viewBrkPopRow .left{line-height:normal}
.viewBreakUpPopup .viewBrkPopSec.loyaltyPointsUsed .viewBrkPopRow .left small{width:100%;color:#000;font-style:italic;display:inline-block}
.viewBreakUpPopup .viewBrkPopSec.totalCost{border-top:#e1e1eb solid 1px;border-bottom:#e1e1eb solid 1px;margin-top:12px;padding-bottom:12px}
.viewBreakUpPopup .viewBrkPopSec.totalCost .viewBrkPopRow{align-items:center;margin-top:12px}
.viewBreakUpPopup .viewBrkPopSec.totalCost .viewBrkPopRow .left{color:#000;font-weight:500}
.viewBreakUpPopup .viewBrkPopSec.totalCost .viewBrkPopRow .right{color:#000;font-size:20px}
.outerprobox{width:42%;margin:0 auto}
.outerprobox p{font-size:15px;line-height:18px;margin:11px 0 0}
.myAccountMainnew{background-color:#fff}
.myAccountMainnew h2{font-size:18px;line-height:21px;font-weight:700;padding:0 0 10px}
.myAccountMainnew p{font-size:16px;color:#000;line-height:24px;margin-bottom:20px;text-align:justify}
.myAccountMainnew .terms-list{font-size:16px;color:#000;line-height:24px;margin-bottom:15px}
.myAccountMainnew .terms-list li{padding-bottom:5px;text-align:justify}
.myOrderTitleMob{display:none}
.checkboxMain{position:absolute;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:50%;margin-top:-12px;left:15px}
.checkboxMain input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:#fff;border-radius:50%;border:#C4C4C4 solid 2px}
.checkboxMain:hover input ~ .checkmark{background-color:#fff;border:#C4C4C4 solid 2px}
.checkboxMain input:checked ~ .checkmark{background-color:#192091;border:#192091 solid 2px}
.checkmark:after{content:"";position:absolute;display:none}
.checkboxMain input:checked ~ .checkmark:after{display:block}
.checkboxMain .checkmark:after{left:6px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.viewDetailBuyNow{display:none}
.radioBtnMain{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radioBtnMain input{position:absolute;opacity:0;cursor:pointer}
.checkmarkBtn{position:absolute;top:0;left:0;height:19px;width:19px;border-radius:50%;border:#C4C4C4 solid 2px}
.radioBtnMain input:checked ~ .checkmarkBtn{background-color:#2E3192;border:#2E3192 solid 2px}
.checkmarkBtn:after{content:"";position:absolute;display:none}
.radioBtnMain input:checked ~ .checkmarkBtn:after{display:block}
.radioBtnMain .checkmarkBtn:after{top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#fff}
.switch{position:relative;display:block;width:50px;height:25px;padding:0;background:linear-gradient(to bottom,#eee,#FFF 25px);background-image:-webkit-linear-gradient(top,#eee,#FFF 25px);border-radius:18px;box-shadow:inset 0 -1px white,inset 0 1px 1px rgba(0,0,0,0.05);cursor:pointer;box-sizing:content-box}
.switch-input{position:absolute;top:0;left:0;opacity:0;box-sizing:content-box}
.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#2E3192;border-radius:inherit;box-sizing:content-box}
.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;transition:inherit;box-sizing:content-box}
.switch-label:before{content:attr(data-off);right:8px;color:#fff;text-shadow:0 1px rgba(255,255,255,0.5)}
.switch-label:after{content:attr(data-on);left:6px;color:#FFF;text-shadow:0 1px rgba(0,0,0,0.2);opacity:0;font-weight:600}
.switch-input:checked ~ .switch-label{background:red}
.switch-input:checked ~ .switch-label:before{opacity:0}
.switch-input:checked ~ .switch-label:after{opacity:1}
.switch-handle{position:absolute;top:1px;left:1px;width:23px;height:23px;border-radius:100%}
.switch-handle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:100%;box-shadow:inset 0 1px rgba(0,0,0,0.02)}
.switch-input:checked ~ .switch-handle{left:26px}
.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}
@media screen and (max-width: 1199px) {
.myAccountMain .leftMain{width:32%}
.myOrderBoxMain li{width:100%}
.myAcTopLinks ul li a{font-size:13px}
.myAcTopLinks ul li + li:before{left:-9px}
}
@media screen and (max-width: 992px) {
.myAcTopLinks{padding-top:50px;padding-left:15px;padding-right:15px;background:#fff;margin-bottom:0}
.myAcTopLinks ul{display:flex;overflow-x:auto;overflow-y:hidden}
.myAcTopLinks ul li{margin-right:20px;white-space:nowrap;position:relative;padding-bottom:10px}
.myAcTopLinks ul li + li:before{display:none}
.myAccountMain .leftMain{width:100%}
.myAccountMain .leftMain .profileSec .prName span{width:100%}
.myAccountMain .rightMain{width:100%}
.myAcTopLinks ul li a{font-size:14px}
.screen1.active{display:none}
.screen1.active.open{display:block}
.myOrderTitleMob{display:block;font-size:18px;color:#5A5A5A;font-weight:500;margin-bottom:20px;line-height:normal}
.myOrderTitleMob a{margin-right:25px}
body{background:#F0F0FD}
.myAccountPageContainer{padding-top:0}
.myAccountPageContainer .container{padding:0;max-width:100%}
.myAccountPageContainer .container .myAccountMain{padding:20px}
}
@media screen and (max-width: 767px) {
.ewDetailSec{padding:20px 5px 20px 15px}
.myAccountMain .leftMain .profileSec{margin-top:30px;margin-bottom:10px}
.myAccountMain .leftMain .myAcLeftLinks li a{font-weight:500;padding:25px}
.myOrderTitleMob{margin-bottom:35px;margin-top:15px}
.ewDetailSec .ewListRowMain .ewDownloadSec ul{display:block}
.ewDetailSec .ewListRowMain .ewDownloadSec ul li{display:inline-block;width:49%;margin-bottom:7px}
.ewDetailSec .ewListRowMain .ewDownloadSec strong{margin-bottom:10px;line-height:normal}
.ewDetailSec .canBtn{margin:20px 0}
.ewDetailSec .ewListRowMain .ewListHead.topHead .left:after{right:-15px}
.ewDetailSec .ewListRowMain .ewDownloadSec ul li a{font-size:13px;white-space:nowrap}
.ewDetailSec .mCSB_inside > .mCSB_container{margin-right:20px}
.outerprobox{width:100%}
.faqMain .mainacrdFaq h4{padding-right:7%}
}
@media screen and (max-width: 479px) {
.ewDetailSec .canBtn a{font-size:14px;width:100%;letter-spacing:-.5px;padding:10px 5px}
.myOrderBoxMain li .myOrderBox h2{display:block;height:inherit}
.myOrderBoxMain li .myOrderBox h2 label{width:100%}
.myOrderBoxMain li .myOrderBox h2 a{margin-left:0;margin-top:8px}
.myOrderBoxMain li .myOrderBox{padding:15px 20px}
.viewBreakUpPopup .modal-dialog .modal-content .title{font-size:17px}
.cancelExtendPopup .modal-dialog .modal-content .title{font-size:18px;text-align:center}
.cancelExtendPopup .modal-dialog .modal-content .title p{text-align:left;font-size:14px}
.cancelExtendPopup .canExtPopSec .canExtPopRow .left{font-size:13px}
.cancelExtendPopup .canExtPopSec .canExtPopRow .right{font-size:13px}
.cancelExtendPopup .yesNobtns{display:flex;justify-content:space-between;margin-top:20px}
.cancelExtendPopup .yesNobtns .whiteBtn{width:49%}
.cancelExtendPopup .yesNobtns .whiteBtn a{width:100%}
.cancelExtendPopup .yesNobtns .blueBtn{width:49%}
.cancelExtendPopup .yesNobtns .blueBtn a{width:100%}
.faqMain .mainacrdFaq{margin-bottom:7px;padding:10px 15px}
.faqMain .mainacrdFaq h4{font-size:14px}
.faqMain .mainacrdFaq p{font-size:14px;margin-top:10px}
}