#frPopup {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: white;
   padding: 50px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   z-index: 10000;
   text-align: center;
 }
 #frOverlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .8);
   z-index: 10000;
   cursor: pointer;
 }
 span.nonfrlinks, #frClosePopup {
   cursor: pointer;
 }
 div#fr-btns {
   margin: 0 auto;
   text-align: center;
 }
 div#fr-btns button#frClosePopup, div#fr-btns a#frBtn-continue {
   max-width: 200px;
   width: 100%;
   margin: 0 10px 10px;
 }
 #frPopup label {
   padding: 15px 0;
   display: inline-block;
   position: relative;
 }
 #frPopup label input#frDontShowAgain {
   margin-right: 6px;
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 #frPopup .checkmark {
   position: relative;
   top: 8px;
   left: -8px;
   height: 23px;
   width: 23px;
   background-color: #eee;
   cursor: pointer;
   display: inline-block;
   margin-right: 0;
 }
 #frPopup input ~ .checkmark {
   border: 1px solid #ccc;
 }
 #frPopup input:checked ~ .checkmark {
   background-color: #76b900;
   border: 1px solid #76b900;
 }
 #frPopup .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 #frPopup input:checked ~ .checkmark:after {
   display: block;
 }
 #frPopup .checkmark:after {
   left: 8px;
   top: 4px;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 #fr-btns button#frClosePopup .btn:hover {
   color: #000;
 }
 div#frClosePopup.fr-close {
   position: absolute;
   top: -10px;
   right: -10px;
   border-radius: 50%;
   background-color: #666;
   width: 20px;
   height: 20px;
 }
 div#frClosePopup.fr-close:after {
   position: absolute;
   content: '';
   width: 30px;
   height: 2px;
   left: 0;
   top: 15px;
   background-color: #667;
   display: block;
   border-radius: 10px;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -ie-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   width: 12px;
   top: 9px;
   left: 4px;
   background-color: #fff;
 }
 div#frClosePopup.fr-close:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 2px;
   top: 15px;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   transform: rotate(135deg);
   background-color: #666;
   display: block;
   border-radius: 10px;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -ie-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   width: 12px;
   top: 9px;
   right: 4px;
   background-color: #fff;
 }
 @media (max-width: 639px) {
   #frPopup {
     padding: 15px;
     width: calc(100% - 50px);
   }
 }
 
 .nv-container--card-dark div#frPopup, .nv-container--theme-dark div#frPopup, .nv-modalcontainer.nv-modal-color--dark div#frPopup, .theme-dark div#frPopup, .theme-geforce div#frPopup {
    color: #fff;
    background-color: #222;
}