/* css for pop-up*/
.age-pop-up .pop-cont { padding: 15px; }
.verify { padding: 40px 60px 10px 60px; }
.verify p.small { color: #fff; text-transform: none; font-size: 22px; }
.verify img, .notverify img { border: 0; vertical-align: top; max-width: 100%; height: auto; background: #fff; }
.age-pop-up p.title {margin: 0px;padding: 15px 0;font-size: 24px;text-transform: uppercase;color: #fff;background: #1979c3;font-weight: bold;}
.pop-cont .buttons-set .button {text-transform: uppercase;margin: 0 5px;font-size: 16px;background: #1979c3;padding: 13px 28px;text-decoration: none;display: inline-block;transition: 300ms all 0s;-webkit-transition: 300ms all 0s;line-height: 0.8;border: 0;}
.pop-cont .buttons-set .button.valid-age {color: #fff;}
.pop-cont .buttons-set .button.not-valid-age {background: #ee0711;color: #fff;}
.pop-cont p.small {display: block;text-align: center;font-size: 16px;color: #ccc;margin: 0;font-weight: bold;padding: 10px;}
.not-verify {min-width: 500px;padding: 10px 0;}
.notverify-txt {font-size: 20px;margin: 13px auto;color: #fff;max-width: 200px;padding: 6px 0 6px 0;border-top: 2px solid #fff;-webkit-border-top: 2px solid #fff;}
.age-pop-up { background: transparent; text-align: center;display: none;}
.pop-popup-content .buttons-set {border: none;margin: 0;padding: 25px 0 0 0;}
#enter:hover {cursor: pointer;}
.cms-page-view .age-pop-up,cms-index-index .age-pop-up {display: none;}
.cms-page-view .not-verify,cms-index-index .not-verify {display: none;}
.cancel-icon {background: url(../images/dialog_cancel.png) left top no-repeat;padding: 20px;float: left;}
.notverify p {position: relative;color: #fff;font-size: 15px;text-align: center;line-height: 1.42857;}
.popup-logo img {width: 200px;}
.modal-popup.ageverification-poup .modal-inner-wrap {background: rgba(0, 0, 0, 0.9);padding: 0px;color: #393939;z-index: 10000;min-height: 100px;text-align: center;width: auto;font-size: 14px;position: fixed;top: 40%;left: 50%;right: auto;opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-50%) translateY(-50%) scale(0);-moz-transform: translateX(-50%) translateY(-50%) scale(0);-ms-transform: translateX(-50%) translateY(-50%) scale(0);-o-transform: translateX(-50%) translateY(-50%) scale(0);transform: translateX(-50%) translateY(-50%) scale(0);visibility: hidden;-webkit-visibility: hidden;-webkit-transition: 1.5s all 0s;-moz-transition: 1.5s all 0s;-ms-transition: 1.5s all 0s;-o-transition: 1.5s all 0s;transition: 1.5s all 0s;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*.modal-popup.ageverification-poup .modal-inner-wrap {-webkit-transform: translateX(-50%) translateY(-50%) scale(1);-webkit-transition: 1.5s all 0s;}*/
}
.modal-popup.ageverification-poup._show .modal-inner-wrap {-webkit-transform: translateX(-50%) translateY(-50%) scale(1);-moz-transform: translateX(-50%) translateY(-50%) scale(1);-ms-transform: translateX(-50%) translateY(-50%) scale(1);-o-transform: translateX(-50%) translateY(-50%) scale(1);transform: translateX(-50%) translateY(-50%) scale(1);opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-visibility: visible;margin: 0;}
.modal-popup.ageverification-poup .modal-footer button,.modal-popup.ageverification-poup .action-close {display: none !important;}
.modal-popup.ageverification-poup._show .modal-inner-wrap {background: transparent;}
.modal-popup.ageverification-poup .modal-content {background: rgba(0, 0, 0, 0.9);padding: 0;}
.popup-logo {text-align: center;font-size: 30px;color: #fff;padding: 16px 0px;}
.notverify .notverify-text-desc {position: relative;color: #fff;font-size: 22px;text-align: center;line-height: 1.42857;padding-top: 10px;}
.modal-popup.ageverification-poup._show {-webkit-visibility: visible;visibility: visible;}
.modal-popup.ageverification-poup .modal-footer,.modal-popup.ageverification-poup .modal-header {display: none;}

/* All mobile - design for a width of less than 768px*/
@media only screen and (max-width:767px) {
    .modal-popup.ageverification-poup .modal-inner-wrap {max-width:90%;}
    .verify {min-width: 350px;padding-top: 0;}.notverify {min-width: 170px;padding: 20px 0;}
    .age-pop-up p.title {font-size: 24px;}
    .pop-cont .buttons-set {padding: 5px 0 0 0;}.pop-cont .buttons-set .button {padding: 14px 12px;font-size: 14px;}
    .notverify-txt {font-size: 16px;max-width: 150px;}
    .notverify p {padding: 0;}.notverify p::before {font-size: 36px;}
    .not-verify {min-width: 200px;padding: 10px 0;}
    .notverify .notverify-text-desc {font-size: 17px;}
    .cancel-icon {background-size: 35px;}
}

/* Mobile (Landscape) - design for a width of 480px*/
@media only screen and (min-width:480px) and (max-width:767px) {
    .pop-cont .buttons-set .button {padding: 13px 12px;font-size: 14px;}
    .notverify p {position: relative;color: #fff;font-size: 15px;text-align: center;line-height: 1.429;padding: 3px;}
    .pop-cont p.small {font-size: 12px;line-height: 18px;}
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .age-pop-up img {max-width: 150px;}
    .verify {min-width: 280px;padding-top: 0;}.notverify {min-width: 280px;}
    .pop-cont .buttons-set {padding: 14px;}
    .pop-cont .buttons-set .button {box-sizing: border-box;margin: 0;width: 49%;font-size: 13px;}
    .age-pop-up .title {font-size: 20px;}
    .pop-cont .buttons-set .button {padding: 14px;}
    .pop-cont p.small {font-size: 12px;line-height: 18px;}
    .pop-cont p.small br {display: none;}
    .age-pop-up {width: 280px;}
    .notverify p {position: relative;color: #fff;font-size: 15px;text-align: center;line-height: 1.429;padding: 3px;}
}



/* Custom CSS for Age Verification Popup */
.verify, .not-verify { padding: 50px 40px 60px 40px; background: #072426; }
.pop-cont .buttons-set .button.not-valid-age { background: #ed6f42; color: #fff; padding: 20px; margin-top: 10px; font-weight: bold; font-size: 2rem; }
.popup-logo { background: url('/media/logo/stores/1/SGC-logox1_1.png') no-repeat center center; background-size: contain; padding: 20px 0; font-size: 0; height: 90px; }
.notverify-txt { border-top: 0; }