.modal{z-index:101; overflow: visible; top: initial; right: initial; bottom: 0;left: 40px; color: #fff; text-align: left;}
.modal-backdrop{z-index:100;}
.modal-dialog {max-width: 750px; position: fixed; bottom: 0; margin: 30px auto 0px; }
.modal-backdrop,.modal-backdrop.fade.in, .modal-backdrop.show {opacity:0.8;filter:alpha(opacity=80);}
.modal-title{font-size: 26px;  font-weight: bold;  color: #ffffff;}
.modal-subtitle{font-size: 16px;  color: #ffffff;  }
#modal-helper .modal-content { background-color: transparent; display: inline-table; border: 0; }

#modal-helper .instruction-steps{margin-top: 35px;margin-bottom: 60px;display: flex;}
#modal-helper .step{display: flex;flex-direction: column;position: relative;z-index: 1;box-sizing: border-box;margin-right: 30px;padding: 30px 19px 20px 19px;border-radius: 5px;width: 220px;text-align: center;background-color: #ffffff;}
#modal-helper .step .heading{    margin-bottom: 135px;font-size: 14px; line-height:1.2; font-weight: 500;color: #000000;}
#modal-helper .step img {max-width: 170px;position: absolute;left: 25px;bottom: 20px;}
#modal-helper .step:before {content: '';position: absolute;top: -17px;left: -17px;display: flex;justify-content: center;align-items: center;width: 46px;height: 46px;-moz-border-radius: 23px;-webkit-border-radius: 23px;border-radius: 23px;font-weight: 600;font-size: 20px;text-align: center;background-color: #F6C856;color: #000;}
#modal-helper .step:first-child{border-bottom-left-radius: 0;}
#modal-helper .step:first-child:before {content: '1';}
#modal-helper .step:nth-child(2):before {content: '2';}
#modal-helper .step:nth-child(2):after {content: '';position: absolute;width: 82px;height: 21px;bottom: 25px;left: 31px;border: 2px solid #ff0000;}
#modal-helper .step:nth-child(3):before {content: '3';}
#modal-helper .step:nth-child(3):after {content: '';position: absolute;width: 48px;height: 21px;bottom: 17px;left: 137px;border: 2px solid #ff0000;}
#modal-helper .step:first-child:after {content: '';position: absolute;left: 0;bottom: -30px;width: 0;height: 0;border-left: 40px solid transparent;border-right: 40px solid transparent;border-top: 30px solid #ffffff;clear: both;}
#modal-helper .step .step1 {left: 5px;top: 100px; max-width: 210px;}
#modal-helper .step span.exe {position: absolute;color: #000;font-size: 10px;top: 117px;left: 46px;}
#modal-helper .arrow {position: absolute;z-index: 2;bottom: -22px;left: 10px;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 22px solid #F6C856;}
#modal-helper .no-download {margin: -46px 30px 35px auto; right: 0; font-size: 14px; color:#aaaaaa;text-align:right; position: absolute; line-height: 1.25em;}
#modal-helper .no-download .download-link {color: #ffffff;}
#modal-helper .no-download .download-link:hover {text-decoration:none;}


#modal-helper.firefox .modal-dialog, #modal-helper.edge .modal-dialog, #modal-helper.chrome .modal-dialog {max-width: 750px; position: fixed; bottom: auto; margin-top: 0; }
#modal-helper.firefox .modal-dialog { right: 670px; }
#modal-helper.edge .modal-dialog, #modal-helper.chrome .modal-dialog { right: 550px; }
#modal-helper.firefox .step:first-child:after, #modal-helper.edge .step:first-child:after, #modal-helper.chrome .step:first-child:after {left: 100%;top: 0;border-top: 59px solid transparent;border-bottom: 60px solid transparent;border-left: 46px solid #ffffff;border-right: none;}
#modal-helper.firefox .arrow, #modal-helper.edge .arrow, #modal-helper.chrome .arrow {top: 25px;left: initial; right: -58px;border-top: 34px solid transparent;border-bottom: 34px solid transparent;border-left: 26px solid #F6C856;height: 0;}
#modal-helper.firefox .instruction-steps, #modal-helper.edge .instruction-steps, #modal-helper.chrome .instruction-steps {flex-direction: column;}
#modal-helper.firefox .no-download, #modal-helper.edge .no-download, #modal-helper.chrome .no-download {margin-top: -75px; left: 0;text-align: left; line-height: 1.25em;}
#modal-helper.firefox.modal, #modal-helper.edge.modal, #modal-helper.chrome.modal {top: 20px;right: 0px;left: initial;}
#modal-helper.firefox .step, #modal-helper.edge .step, #modal-helper.chrome .step {flex-direction: row;border-top-right-radius: unset;border-bottom-right-radius: unset;border-bottom-left-radius: 5px;padding: 20px 5px 20px 25px;margin-right: 0;margin-bottom: 25px;width: 354px;height: 118px;}
#modal-helper.firefox .step img, #modal-helper.edge .step img, #modal-helper.chrome .step img  {max-width: 148px;position: absolute;left: 186px;bottom: 4px;}
#modal-helper.firefox .step:nth-child(2):after, #modal-helper.edge .step:nth-child(2):after, #modal-helper.chrome .step:nth-child(2):after {width: 70px;height: 21px;bottom: 8px;left: 190px;}
#modal-helper.firefox .heading, #modal-helper.edge .heading, #modal-helper.chrome .heading{margin-bottom: 0;margin-right: 27px;align-self: center;width: 120px;font-weight: normal;text-align: left;}
#modal-helper.firefox .step:nth-child(3):after, #modal-helper.edge .step:nth-child(3):after, #modal-helper.chrome .step:nth-child(3):after {bottom: 0px;left: 281px;}

#modal-helper.firefox .step .step1 {left: 150px;top: 16px;max-width: 190px;}
#modal-helper.firefox .step span.exe {font-size: 8px;top: 45px;left: 180px;}

#modal-helper.edge .step .step1 {left: 152px;top: 12px;max-width: 190px;}
#modal-helper.edge .step span.exe {font-size: 8px;top: 62px;left: 177px;}

#modal-helper.chrome .step .step1 {left: 152px;top: 12px;max-width: 190px;}
#modal-helper.chrome .step span.exe {font-size: 10px;top: 54px;left: 184px;}

#modal-helper.no-redirect .modal-dialog { bottom: -50px; }
#modal-helper.no-redirect.firefox .modal-dialog, #modal-helper.no-redirect.edge .modal-dialog, #modal-helper.no-redirect.chrome .modal-dialog { top: 60px; bottom: auto; }

.d-none { display: none; }
.d-block { display: block; }