: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(0, 140, 186, 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(0, 110, 156, 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{} .hero{background-image:url('../files/bgimage-86.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(255, 255, 255, 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)} .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(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 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)} .is-stuck .menustick>.menu a,.is-stuck .menu.menustick a{--menu-link-color:rgba(255, 255, 255, 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)}.is-stuck .menustick>.menu .menu-text,.is-stuck .menu.menustick .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)}.is-stuck .menustick>.menu>li>a,.is-stuck .menu.menustick>li>a{padding-top:1rem;padding-bottom:1rem}.is-stuck .menustick>.menu .submenu>li>a,.is-stuck .menu.menustick .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem}.is-stuck .menustick>.menu li.active>a,.is-stuck .menustick>.menu li.is-active>a,.is-stuck .menustick>.menu a.is-active,.is-stuck .menu.menustick li.active>a,.is-stuck .menu.menustick li.is-active>a,.is-stuck .menu.menustick 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(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}.is-stuck .menustick>.menu .submenu li.active>a,.is-stuck .menustick>.menu .submenu li.is-active>a,.is-stuck .menustick>.menu .submenu a.is-active,.is-stuck .menu.menustick .submenu li.active>a,.is-stuck .menu.menustick .submenu li.is-active>a,.is-stuck .menu.menustick .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)}.is-stuck .menustick>.menu .submenu a,.is-stuck .menu.menustick .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)}.is-stuck .menustick>.menu .submenu,.is-stuck .menu.menustick .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)}.is-stuck .menustick>.menu .submenu a,.is-stuck .menu.menustick .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)}.is-stuck .menustick>.menu .submenu .menu-text,.is-stuck .menu.menustick .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)}.is-stuck .menustick>.menu .submenu li.active>a,.is-stuck .menustick>.menu .submenu li.is-active>a,.is-stuck .menustick>.menu .submenu a.is-active,.is-stuck .menu.menustick .submenu li.active>a,.is-stuck .menu.menustick .submenu li.is-active>a,.is-stuck .menu.menustick .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)} .sticky-menu{background-color:rgba(0, 0, 128, 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){.sticky-menu{background-attachment:scroll!important}} .sticky-menu.is-stuck{background-color:rgba(0, 51, 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){.sticky-menu{background-attachment:scroll!important}} .sticky-menu{transition:all 300ms ease 0ms } .sticky-menu{padding:0.75rem ;} .burger{position:fixed !important;z-index:99 !important;top:10px !important;bottom:unset !important;left:unset !important;right:10px !important;} .lightmenu{height:100% ;} .lightmenu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em) { .lightmenu{font-size:calc(24rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .lightmenu{font-size:calc(24rem/16) ;line-height:1.50 }} .myclass{background-image:url('../files/bgimage-185.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.myclass{background-attachment:scroll!important}} .myclasstitle{background-color:rgba(128, 0, 2, 0.51) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.myclasstitle{background-attachment:scroll!important}} /* Start Height stack CSS code */ .stacks_in_192heightContainer{ min-height: 700px; max-height: 1000px; overflow-y: hidden !important; } /* End Height stack CSS code */#stacks_in_178 .local-minus45{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}#stacks_in_178 .local-plus45{-ms-transform:rotate(45deg);-webkit-transform:rotate45deg);transform:rotate(45deg);}#stacks_in_178 .local-plus90{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}#stacks_in_178 input[type="file"]{display:none;}#stacks_in_178{text-align: center;x;}#stacks_in_178 .local-button{color:rgba(255, 255, 255, 1.00);background:rgba(30, 135, 240, 1.00);background-image:-webkit-linear-gradient(top, rgba(30, 135, 240, 1.00), rgba(30, 135, 240, 1.00));background-image:-moz-linear-gradient(top, rgba(30, 135, 240, 1.00), rgba(30, 135, 240, 1.00));background-image:-ms-linear-gradient(top, rgba(30, 135, 240, 1.00), rgba(30, 135, 240, 1.00));background-image:-o-linear-gradient(top, rgba(30, 135, 240, 1.00), rgba(30, 135, 240, 1.00));background-image:linear-gradient(to bottom, rgba(30, 135, 240, 1.00), rgba(30, 135, 240, 1.00));}#stacks_in_178 .local-button:hover{background:rgba(15, 122, 229, 1.00);background-image:-webkit-linear-gradient(top, rgba(15, 122, 229, 1.00), rgba(15, 122, 229, 1.00));background-image:-moz-linear-gradient(top, rgba(15, 122, 229, 1.00), rgba(15, 122, 229, 1.00));background-image:-ms-linear-gradient(top, rgba(15, 122, 229, 1.00), rgba(15, 122, 229, 1.00));background-image:-o-linear-gradient(top, rgba(15, 122, 229, 1.00), rgba(15, 122, 229, 1.00));background-image:linear-gradient(to bottom, rgba(15, 122, 229, 1.00), rgba(15, 122, 229, 1.00));}#stacks_in_178 .reset-button{background:rgba(252, 195, 106, 1.00);color:rgba(255, 255, 255, 1.00);}#stacks_in_178 .reset-button:hover{background:rgba(251, 176, 59, 1.00);color:rgba(255, 255, 255, 1.00);}#stacks_in_178 .move-button{background:rgba(252, 195, 106, 1.00);color:rgba(255, 255, 255, 1.00);}#stacks_in_178 .move-button:hover{background:rgba(251, 176, 59, 1.00);color:rgba(255, 255, 255, 1.00);}#stacks_in_178 .size-button{background:rgba(252, 195, 106, 1.00);color:rgba(255, 255, 255, 1.00);}#stacks_in_178 .size-button:hover{background:rgba(251, 176, 59, 1.00);color:rgba(255, 255, 255, 1.00);}#stacks_in_178 .local-button,#stacks_in_178 .reset-button,#stacks_in_178 .move-button,#stacks_in_178 .size-button{display:inline-block;border-radius:0px;font-family:inherit;line-height:1.2;letter-spacing:0px;font-size:14px;padding:10px 10px;margin:5px 5px;text-decoration:none; text-shadow:1px 1px 3px rgba(102, 102, 102, 1.00); box-shadow:0px 1px 3px rgba(102, 102, 102, 1.00); border:none;x;}#stacks_in_178 .local-button:hover,#stacks_in_178 .reset-button:hover,#stacks_in_178 .move-button:hover,#stacks_in_178 .size-button:hover{text-decoration:none;x;} body{z-index:0}.eclipse-video,.eclipse-video-overlay,.eclipse-video > div{position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0}.eclipse-video > div{position:fixed !important}.eclipse-video-overlay{opacity:0.28}.eclipse-video-overlay.overlay-color{background-color:#333333}.eclipse-video-overlay.overlay-tile{background-image:url(../files/overlayImage-74.png);background-repeat:repeat} /* 1.0.0.4 - fixed media query values - fixed an overflow bug that could cause the dropdown menu to be hidden - fixed a bug that would cause the stack to not filter correctly on first selection unless deselect all was used - fixed a bug where two filters with the same tag names could effect eachother - new option to start with all tags unselected */ .stacks_top > div { min-height: 50vh; } .stacks_in, .stacks_out, #stacks_in_38, #stacks_out_112, #stacks_in_112 { overflow: visible; } #dds-stacks_in_112 { display: flex; margin: 0 auto; text-align: left; flex-direction: column; max-width: 1200px; } #dds-stacks_in_112.hide-grid-tags .tag-list { display: none !important; } #dds-stacks_in_112 .dds-dropdown { width: 100%; flex: 0 1 auto; position: relative; box-sizing: border-box; color: rgba(255, 255, 255, 1.00); padding: 5px; font-size: 20px; /* */ font-family: "Roboto"; /* */ } #dds-stacks_in_112 .dds-dropdown.closed .dds-dropdown-menu { opacity: 0; pointer-events: none; -webkit-transform: translateY(20px); transform: translateY(20px); } #dds-stacks_in_112 .dds-dropdown.closed .dds-dropdown-arrow .arrow-down { display: none; } #dds-stacks_in_112 .dds-dropdown.closed .dds-dropdown-arrow .arrow-up { display: block; } #dds-stacks_in_112 .dds-dropdown-selected { display: flex; cursor: pointer; margin-left: auto; box-sizing: border-box; max-width: 300px; border-radius: 4px; background: rgba(153, 102, 204, 1.00); padding: 15px 20px; align-items: center; } #dds-stacks_in_112 .dds-dropdown-selected .dds-dropdown-arrow { width: 20px; height: 20px; margin-left: auto; } #dds-stacks_in_112 .dds-dropdown-selected .dds-dropdown-arrow svg path { fill: rgba(255, 255, 255, 1.00); } #dds-stacks_in_112 .dds-dropdown-selected .dds-dropdown-arrow svg.arrow-up { display: none; } #dds-stacks_in_112 .dds-dropdown-menu { top: calc(100% + 5px); right: 0; padding: 0; z-index: 20; list-style: none; overflow: hidden; position: absolute; box-sizing: border-box; border-radius: inherit; transition: all 0.4s ease; margin: 0 5px; background: rgba(147, 25, 61, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); max-width: 300px; border-radius: 4px; width: calc(100% - (5px*2)); } #dds-stacks_in_112 .dds-dropdown-menu li { display: flex; flex-wrap: wrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; align-items: center; box-sizing: border-box; color: rgba(255, 255, 255, 1.00); font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 12px 15px; } #dds-stacks_in_112 .dds-dropdown-menu li:not(.all)::before { content: ''; margin-right: 10px; width: 13px; height: 13px; border-radius: 2px; display: inline-block; } #dds-stacks_in_112 .dds-dropdown-menu li:hover { color: rgba(255, 255, 102, 1.00); background: rgba(36, 36, 36, 1.00); } #dds-stacks_in_112 .dds-dropdown-menu li:hover .dds-dropdown-radio { border-color: rgba(255, 255, 255, 1.00); } #dds-stacks_in_112 .dds-dropdown-menu li:hover .dds-dropdown-radio::before { opacity: 0.3; background: rgba(255, 255, 255, 1.00); } #dds-stacks_in_112 .dds-dropdown-menu li.all.on::before { content: 'Deselect All'; } #dds-stacks_in_112 .dds-dropdown-menu li.all::before { content: 'Select All'; } #dds-stacks_in_112 .dds-dropdown-menu li.on .dds-dropdown-radio::before { opacity: 1; } #dds-stacks_in_112 .dds-dropdown-menu li .dds-dropdown-radio { width: 16px; height: 16px; min-width: 16px; min-height: 16px; margin-left: auto; border-radius: 50%; position: relative; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, 1.00); } #dds-stacks_in_112 .dds-dropdown-menu li .dds-dropdown-radio::before { content: ''; top: 50%; left: 50%; width: 50%; opacity: 0; height: 50%; min-width: 50%; min-height: 50%; display: block; position: absolute; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 1.00); } #dds-stacks_in_112 .dds-grid { display: flex; flex-wrap: wrap; box-sizing: border-box; } #dds-stacks_in_112 .dds-grid .dds-grid-item { display: none; flex: 0 1 auto; width: calc(100% / 5); padding: 5px; box-sizing: border-box; } #dds-stacks_in_112 .dds-grid .dds-grid-item.match { display: block; } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner { width: 100%; min-height: 0px; display: flex; box-sizing: border-box; flex-direction: column; justify-content: flex-end; } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner .tag-list { width: 100%; padding: 8px 0 0 0; box-sizing: border-box; font-family: "Montserrat"; } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner .tag-list .tag { margin: 0; width: 18px; height: 18px; border-radius: 2px; position: relative; display: inline-block; } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner .tag-list .tag:hover::before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner .tag-list .tag::before { opacity: 0; z-index: 10; display: block; color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 5px; padding: 5px 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: absolute; background: rgba(52, 52, 52, 1.00); top: calc(100% + 5px); content: attr(data-tag); -webkit-transform: translateY(-5px); transform: translateY(-5px); transition: all 0.4s; } @media (max-width: 768px) { #dds-stacks_in_112 .dds-grid .dds-dropdown { padding: 5px; } #dds-stacks_in_112 .dds-grid .dds-dropdown-menu { width: calc(100% - (5px*2)); } #dds-stacks_in_112 .dds-grid .dds-grid-item { width: calc(100% / 4); padding: 5px; } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner { min-height: 0px; } } @media (max-width: 414px) { #dds-stacks_in_112 .dds-dropdown { padding: 5px; } #dds-stacks_in_112 .dds-dropdown-menu { width: calc(100% - (5px*2)); } #dds-stacks_in_112 .dds-grid .dds-grid-item { width: calc(100% / 2); padding: 5px; } #dds-stacks_in_112 .dds-grid .dds-grid-item-inner { min-height: 0px; } } /* */ #stacks_in_112 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; margin: 0px 0px 30px 0px; padding: 0px 10px 0px 10px; } #dds-dropdown-tag-stacks_in_143::before { background: rgba(255, 255, 102, 1.00); } #dds-dropdown-tag-stacks_in_113::before { background: rgba(10, 0, 244, 1.00); } #dds-dropdown-tag-stacks_in_139::before { background: rgba(48, 192, 71, 1.00); } h1.item-font-preset { font-family: ""; } h1.item-font-custom { font-family: ""; } h1.item-font-google { font-family: ""; } .box { top: 50%; left: 50%; width: 300px; height: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box.item-bg-color { background: ; } .box.item-bg-gradient-2 { background: linear-gradient(, , ); } .box.item-bg-gradient-3 { background: linear-gradient(, , , ); } .box.item-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: ; } .box.item-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, , ); } .stacks_in_155 img{width:100%;max-width:300px} h1.item-font-preset { font-family: ""; } h1.item-font-custom { font-family: ""; } h1.item-font-google { font-family: ""; } .box { top: 50%; left: 50%; width: 300px; height: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box.item-bg-color { background: ; } .box.item-bg-gradient-2 { background: linear-gradient(, , ); } .box.item-bg-gradient-3 { background: linear-gradient(, , , ); } .box.item-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: ; } .box.item-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, , ); } .stacks_in_151 img{width:100%;max-width:300px} h1.item-font-preset { font-family: ""; } h1.item-font-custom { font-family: ""; } h1.item-font-google { font-family: ""; } .box { top: 50%; left: 50%; width: 300px; height: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box.item-bg-color { background: ; } .box.item-bg-gradient-2 { background: linear-gradient(, , ); } .box.item-bg-gradient-3 { background: linear-gradient(, , , ); } .box.item-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: ; } .box.item-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, , ); } .stacks_in_153 img{width:100%;max-width:300px}