/* -- Start Swell Page css Template -- */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes swellswing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swellswing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* -- End Swell Page css Template -- */ :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(255, 255, 255, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(225, 225, 225, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .subtext12{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em) { .subtext12{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .subtext12{font-size:calc(12rem/16) ;line-height:1.50 }} div.element > .childelement{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { div.element > .childelement{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { div.element > .childelement{font-size:calc(16rem/16) ;line-height:1.50 }} .PriceHeader_Shopstart{--header-color:rgba(64, 128, 2, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .PriceHeader_Shopstart{font-size:calc(16rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) { .PriceHeader_Shopstart{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .PriceHeader_Shopstart{font-size:calc(16rem/16) ;line-height:1.50 }} .headerHeight{height:50.00px ;}@media only screen and (min-width:40em){.headerHeight{height:50.00px }}@media only screen and (min-width:64em){.headerHeight{height:700.00px }} .cHeader .menuPosition{position: absolute ;z-index:1 ;top:unset ;bottom:68px ;left:unset ;right:unset ;} .headerBG{background-image:url('') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.headerBG{background-attachment:scroll!important}} .breadcrumpMargin{margin-top:1rem ;margin-right:1.25rem ;margin-bottom:1.25rem ;margin-left:1.25rem ;} .breadcrumpBG{background-color:rgba(204, 204, 204, 0.50) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.breadcrumpBG{background-attachment:scroll!important}} .breadcrumpMargin2{margin-bottom:1.25rem ;} .articleBorder{border-color:rgba(153, 153, 153, 1.00) rgba(153, 153, 153, 1.00) rgba(153, 153, 153, 1.00) rgba(153, 153, 153, 1.00) ;border-width:3px ;border-style:solid ;} .roundarticles{border-radius:10px 10px 10px 10px ;} .bgShopstartArticle{background-color:rgba(230, 230, 230, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgShopstartArticle{background-attachment:scroll!important}} .bgShopstartArticle{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:20.00px ;padding-left:10.00px ;}@media only screen and (min-width:40em){.bgShopstartArticle{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:20.00px ;padding-left:10.00px }}@media only screen and (min-width:64em){.bgShopstartArticle{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:20.00px ;padding-left:10.00px }} .bgShopstartArticle{border-radius:10px 10px 10px 10px ;} .bgShopstartTextarea{background-color:rgba(255, 255, 255, 0.50) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgShopstartTextarea{background-attachment:scroll!important}} .bgArticleTextarea{background-color:rgba(255, 255, 255, 0.50) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgArticleTextarea{background-attachment:scroll!important}} .bgArticleTextarea{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px ;}@media only screen and (min-width:40em){.bgArticleTextarea{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }}@media only screen and (min-width:64em){.bgArticleTextarea{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }} .bgArticleTextarea{border-radius:10px ;} .borderArticleArea{border-color:rgba(51, 51, 51, 1.00) ;border-width:1px ;border-style:solid ;} .borderArticleArea{border-radius:10px 10px 10px 10px ;} .borderArticleArea{padding-top:0.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px ;}@media only screen and (min-width:40em){.borderArticleArea{padding-top:0.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }}@media only screen and (min-width:64em){.borderArticleArea{padding-top:0.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }} .bgArticlePreis{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgArticlePreis{background-attachment:scroll!important}} .padding10_10_10_10{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px ;}@media only screen and (min-width:40em){.padding10_10_10_10{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }}@media only screen and (min-width:64em){.padding10_10_10_10{padding-top:10.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }} .padding0_10_10_10{padding-top:0.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px ;}@media only screen and (min-width:40em){.padding0_10_10_10{padding-top:0.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }}@media only screen and (min-width:64em){.padding0_10_10_10{padding-top:0.00px ;padding-right:10.00px ;padding-bottom:10.00px ;padding-left:10.00px }} .padding0_10_10_10{border-radius:10px ;} .separator{background-color:rgba(102, 102, 102, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.separator{background-attachment:scroll!important}} .marginBottom{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:5.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.marginBottom{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:5.00% ;margin-left:0.00% }}@media only screen and (min-width:64em){.marginBottom{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:5.00% ;margin-left:0.00% }} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(204, 204, 204, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(203, 67, 30, 0.50);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu a, .menu.mobile-menu a{--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-menu>.menu .menu-text, .menu.mobile-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu>li>a, .menu.mobile-menu>li>a{padding-top:1rem;padding-bottom:1rem} .mobile-menu>.menu .submenu>li>a, .menu.mobile-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mobile-menu>.menu li.active>a, .mobile-menu>.menu li.is-active>a, .mobile-menu>.menu a.is-active, .menu.mobile-menu li.active>a, .menu.mobile-menu li.is-active>a, .menu.mobile-menu a.is-active{--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mobile-menu>.menu .submenu, .menu.mobile-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu .menu-text, .menu.mobile-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .hero{background-image:url('../grill02-framed_files/bgimage-10-DDF.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:right center ;background-attachment:scroll ;background-origin:padding-box ;background-blend-mode:screen ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} .hero-overlay{background-color:var(--overlay-color) ;} .hero-overlay{height:50vh ;} @media only screen and (min-width:40em){.hero-overlay{height:75vh }}@media only screen and (min-width:64em){.hero-overlay{height:75vh }} h1{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .mymenu{position: absolute !important;z-index:5 !important;top:unset !important;bottom:0px !important;left:unset !important;right:unset !important;} .burger{position: absolute ;z-index:1 ;top:10px ;bottom:unset ;left:10px ;right:unset ;} .mobile-menu-wrapper{height:100% ;} .hero-header{display:inline-block;white-space:nowrap} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .mymenu{font-size:calc(18rem/16) }} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .mymenu{font-size:calc(18rem/16) }} .menuBG{background-color:rgba(102, 102, 102, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.menuBG{background-attachment:scroll!important}} .hero-header-pos{position: absolute ;z-index:1 ;top:unset ;bottom:25% ;left:unset ;right:unset ;transform:translateX(-50%) ;} .warning{background-color:rgba(251, 2, 7, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.warning{background-attachment:scroll!important}} .warningwhite{color:rgba(255, 255, 255, 1.00) !important;} .waringstyle{font-size:calc(24rem/16) ;font-weight:800 ;line-height:1.50 ;}@media only screen and (min-width:40em) { .waringstyle{font-size:calc(22rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .waringstyle{font-size:calc(20rem/16) ;line-height:1.50 }} .menurounding{border-radius:10px ;} .posLEFT{position:fixed ;z-index:1 ;top:unset ;bottom:unset ;left:0px ;right:unset ;} #stacks_in_193_130 { margin: 20px 0px 0px 50px; } /* -- Start Header Pro Each css Template 770 & 440-- */ #stacks_in_193_147 { text-align: left !important; } .stacks_in_193_147_inner_sanctum{ font-size: 100% !important; } @media only screen and (max-width: 770px) { #stacks_in_193_147 { text-align: left !important; } .stacks_in_193_147_inner_sanctum{ font-size: 100% !important; } } @media only screen and (max-width: 400px) { #stacks_in_193_147 { text-align: left !important; } .stacks_in_193_147_inner_sanctum{ font-size: 100% !important; } } .stacks_in_193_147_pro_text{ display: inline-block !important; position:relative; box-sizing: border-box; } /* -- End Header Pro Each css Template -- */ #stacks_in_193_147 { margin: 0px 0px 0px 50px; } #stacks_in_193_148 { font-weight: bold; } .spacerStack { height: 2.00px; } #spacerStackstacks_in_193_82 { height: 2.00px; } @media print { #spacerStackstacks_in_193_82 { display: none !important; } } .hp_stacks_in_2 .hp-bg-layer { background-color : rgba(255, 255, 255, 0.00); background-image : url(../grill02-framed_files/backgroundImage-2.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .hp_stacks_in_2 .hp-fg-layer { } .hp_stacks_in_2 .hp-fg-layer .hp-section { } .hp_stacks_in_2 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_2 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_2 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_2 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_2 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_2 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_2 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_2 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_2 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_2 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_137 { height: 40.00px; } @media print { #spacerStackstacks_in_137 { display: none !important; } } /* -- Start The hipe titles Each css Template -- */ #stacks_in_136 .clip, #stacks_in_136 .clip_no { font-size: 125px !important; font-family: title_safe_font_selector !important; font-style: none !important; text-transform: none !important; letter-spacing: 0px !important; word-spacing: 0px !important; line-height: 115px !important; filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.25)) !important; font-family: "Arial", sans-serif !important; font-weight: 400 !important; %%[[if edit]]%% } /* added style to P to fix issue in foundaiton */ #stacks_in_136 .clip p, #stacks_in_136 .clip_no p { %%[[if !edit]]%% font-family: title_safe_font_selector !important; font-family: "Arial", sans-serif !important; font-weight: 400 !important; %%[[if edit]]%% } /* prevent issue in Foundation theme and some stacks */ #stacks_in_136 p { font-size: 125px !important; line-height: 115px !important;} #stacks_in_136 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} #stacks_in_136 .clip_no, #stacks_in_136 .clip_no p { color: rgba(15, 128, 255, 1.00) !important; } #stacks_in_136 .left-side-hide { } #stacks_in_136 .clip, #stacks_in_136 .clip p { -moz-background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; background-position: left center !important; background-size: cover !important; } #stacks_in_136 .clip p, #stacks_in_136 .clip_no p { margin: 0 !important; padding-top: 540px !important; padding-left: 0px !important; padding-right: 0px !important; } #stacks_in_136 .clip, #stacks_in_136 .clip p, #stacks_in_136 .clip_no, #stacks_in_136 .clip_no p { text-align: center; text-align: center !important; } #stacks_in_136 .clip, #stacks_in_136 .box_left { background-position: left center !important; background-size: cover !important; } #stacks_in_136 .viewport-animation-1, #stacks_in_136 .viewport-animation-2, #stacks_in_136 .viewport-animation-3, #stacks_in_136 .viewport-animation-4 { display: !important; } #stacks_in_136 .box_left, #stacks_in_136 .clip { background-position: left center !important; background-size: cover !important; background-image: url(../grill02-framed_files/clipping_text_image-136.png) !important; } /* Hype CSS */ #stacks_in_136 .cursor_ew-resize_style, #stacks_in_136 .cursor_ew-resize_style:hover { cursor:ew-resize !important; } #stacks_in_136 .cursor_style_fix_col, #stacks_in_136 .cursor_style_fix_col [class^="fa fa-"], #stacks_in_136 .cursor_style_fix_col [class*="fa fa-"] { color: #9e9e9e !important; } #stacks_in_136 .cursor_style_fix_col:hover, #stacks_in_136 .cursor_style_fix_col [class^="fa fa-"]:hover, #stacks_in_136 .cursor_style_fix_col [class*="fa fa-"]:hover { color: #f6f6f6 !important; } #stacks_in_136 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_136 .move_slide_viewport_symbol { } #stacks_in_136 .move_hide_enlarge_viewport_symbol { margin-top: 50px !important; } #stacks_in_136 .button-stats:hover, .button-stats:hover {background-color: #262626 !important; } /* hype element */ #stacks_in_136 .image_bg_hype { %%[[if !edit]]%% filter: contrast(150%) brightness(100%) grayscale(0%) blur(10px) !important; -webkit-filter: contrast(150%) brightness(100%) grayscale(0%) blur(10px) !important; opacity: 100 !important; background: url(../grill02-framed_files/background_image_disk-136.png) !important; background-repeat: no-repeat !important; background-position: left center !important; %%[[if edit]]%% } #stacks_in_136 .image_bg_in_out { } #stacks_in_136 .image_bg_overlay_hype { } #stacks_in_136 .image_bg_overlay_hype { } #stacks_in_136 .wrapper_link {display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; %%[[if edit]]%% display:none; } #stacks_in_136 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; padding: 1px 0 0 !important; } /* fix offset repeat in EX padding top */ #stacks_in_136 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_regular_39-webfont.svg#cordial_proregregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_semibold_38-webfont.svg#cordial_prosemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_medium_38-webfont.svg#cordial_promedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_light_59-webfont.svg#cordial_prolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_bold_69-webfont.svg#cordial_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.svg#cordial_pro_inlineBdrounded') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../grill02-framed_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../grill02-framed_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.svg#cordial_pro_cherryBdrounded') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rubik_mono_oneregular'; src: url('../grill02-framed_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.svg#rubik_mono_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../grill02-framed_files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../grill02-framed_files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../grill02-framed_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../grill02-framed_files/webfonts/abel/abel-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/abel/abel-regular-webfont.svg#abelregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../grill02-framed_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../grill02-framed_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../grill02-framed_files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../grill02-framed_files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../grill02-framed_files/webfonts/signika/signika-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../grill02-framed_files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/rochester/rochester-regular-webfont.svg#rochesterregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../grill02-framed_files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/playfair/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/playfair/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../grill02-framed_files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../grill02-framed_files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../grill02-framed_files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../grill02-framed_files/webfonts/viga/viga-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../grill02-framed_files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../grill02-framed_files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../grill02-framed_files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../grill02-framed_files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../grill02-framed_files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../grill02-framed_files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../grill02-framed_files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../grill02-framed_files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal;font-style: normal; } /* @end */ /* ex preview */ /* DEMO simulator */ /* UI descript COMPACT */ #stacks_in_136 .HYPE_document, #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { } /* 1A responsive - desktop and full width ____ */ #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { max-width: 1200px !important; height: 200px !important; } @media only screen and (min-width: 1400px) { #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { max-width: 1200px !important; height: 200px !important; } #stacks_in_136 .brk_info:after { content: "WIDE \f108 + 4BP"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } @media only screen and (max-width: 1400px ) { #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { height: 200px !important; } #stacks_in_136 .brk_info:after { content: "1 \f109"; -webkit-animation: scale-css 0.35s ease-in-out both !important; animation: scale-css 0.35s ease-in-out both !important; } } /* 2B */ @media only screen and (max-width: 1000px ) { #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { height: 200px !important; } #stacks_in_136 .brk_info:after { content: "2 \f2d0"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } /* 3C */ @media only screen and (max-width: 700px ) { #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { height: 200px !important; } #stacks_in_136 .brk_info:after { content: "3 \f10a"; -webkit-animation: scale-css 0.35s ease-in-out both !important; animation: scale-css 0.35s ease-in-out both !important; } } /* 4D */ @media only screen and (max-width: 410px ) { #stacks_in_136 .back_wrapper_8573, #stacks_in_136 .wrapper_8573 { height: 200px !important; } #stacks_in_136 .brk_info:after { content: "4 \f10b"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } /* -- End EACH CSS Template -- */ #stacks_in_136 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0px 0px 50px 0px; } /* -- Start Header Pro Each css Template 770 & 440-- */ #stacks_in_182 { text-align: center !important; } .stacks_in_182_inner_sanctum{ font-size: 100% !important; } @media only screen and (max-width: 770px) { #stacks_in_182 { text-align: center !important; } .stacks_in_182_inner_sanctum{ font-size: 100% !important; } } @media only screen and (max-width: 400px) { #stacks_in_182 { text-align: center !important; } .stacks_in_182_inner_sanctum{ font-size: 100% !important; } } .stacks_in_182_pro_text{ display: inline-block !important; position:relative; box-sizing: border-box; } /* -- End Header Pro Each css Template -- */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_271 { height: 40.00px; } @media print { #spacerStackstacks_in_271 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_282 { height: 40.00px; } @media print { #spacerStackstacks_in_282 { display: none !important; } } #stacks_in_156 { padding: 0px 30px 0px 30px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_156_2.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_156_2.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_156_2.is-active.semantic-content {display: block\9;} #popBox_stacks_in_156_2.semantic-content:target {display: block\9;} #popBox_stacks_in_156_2.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_156_2.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_156_2.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 500px; } #popBox_stacks_in_156_2.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_156_2 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_156_2 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_156_2.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_156_2 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_156_2 .closeIcon:hover { color: #333333; } #popBox_stacks_in_156_2 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_156_2 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_156_2.semantic-content .widthPercentageOff .modal-inner { width: 900px; min-width: 900px; max-width: 900px; } #popBox_stacks_in_156_2.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_156_2.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_156_2.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_156_2.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_156_2.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_156_2.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_156_2.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_156_2 .imageType2 svg { display: none; } #popBox_stacks_in_156_2 .closeIcon img { display: none; } #popBox_stacks_in_156_2 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_156_2.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_156_2.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_156_2.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_156_2.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_156_2 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_156_2.popBoxStyleDemo .modal-content { height: 500px; } #popBox_stacks_in_156_2.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_156_2.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 900px; min-width: 900px; max-width: 900px; margin: 0 auto; } #popBox_stacks_in_156_2.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_156_2.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_156_2.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_156_2.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_156_2.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_156_2 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ #popBox_stacks_in_156_2.semantic-content .modal-inner { overflow: visible; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); background: #DDDDDD; } #popBox_stacks_in_156_2 .closeIcon { border: 4px solid #DDDDDD; border-radius: 50%; width: 30px; height: 30px; text-align: center; margin-top: -30px; } #popBox_stacks_in_156_2 .modal-inner .closeIcon { background: #FFFFFF; } #popBox_stacks_in_156_2 .modal-inner .closeText { background: transparent; } #popBox_stacks_in_156_2 .popBoxHeader .closeIcon { background: #FFFFFF; } #popBox_stacks_in_156_2 .closeIcon svg { height: 30px; } #popBox_stacks_in_156_2 .closeIcon img { height: 30px; width: 30px; border-radius: 50%; } #popBox_stacks_in_156_2.semantic-content .popBoxHeader { border-width: 0px 0px 4px 0px; border-color: #DDDDDD; } #popBox_stacks_in_156_2.semantic-content .modal-content { border: 4px solid; border-width: 0px; } #popBox_stacks_in_156_2.semantic-content .popBoxFooter { border-width: 4px 0px 0px 0px; border-color: #FFFFFF; } /* Transparent */ .spacerStack { height: 20.00px; } #spacerStackstacks_in_156_12 { height: 20.00px; } @media print { #spacerStackstacks_in_156_12 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_270 { height: 40.00px; } @media print { #spacerStackstacks_in_270 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_190 { height: 40.00px; } @media print { #spacerStackstacks_in_190 { display: none !important; } } /* -- Start Header Pro Each css Template 770 & 440-- */ #stacks_in_188 { text-align: center !important; } .stacks_in_188_inner_sanctum{ font-size: 100% !important; } @media only screen and (max-width: 770px) { #stacks_in_188 { text-align: center !important; } .stacks_in_188_inner_sanctum{ font-size: 100% !important; } } @media only screen and (max-width: 400px) { #stacks_in_188 { text-align: center !important; } .stacks_in_188_inner_sanctum{ font-size: 100% !important; } } .stacks_in_188_pro_text{ display: inline-block !important; position:relative; box-sizing: border-box; } /* -- End Header Pro Each css Template -- *//* PaySnap v.3.0.4 Stylesheet (START) */ #paysnap-debug-wrap { background-color: rgba(0,0,0,0.30); padding:8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: auto; } #paysnap-debug { background-color: white; padding: 20px; border-radius: 5px; border: 4px solid rgba(0,0,0.5); color: #333333; } .ps-error { background: repeating-linear-gradient( 45deg, #fee9ea, #fee9ea 10px, #fcd4d5 10px, #fcd4d5 20px ); border: 2px dashed #e6494a; border-radius: 4px; color: #e6494a; text-align: center; text-transform: uppercase; margin:8px 0; } .ps-error p { width:auto; padding:2px 6px; background:#E6494A; color:#ffffff; font-size:12px; font-weight:bold; border-radius:24px; border: solid 2px #E6494A; text-align:center; display:inline-block; } .btn-paysnap{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn-paysnap:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-paysnap:hover, .btn-paysnap:focus { color: #333333; text-decoration: none; } .btn-paysnap:active, .btn-paysnap.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-paysnap.disabled, .btn-paysnap[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-paysnap.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-paysnap.btn-sm, .btn-paysnap.btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-paysnap.btn-xs { padding: 1px 5px; } .btn-paysnap.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } /* .btn-paysnap.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-paysnap.btn-danger:hover, .btn-paysnap.btn-danger:focus, .btn-paysnap.btn-danger:active, .btn-paysnap.btn-danger.active, .open .dropdown-toggle.btn-paysnap.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .btn-paysnap.btn-danger:active, .btn-paysnap.btn-danger.active, .open .dropdown-toggle.btn-paysnap.btn-danger { background-image: none; } .btn-paysnap.btn-danger.disabled, .btn-paysnap.btn-danger[disabled], fieldset[disabled] .btn-paysnap.btn-danger, .btn-paysnap.btn-danger.disabled:hover, .btn-paysnap.btn-danger[disabled]:hover, fieldset[disabled] .btn-paysnap.btn-danger:hover, .btn-paysnap.btn-danger.disabled:focus, .btn-paysnap.btn-danger[disabled]:focus, fieldset[disabled] .btn-paysnap.btn-danger:focus, .btn-paysnap.btn-danger.disabled:active, .btn-paysnap.btn-danger[disabled]:active, fieldset[disabled] .btn-paysnap.btn-danger:active, .btn-paysnap.btn-danger.disabled.active, .btn-paysnap.btn-danger[disabled].active, fieldset[disabled] .btn-paysnap.btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-paysnap.btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-paysnap.btn-success:hover, .btn-paysnap.btn-success:focus, .btn-paysnap.btn-success:active, .btn-paysnap.btn-success.active { color: #ffffff; background-color: #47a447; border-color: #398439; } .btn-paysnap.btn-success:active, .btn-paysnap.btn-success.active { background-image: none; } .btn-paysnap.btn-success.disabled, .btn-paysnap.btn-success[disabled] { background-color: #5cb85c; border-color: #4cae4c; } */ .btn-paysnap.paysnap-co-btn { display: block; padding: 12px 24px; margin-bottom: 0; font-size: 18px; font-weight: normal; line-height: 1.33; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; width: 100%; padding-right: 0; padding-left: 0; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #paysnap-cart-empty { padding: 10px 10px; font-size: medium; margin-top:60px; color:#3C3C3C; text-align: center; } #paysnap-contents { clear: left; position: relative; height: 200px; } div.paysnap-content { height: 200px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 100%; overflow-x: hidden; } #paysnap-cart { width: 100%; height: 200px; overflow:hidden; } div.paysnap-content table { width: 100%; border-spacing: 0; } #paysnap-cart-contents { width: 100%; height: 200px; max-height: 200px; overflow: auto; overflow-x: hidden; padding:0; } /* clearfix hacks */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } .paysnap-row-two { margin-top:6px; } /* @end */ @media screen and (max-device-width: 480px){ /* All iPhone only CSS goes here */ #paysnap-container { left:10px; } } label.paysnap-label{ font-weight:bold; display: block; } #stacks_in_139_2 .ydps-debug { border-radius: 5px; border: 1px dashed silver; padding: 20px; background: #fff; } /* Custom Start */ #paysnap-cart-contents { background-color: rgba(255, 255, 255, 1.00); border-width:0; } #paysnap-cart .paysnap-product-name { color: rgba(0, 0, 0, 1.00); font-size: 14px; } #paysnap-cart .paysnap-product-details { color: rgba(0, 0, 0, 0.50); font-size: 12px; /* line-height: 12px; */ } #paysnap-cart .paysnap-row-total { color: rgba(82, 139, 255, 1.00); font-size: 12px; line-height: 14px; } #paysnap-cart td.paysnap-delete { font-size: 14px; color: rgba(0, 0, 0, 0.35); } .yd-overlay { background-color: rgba(0, 0, 0, 0.50); background: rgba(0, 0, 0, 0.50); z-index: 100000; } .yd-modal { font-family: -apple-system,BlinkMacSystemFont,sans-serif; z-index: 100001; } .yd-modal .yd-header { background-color: rgba(0, 0, 0, 1.00); background: rgba(0, 0, 0, 1.00); } /* #ps-details-modal .yd-header { background-color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 1.00); } */ .yd-content { background: rgba(255, 255, 255, 1.00); } .yd-modal-close { color: rgba(255, 255, 255, 0.75); } .paysnap-total-cost { color: rgba(255, 255, 255, 1.00); font-size: 36px; line-height: 40px; font-weight: 600; } .paysnap-total-qty, .paysnap-total-label { color: rgba(255, 255, 255, 0.50); font-size: 16px; line-height: 20px; font-weight: 500; } .yd-header > h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 22px; } .yd-footer { border-top-color: rgba(0, 0, 0, 0.25); } .paysnap-footer-text { color: rgba(0, 0, 0, 0.50); font-size: 12px; line-height: 16px; font-weight: normal; text-align: center; } .paysnap-error-message { margin-top: 5px; color: rgb(220, 39, 39); font-size: 13px; line-height: 17px; } .paysnap-pay-button-wrapper { font-family: -apple-system,BlinkMacSystemFont,sans-serif; } .paysnap-pay-button.paysnap-paypal-co-btn { cursor: pointer; border: 0; width: 100%; text-align: center; height: 40px; box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07); border-radius: 6px 6px 6px 6px; font-size: 16px; font-weight: 600; background-color: rgba(15, 96, 205, 1.00); color: rgba(255, 255, 255, 1.00); } .paysnap-pay-button.paysnap-paypal-co-btn:focus { outline: none; box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.30), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.30); } .paysnap-pay-button.paysnap-cc-co-btn { cursor: pointer; border: 0; width: 100%; text-align: center; height: 40px; box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07); border-radius: 6px 6px 6px 6px; font-size: 16px; font-weight: 600; background-color: rgba(15, 96, 205, 1.00); color: rgba(255, 255, 255, 1.00); } .paysnap-pay-button.paysnap-cc-co-btn:focus { outline: none; box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.30), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.30); } .paysnap-pay-button.paysnap-keep-shopping-btn { cursor: pointer; border: 0; width: 100%; text-align: center; height: 40px; box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07); border-radius: 6px 6px 6px 6px; font-size: 16px; font-weight: 600; background-color: rgba(15, 96, 205, 1.00); color: rgba(255, 255, 255, 1.00); } .paysnap-pay-button.paysnap-keep-shopping-btn:focus { outline: none; box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.30), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.30); } .paysnap-co-buttons { border-top:1px solid rgba(255, 255, 255, 0.00); border-width:1px; padding-top:10px; } /* new stuff */ #ps-cart-modal { max-width: 620px; } #paysnap-cart-empty { font-size:18px; color: rgba(0, 0, 0, 1.00); font-weight:600; margin-top:90px; } #paysnap-cart table.paysnap-table tbody td.td-item ul.options { font-size: 12px; } #paysnap-cart table.paysnap-table tbody td.paysnap-item ul.paysnap-product-details li { color: rgba(0, 0, 0, 0.50); font-size: rgba(0, 0, 0, 0.50)px; } #paysnap-cart table.paysnap-table tbody td.paysnap-thumbnail{ padding:5px; text-align:center; } #paysnap-cart table.paysnap-table tbody td.paysnap-delete a i { color: rgba(0, 0, 0, 0.35); } #paysnap-cart table.paysnap-table tbody td a { transition: color 150ms; font-size: %id=cart_txt_sizes[0]px; cursor: pointer; display: inline-block; *display: inline; } #paysnap-cart table.paysnap-table tbody td a, #paysnap-cart table.paysnap-table tbody td a:active { color: gray; text-decoration: none; text-transform: none; background: none; } #paysnap-cart table.paysnap-table tbody tr+tr td { /*border-top: 1px solid rgba(0, 0, 0, 0.25);*/ } /* #paysnap-cart table.paysnap-table tbody td { color: #5a5a5a; font-size: 14px; } */ #paysnap-cart table.paysnap-table tbody td span.paysnap-row-total{ color: rgba(82, 139, 255, 1.00); font-size: 12px; line-height: 14px; font-weight:normal; } #paysnap-error span { color: #A92F29; display: block; text-align: center; background: #FEE9EA; padding: 8px; font-size: 14px; visibility: visible; } /* loader */ .paysnap-loader div { background: ; } #paysnap-cart table.paysnap-table tbody td .img { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25); } /* options colors */ .paysnap-option.incase input, .paysnap-option.incase select { border: 1px solid rgba(211, 211, 211, 1.00); color: rgba(0, 0, 0, 1.00); background-color: rgba(255, 255, 255, 1.00); font-size: 14px; } /* select down caret */ .paysnap-option.yd-select>div:after { border-top: 6px solid rgba(211, 211, 211, 1.00); } .paysnap-option .yd-tooltip { color: rgba(211, 211, 211, 1.00); } .ps-control--radio .ps-control__indicator:after { background: rgba(15, 96, 205, 1.00); } .ps-control--checkbox .ps-control__indicator:after { border-color: rgba(15, 96, 205, 1.00); } .paysnap-option label { color: rgba(0, 0, 0, 1.00); font-size: 14px; } .paysnap-option label.ps-control { color: rgba(104, 104, 104, 1.00); font-size: 12px; } .paysnap-loader div { background: rgba(15, 96, 205, 1.00); } .paysnap-option .yd-sub-text { color: rgba(104, 104, 104, 1.00); font-size: 12px; } .paysnap-option .fs-checkbox-label { color: rgba(104, 104, 104, 1.00); font-size: 12px; } /* hover colors */ .control-group select:hover, .control-group input:hover { border: 1px solid rgba(36, 126, 213, 1.00) !important; box-shadow: 0 0 3px rgba(36, 126, 213, 1.00); } /* Custom End */ /* PaySnap v.3.0.4 Stylesheet (END) */ #stacks_in_158>.s3_row { margin: 0 -10px; } #stacks_in_158>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_158>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_158>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_158>.s3_row { margin: -10px 0; } #stacks_in_158>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_158 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 6px; } /* -- Start Swell Each css Template -- */ #stacks_in_173{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_173swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_173swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_173swell{ max-width: 800px; } .stacks_in_173swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_173swell-with-zoom .mfp-container,.stacks_in_173swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_173swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_173swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_173swell-with-zoom.mfp-removing .mfp-container,.stacks_in_173swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_173 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_173 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_173 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_173 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_173 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_173 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_173 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_173 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_173 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_173 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_173 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_232_2 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } #stacks_in_274 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } #stacks_in_195_2 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } #stacks_in_196_2 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } #stacks_in_148 .control-group, #stacks_in_148 .paysnap-amount { text-align:center; } #stacks_in_148 .control-group input { text-align:center; width:80px; } #stacks_in_148 .paysnap-amount { color:#408000; font-size:18px; font-weight:bold; } #stacks_in_148 { border: solid rgba(64, 128, 2, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_272 { height: 20.00px; } @media print { #spacerStackstacks_in_272 { display: none !important; } } /* PaySnap Button v.3.0.4 Stylesheet (START) */ .yd-left { text-align:left; } .yd-center { text-align:center; } .yd-right { text-align:right; } #stacks_in_149 .yd-btn { width:100%; } #stacks_in_149 .yd-btn { font-family: -apple-system,BlinkMacSystemFont,sans-serif; color: rgba(255, 255, 255, 1.00); background: rgba(15, 96, 205, 1.00); border-color: rgba(0, 0, 0, 0.25); font-size: 14px; padding: 10px; border-radius: 4px; border-width: 1px; } #stacks_in_149 .yd-btn:disabled { opacity:.5; cursor:not-allowed; } #stacks_in_149 .paysnap-cart-result { color: color: rgba(255, 255, 255, 1.00); } #stacks_in_149 .yd-btn .fa { font-size: 14px; } #stacks_in_149 .paysnap-viewcart .paysnap-cart-qty { background-color: rgba(0, 0, 0, 0.25) !important; display: inline-block; min-width: 10px; padding: 3px 7px; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 6px; margin-top: -2px; font-family: helvetica; font-size: 14px; } /* PaySnap Button v.3.0.4 Stylesheet (END) */ /* PaySnap Button v.3.0.4 Stylesheet (START) */ .yd-left { text-align:left; } .yd-center { text-align:center; } .yd-right { text-align:right; } #stacks_in_150 .yd-btn { width:100%; } #stacks_in_150 .yd-btn { font-family: -apple-system,BlinkMacSystemFont,sans-serif; color: rgba(255, 255, 255, 1.00); background: rgba(15, 96, 205, 1.00); border-color: rgba(0, 0, 0, 0.25); font-size: 14px; padding: 10px; border-radius: 4px; border-width: 1px; } #stacks_in_150 .yd-btn:disabled { opacity:.5; cursor:not-allowed; } #stacks_in_150 .paysnap-cart-result { color: color: rgba(255, 255, 255, 1.00); } #stacks_in_150 .yd-btn .fa { font-size: 14px; } #stacks_in_150 .paysnap-viewcart .paysnap-cart-qty { background-color: rgba(0, 0, 0, 0.25) !important; display: inline-block; min-width: 10px; padding: 3px 7px; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 6px; margin-top: -2px; font-family: helvetica; font-size: 14px; } /* PaySnap Button v.3.0.4 Stylesheet (END) */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_192 { height: 40.00px; } @media print { #spacerStackstacks_in_192 { display: none !important; } } #stacks_in_243_2 { padding: 0px 0px 25px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_268 { height: 40.00px; } @media print { #spacerStackstacks_in_268 { display: none !important; } } #stacks_in_121 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_121 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_121 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_123 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_123 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_123 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_125 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_125 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_125 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_127 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_127 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_127 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_132 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_132 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_132 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }.stacks_in_273_3_4 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_273_3_121 img{width:100%;max-width:150px} .stacks_in_273_3_124 img{width:100%;max-width:150px} .stacks_in_273_3_130 img{width:100%;max-width:150px} .stacks_in_273_3_138 img{width:100%;max-width:150px} .stacks_in_273_3_140 img{width:100%;max-width:150px} .stacks_in_273_3_142 img{width:100%;max-width:150px} #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-9999px;background:url(../grill02-framed_files/elevator-images/top.png) no-repeat left top;z-index:9988}#toTop:hover{background:url(../grill02-framed_files/elevator-images/top.png) no-repeat left -51px}#toTop:active,#toTop:focus{outline:none}