.post-image-wrapper{width:100%;overflow:hidden;position:relative}.post-image{width:100%;margin:0;padding:0;text-align:center;list-style:none}.post-image.thumbs,.post-image.thumbs-auto{overflow:hidden}.post-image.thumbs li,.post-image.thumbs-auto li{margin:0;float:left}.post-image.thumbs.thumb-grid-2 li,.post-image.thumbs-auto.thumb-grid-2 li{width:50%}.post-image.thumbs.thumb-grid-3 li,.post-image.thumbs-auto.thumb-grid-3 li{width:33.333333%}.post-image.thumbs.thumb-grid-4 li,.post-image.thumbs-auto.thumb-grid-4 li{width:25%}.post-image.thumbs.thumb-grid-5 li,.post-image.thumbs-auto.thumb-grid-5 li{width:20%}.post-image li{list-style:none;overflow:hidden}.post-image img{max-width:100%;width:auto;height:auto;display:block}.post-image.animate{transform:translateZ(0);overflow:hidden}.post-image.animate li{overflow:hidden;transform:translateZ(0);transition:transform 0.5s ease,filter 0.5s ease}.post-image.animate.shadow-in:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;transition:box-shadow 0.5s ease}.post-bg-image{width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}.post .orbit-timer{display:none}.post .orbit-next,.post .orbit-prev{opacity:0;transition:opacity 0.5s ease}.post:hover .orbit-next,.post:hover .orbit-prev{opacity:1} .com_joeworkman_stacks_easycms_image_stack img,.com_joeworkman_stacks_totalcms_image_stack img{width:auto;height:auto;max-width:100%;display:block;margin:0 auto}.com_joeworkman_stacks_easycms_image_stack img.circle,.com_joeworkman_stacks_totalcms_image_stack img.circle{border-radius:50% !important}.com_joeworkman_stacks_easycms_image_stack img.unlimited,.com_joeworkman_stacks_totalcms_image_stack img.unlimited{width:100%;}.com_joeworkman_stacks_easycms_image_stack img.auto-lightbox,.com_joeworkman_stacks_totalcms_image_stack img.auto-lightbox{cursor:pointer}.com_joeworkman_stacks_easycms_image_stack img.align-left,.com_joeworkman_stacks_totalcms_image_stack img.align-left{margin-left:0 !important}.com_joeworkman_stacks_easycms_image_stack img.align-right,.com_joeworkman_stacks_totalcms_image_stack img.align-right{margin-right:0 !important}@media only screen and (max-width:40em){.com_joeworkman_stacks_easycms_image_stack img.align-mobile-center,.com_joeworkman_stacks_totalcms_image_stack img.align-mobile-center{margin-left:auto !important;margin-right:auto !important}}#total-image-reveal{position:fixed !important;top:10% !important;left:0;right:0;cursor:pointer;height:80vh;padding:0;background:transparent;box-shadow:none;border:none}#total-image-reveal img{display:block;margin:0 auto;height:auto;max-height:100%;max-width:100%;width:auto;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.4)}#total-image-reveal .close-reveal-modal{position:fixed} .total-blog-list .post-summary > ul,.total-blog-list .post-summary > ol{margin-bottom:1.25rem}.total-blog-list .post-summary *:last-child{margin-bottom:0} .f6-aux{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} .cta-hide{display:none !important} .fr-video{display:block;width:100%;padding-bottom:52.34%;margin-bottom:0;height:0;overflow:hidden;padding-top:1.5625rem;position:relative}.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}button.loadmore{display:block;margin:1rem auto}button.loadmore.mobile-button{display:none}.total-blog-list{list-style:none;margin:0;padding:0;display:block;width:100%;position:relative}.total-blog-list .post{position:relative;margin:0;width:100%;overflow:auto}.total-blog-list.hyphenate .post-title,.total-blog-list.hyphenate .post-summary{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.blog-link{text-decoration:none} .total-blog-list .blog-link{text-decoration:none}.total-blog-list .post_layout_wrapper,.total-blog-list .post_column1,.total-blog-list .post_column2{width:100%;position:relative}.total-blog-list .show-on-hover{opacity:0;transition:opacity 0.3s ease-in 0s}.total-blog-list .post:hover .show-on-hover{opacity:1}.total-blog-list .height-full{height:100%}.total-blog-list .height-full > .post_column1{height:100%}.total-blog-list .inline-width{width:auto;display:inline-block}.total-blog-list .overlap-top,.total-blog-list .overlap-bottom{z-index:5}.total-blog-list .absolute-top{z-index:5;position:absolute;top:0}.total-blog-list .absolute-bottom{z-index:5;position:absolute;bottom:0}.total-blog-list .vertical-center{z-index:5;position:absolute;top:50%;transform:translateY(-50%)} .filter-image-wrapper{position:relative;display:inline-block;overflow:hidden} .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} .oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} .form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} :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(54, 54, 54, 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(24, 24, 24, 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(54, 54, 54, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(54, 54, 54, 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);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-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{} .font-vault-1 > a, h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, .font-vault-1,.font-vault-1 > li, .fontpro-stacks_in_8{font-style:normal;font-weight:400;font-family:"Caveat",sans-serif } .font-style-1,.font-style-1 > li,.font-style-1 > *, .fontpro-stacks_in_9{ font-size:1.00rem ; } @media only screen and (min-width:25.875000em){ .font-style-1,.font-style-1 > li,.font-style-1 > *, .fontpro-stacks_in_9{font-size:2.00rem }} @media only screen and (min-width:48.000000em){ .font-style-1,.font-style-1 > li,.font-style-1 > *, .fontpro-stacks_in_9{font-size:2.50rem }} @media only screen and (min-width:62.500000em){ .font-style-1,.font-style-1 > li,.font-style-1 > *, .fontpro-stacks_in_9{font-size:3.00rem }} .font-style-2,.font-style-2 > li,.font-style-2 > *, .fontpro-stacks_in_10{ font-size:1.50rem ; } @media only screen and (min-width:25.875000em){ .font-style-2,.font-style-2 > li,.font-style-2 > *, .fontpro-stacks_in_10{font-size:1.50rem }} @media only screen and (min-width:48.000000em){ .font-style-2,.font-style-2 > li,.font-style-2 > *, .fontpro-stacks_in_10{font-size:1.50rem }} @media only screen and (min-width:62.500000em){ .font-style-2,.font-style-2 > li,.font-style-2 > *, .fontpro-stacks_in_10{font-size:1.50rem }} h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a, blockquote, a, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_331{font-style:normal;font-weight:400;font-family:"Open Sans",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-style:normal;font-weight:400;font-family:"Open Sans",sans-serif } .menu>li>a{color:rgba(0, 0, 0, 1.00) ;} .graycolor img{position:relative;mix-blend-mode:normal;filter:grayscale(100%)} .duotone-stacks_in_231:before{}.duotone-stacks_in_231:after{} .graycolor img:hover{position:relative;mix-blend-mode:normal;filter:} .duotone-stacks_in_232:hover:before{}.duotone-stacks_in_232:hover:after{} .graycolor img:hover{transition:all 1200ms ease 0ms } .border{border-color:rgba(54, 54, 54, 1.00) ;border-width:1px ;border-style:solid ;} .background{background-color:rgba(54, 54, 54, 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){.background{background-attachment:scroll!important}} .gray img{position:relative;mix-blend-mode:normal;filter:grayscale(100%)} .duotone-stacks_in_290:before{}.duotone-stacks_in_290:after{} form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)} .agent-hide{display:none !important} .target.stacks_in_320{ margin:0px;}.target.stacks_in_320{z-index:302;}.target.stacks_in_320.width-fill{width:calc(100% - 0px)}.target.stacks_in_320.width-flexible{width:100%}.target.stacks_in_320.width-fixed{width:300px}.target.stacks_in_320.height-fill{height:calc(100% - 0px)}.target.stacks_in_320.height-flexible{height:100%}.target.stacks_in_320.height-fixed{height:250px}.target.stacks_in_320[class*="relative-"].top-pt{top:24%}.target.stacks_in_320[class*="relative-"].top-px{top:24px}.target.stacks_in_320[class*="relative-"].bottom-pt{bottom:24%}.target.stacks_in_320[class*="relative-"].bottom-px{bottom:24px}.target.stacks_in_320[class*="relative-"].right-pt{right:48%}.target.stacks_in_320[class*="relative-"].right-px{right:48px}.target.stacks_in_320[class*="relative-"].left-pt{left:48%}.target.stacks_in_320[class*="relative-"].left-px{left:48px}.target.stacks_in_320.shift-up{margin-top:-0px}.target.stacks_in_320.shift-down{margin-bottom:-0px}.target.stacks_in_320.shift-left{right:0px}.target.stacks_in_320.shift-right{left:0px}.target.stacks_in_320.pin-top,.target.stacks_in_320.pin-bottom{left:0px}.target.stacks_in_320.pin-left,.target.stacks_in_320.pin-right{top:0px} @media only screen and (min-width:0px){#stacks_in_323 h5,#stacks_in_323 div{letter-spacing:7.00px}}#stacks_in_323 .header-pro.text-center .hTxt{margin-right:-7px}#stacks_in_323 .primary,#stacks_in_323 .segment{display:inline-block}#stacks_in_323 .primary.sub-title,#stacks_in_323 .segment.sub-title{display:block}#stacks_in_323 [data-seg="segment2"].last-title{display:block}#stacks_in_323 .segment.no-shadow{text-shadow:none !important}#stacks_in_323 .segment *{}#stacks_in_323 .hTxt.primary{vertical-align:baseline}#stacks_in_323 .segment[data-seg="segment1"]{font-size:50%;color:rgba(255, 255, 255, 1.00);padding:0px 0px 0px 108px;margin:0px 0px 0px 0px;vertical-align:baseline;}#stacks_in_323 .segment[data-seg="segment1"] div{color:rgba(255, 255, 255, 1.00)}#stacks_in_323 .segment[data-seg="segment1"] div.mez{font-size:50%} /* PHANTOM * -------------------------- */ .fontDetect { display: none; } .loadFaWarning { display: block; font-family: sans-serif; text-align: center; color: #fff; background: red; border-radius: 4px; width: 500px; margin: 10px auto; padding: 10px 20px; } .loadFaWarning h3 { margin: 10px 0px 10px 0px; color: #fff; } .phantomElement { display: block !important; margin: 0 !important; max-width: 100%; } .phantomElement.shuffle-item { margin-left: 0 !important; /* shuffle items shouldn't have a left margin*/ } /* Shuffle needs either relative or absolute positioning on the container It will set it for you, but it'll cause another style recalculation and layout. AKA worse performance - so just set it here */ .ourHolder-stacks_in_14 { position: relative; /*overflow: hidden;*/ width: 100%; } .shuffle__sizer-stacks_in_14 { display: block; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; opacity: 0; visibility: hidden; float: left; width: 25%;; } @media (max-width: 47.9375em) { .phantomElement { height: auto; margin-top: 20px; } .m-nofloat { float: none; } } #nav-stacks_in_14 { bottom: -10px !important; margin: 0 !important; padding: 0 27.5px !important; } #stacks_in_14 { position: relative; height: auto; /*z-index: 1000;*/ min-height: 300px; } .grad-stacks_in_14:after { margin: 43px; content: " "; width: 74px; height: 74px; position: absolute; pointer-events: none; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(../files/logoImage-14.png); opacity: 0.50; } .ourHolder-stacks_in_14 { margin: 0 !important; padding: 0; /*position: relative;*/ /*z-index: 2000;*/ display: block; } .ourHolder-stacks_in_14 li { margin: 0; padding: 0; } .inner-wrap { padding-left: 0; padding-right: 0; } /* ------------------Buttons ------------------------*/ #phantomKnob-stacks_in_14 .buttonsNone-stacks_in_14 { display: none; } #phantomButtons-stacks_in_14 .knobNone-stacks_in_14 { display: none !important; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14 { list-style: none; margin: 0 0 10px 0 !important; padding: 0 !important; text-align: center; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14 li { cursor: pointer; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14 li { font-size: 12px; line-height: 26px; margin-left: 0px; margin-right: 0; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14 li:first-child { margin-left: 0px; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.hover-visible li { } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.hover-hidden li i span { /*width: 0; display: inline-block; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;*/ } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.hover-hidden li:hover i span { /*width: 50px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;*/ } #phantomButtons-stacks_in_14 .whiteIcon li { color: rgba(255,255,255,0.6); } #phantomButtons-stacks_in_14 .blackIcon li { color: rgba(0,0,0,0.6); } /* ------------------ BUTTONS ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14 li { padding: 12px 14px ; transition: background 300ms; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.buttons { display: inline-block; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.buttons li { float: left; margin-bottom: 10px; background: #000000; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.3) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.15)), color-stop(100%,rgba(0,0,0,0.3))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.3) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.3) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.3) 100%); box-shadow: 0px 1px 3px rgba(0,0,0, .4), inset 0 1px 0px rgba(255,255,255,0.2), inset 0 0 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .4, inset 0 1px 0px rgba(255,255,255,0.2), inset 0 0 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.3)); -moz-box-shadow: 0px 1px 3px rgba(0,0,0, .4, inset 0 1px 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.3)); border: 1px solid rgba(0,0,0,0.2); text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 0px; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.buttons li.active, #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.buttons li:active { background-color: #000000; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.0) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); box-shadow: 0px 1px 0px rgba(255,255,255, .15), inset 1px 1px 0px rgba(0,0,0,0.2), inset 0 0 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.0); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255, .15, inset 1px 1px 0px rgba(0,0,0,0.2), inset 0 0 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.0)); -moz-box-shadow: 0px 1px 0px rgba(255,255,255, .15, inset 1px 1px 0px rgba(0,0,0,0.2), inset 0 -1px 0px rgba(0,0,0,0.0)); border: 1px solid rgba(0,0,0,0.4); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.buttons li:hover { background-color: #000000; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.buttons li:active { background-image: -moz-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0.2) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.2))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); } /* ------------------ ROUND BUTTONS ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.round li { background: #000000; min-width: 22px; min-height: 26px; /*height: 24px; width: 24px;*/ text-align: center; border-radius: 50%; display: inline-block; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.round li.active { background-color: #000000; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.round li:hover { background-color: #000000; } /* ------------------ FLAT BUTTONS ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.flat li { background: #000000; min-width: 26px; min-height: 26px; border-radius: 5px; margin-bottom: 4px; text-align: center; display: inline-block; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.flat li.active { background: #000000; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.flat li:hover { background-color: #000000; } /* ------------------ FASHION BUTTONS ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li { background: #000000; min-width: 26px; min-height: 26px; margin-right: 10px; margin-bottom:5px; border: 3px #000000 double; overflow: hidden; text-align:center; display:inline-block; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li.active { background: #000000; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li:hover { background-color: #000000; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li i{ position:relative; left:0; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li span { position:relative; margin-left:10px; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li:hover span{ -webkit-animation-name: glide; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards;/* Chrome, Safari, Opera */ animation-name: glide; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } #phantomButtons-stacks_in_14 .navphantomButtons-stacks_in_14.fashion li:hover i{ -webkit-animation-name: center; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */ animation-name: center; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } /* Chrome, Safari, Opera */ @-webkit-keyframes glide { 0% {top: 0px} 25% {top: 40px} 50% {} 100% {top: 40px} } /* Standard syntax */ @keyframes glide { 0% {top: 0px} 25% {top: 40px} 50% {} 100% {top: 40px} } /* Chrome, Safari, Opera */ @-webkit-keyframes center { 0% {} 25% {left: 0;} 50% {left:35%;} /*add adjust for large*/ 100% {left:35%;} } /* Standard syntax */ @keyframes center { 0% {} 25% {left: 0;} 50% {left:35%;} 100% {left:35%;} } /* ------------------ICONIC ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.iconic li.active { background-color: #000000; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.iconic li:hover { background-color: #000000; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.iconic li { width: 20px; background: #000000; padding:10px 13px; margin-right: 10px; border-radius:50%; overflow:hidden; display:inline-block; text-align: center; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.iconic li span{ display:none; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.iconic li i{ position:relative; color:white; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.iconic li:hover i{ -webkit-animation-name: sliding; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */ animation-name: sliding; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } @-webkit-keyframes sliding{ 0% {left:0} 25% {left: 150%;-ms-transform: rotate(-20deg); /* IE 9 */ -webkit-transform: rotate(-20deg); /* Safari */ transform: rotate(-20deg);} 25.1% {left:-150%;} /*add adjust for large*/ 100% {left: 0;} } /* Standard syntax */ @keyframes sliding { 0% {left:0} 25% {left: 150%;-ms-transform: rotate(-20deg); /* IE 9 */ -webkit-transform: rotate(-20deg); /* Safari */ transform: rotate(-20deg);} 25.1% {left:-150%;} 100% {left: 0;} } @-webkit-keyframes sliding{ 0% {left:0} 25% {left: 150%;-ms-transform: rotate(-20deg); /* IE 9 */ -webkit-transform: rotate(-20deg); /* Safari */ transform: rotate(-20deg);} 25.1% {left:-150%;} /*add adjust for large*/ 100% {left: 0;} } /* Standard syntax */ @keyframes sliding { 0% {left:0} 25% {left: 150%;-ms-transform: rotate(-20deg); /* IE 9 */ -webkit-transform: rotate(-20deg); /* Safari */ transform: rotate(-20deg);} 25.1% {left:-150%;} 100% {left: 0;} } /* ------------------TYPO ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.typo li.active { color:#000000; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.typo li:hover { background-color: #000000; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.typo li { color:#000000; font-style: bold; display:inline-block; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.typo li span{ position:relative; text-transform: uppercase; /* font-size:1.7em;*/ bottom:0; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.typo li i { position:relative; /* font-size:2.5em;*/ width:100%; bottom:0; } #phantomButtons-stacks_in_14 .container-stacks_in_14 .navphantomButtons-stacks_in_14.typo li:hover i { -webkit-animation-name: OP; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */ animation-name: OP; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } /* Chrome, Safari, Opera */ @-webkit-keyframes OP { 0% {} 25% {opacity:0;bottom:30px;} 50% {} /*add adjust for large*/ 100% {opacity:1; color: #000000;} } /* Standard syntax */ @keyframes OP { 0% {} 25% {opacity:0;bottom:30px;} 50% {} /*add adjust for large*/ 100% {opacity:1; color:#000000;} } @-webkit-keyframes BOP { 0% {} 25% {opacity:0;} 50% {} /*add adjust for large*/ 100% {opacity:1; color:#000000;} } /* Standard syntax */ @keyframes BOP { 0% {} 25% {opacity:0;} 50% {} /*add adjust for large*/ 100% {opacity:1; color: #000000;} } /* ------------------KNOB ------------------------*/ #phantomKnob-stacks_in_14 { /*display: inline-block; background: blue; */ height: 195px; margin-bottom: 115px; } #phantomKnob-stacks_in_14 .over { position: absolute; opacity: 1; width: 100%; height: 200px; bottom: auto; z-index: 301; } /* ------------------ METALIC TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.metalTop { background: url(phantom-images/knob-top.png) center -200px no-repeat; } /* ------------------ WHITE TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.whiteTop { background: url(phantom-images/white-top.png) center -200px no-repeat; } /* ------------------ BLACK TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.blackTop { background: url(phantom-images/black-top.png) center -200px no-repeat; } /* ------------------ FLAT WHITE TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.whiteTopFlat { background: url(phantom-images/white-top-flat.png) center -200px no-repeat; } /* ------------------ FLAT BLACK TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.blackTopFlat { background: url(phantom-images/black-top-flat.png) center -200px no-repeat; } /* ------------------ WOOD TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.woodTop { background: url(phantom-images/wood-top.png) center -200px no-repeat; } /* ------------------ NO TOP ------------------------*/ #phantomKnob-stacks_in_14 .over.noTop { } #phantomKnob-stacks_in_14 .over.metalTop:before, #phantomKnob-stacks_in_14 .over.whiteTop:before, #phantomKnob-stacks_in_14 .over.blackTop:before, #phantomKnob-stacks_in_14 .over.woodTop:before { top: 0; content: " "; position: absolute; width: 418px; height: 194px; box-shadow: -3px 2px 3px rgba(0,0,0,0.3); left: 50%; margin-left: -509px; pointer-events: none; z-index: -1; } #phantomKnob-stacks_in_14 .over.metalTop:after, #phantomKnob-stacks_in_14 .over.whiteTop:after, #phantomKnob-stacks_in_14 .over.blackTop:after, #phantomKnob-stacks_in_14 .over.woodTop:after { top: 0; content: " "; position: absolute; width: 418px; height: 194px; box-shadow: 3px 2px 3px rgba(0,0,0,0.3); right: 50%; margin-right: -509px; pointer-events: none; z-index: -1; } #phantomKnob-stacks_in_14 .dial-stacks_in_14 > div { pointer-events: none; } /* ------------------ METALIC KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-metal { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC9CFD7', endColorstr='#FFB0B7C1'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9cfd7), color-stop(46%, rgba(43, 47, 62, 0.97)), color-stop(48%, rgba(43, 47, 62, 0.97)), color-stop(52%, #2b2f3e), color-stop(55%, #2b2f3e), color-stop(100%, #b0b7c1)); background-image: -webkit-linear-gradient(top, #c9cfd7 0%, rgba(43, 47, 62, 0.97) 46%, rgba(43, 47, 62, 0.97) 48%, #2b2f3e 52%, #2b2f3e 55%, #b0b7c1 100%); background-image: -moz-linear-gradient(top, #c9cfd7 0%, rgba(43, 47, 62, 0.97) 46%, rgba(43, 47, 62, 0.97) 48%, #2b2f3e 52%, #2b2f3e 55%, #b0b7c1 100%); background-image: -o-linear-gradient(top, #c9cfd7 0%, rgba(43, 47, 62, 0.97) 46%, rgba(43, 47, 62, 0.97) 48%, #2b2f3e 52%, #2b2f3e 55%, #b0b7c1 100%); background-image: linear-gradient(top, #c9cfd7 0%, rgba(43, 47, 62, 0.97) 46%, rgba(43, 47, 62, 0.97) 48%, #2b2f3e 52%, #2b2f3e 55%, #b0b7c1 100%); box-shadow: 2px 15px 15px 7px rgba(0, 0, 0, 0.3), -5px 2px 5px rgba(0, 0, 0, 0.2), 1px 10px 15px rgba(0, 0, 0, 0.4), 0px 10px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 15px 15px 7px rgba(0, 0, 0, 0.3), -5px 2px 5px rgba(0, 0, 0, 0.2), 1px 10px 15px rgba(0, 0, 0, 0.4), 0px 10px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 2px 15px 15px 7px rgba(0, 0, 0, 0.3), -5px 2px 5px rgba(0, 0, 0, 0.2), 1px 10px 15px rgba(0, 0, 0, 0.4), 0px 10px 5px rgba(0, 0, 0, 0.6); } #phantomKnob-stacks_in_14 .dial-metal .metalic { background: url(phantom-images/knob-dial.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -17px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-stacks_in_14 .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/knob-dial-arrow.png) 0 0 no-repeat; } /* ------------------ WHITE KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-white { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-white .metalic { background: url(phantom-images/white-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-white .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/white-knob-arrow.png) 0 0 no-repeat; } /* ------------------ WHITE KNOB 2 ------------------------*/ #phantomKnob-stacks_in_14 .dial-white2 { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-white2 .metalic { background: url(phantom-images/white2-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-white2 .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/white2-knob-arrow.png) 0 0 no-repeat; } /* ------------------ SUBTLE WHITE KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-sWhiteD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-sWhiteD .metalic { background: url(phantom-images/simple-white-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-sWhiteD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/simple-white-knob-top.png) 0 0 no-repeat; } /* ------------------ SUBTLE BLACK KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-sBlackD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-sBlackD .metalic { background: url(phantom-images/simple-black-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-sBlackD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/simple-black-knob-top.png) 0 0 no-repeat; } /* ------------------ SUBTLE METAL KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-wMetalD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-wMetalD .metalic { background: url(phantom-images/minimal-metal-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-wMetalD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/minimal-metal-arrow.png) 0 0 no-repeat; } /* ------------------ SUBTLE METAL KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-bMetalD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-bMetalD .metalic { background: url(phantom-images/minimal-metal-black-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-bMetalD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/minimal-metal-black-arrow.png) 0 0 no-repeat; } /* ------------------ TRON BLUE KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-tBlueD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-tBlueD .metalic { background: url(phantom-images/Tron-blue.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-tBlueD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/Tron-blue-arrrow.png) 0 0 no-repeat; } /* ------------------ TRON ORANGE KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-tOrangeD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-tOrangeD .metalic { background: url(phantom-images/Tron-orange.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-tOrangeD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/Tron-orange-arrrow.png) 0 0 no-repeat; } /* ------------------ BLACK KNOB ------------------------*/ #phantomKnob-stacks_in_14 .dial-black { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-black .metalic { background: url(phantom-images/black-knob.png) 0px 0 no-repeat; width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -18px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-black .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 20px; background: url(phantom-images/black-knob-arrow.png) 0 0 no-repeat; } /* ------------------ WHITE DIAL ------------------------*/ #phantomKnob-stacks_in_14 .dial-whiteD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-whiteD .metalic { width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -16px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-whiteD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 18px; background: url(phantom-images/white-dial.png) 0 0 no-repeat; } /* ------------------ BLACK DIAL ------------------------*/ #phantomKnob-stacks_in_14 .dial-blackD { width: 165px; height: 165px; border-radius: 50%; position: relative; display: block; margin: auto auto; top: 100px; opacity: 1; *zoom: 1; z-index: 99999; } #phantomKnob-stacks_in_14 .dial-blackD .metalic { width: 200px;/*165px;*/ z-index: 999; height: 200px;/*165px;*/ position: absolute; top: 3px; /*border-radius: 50%;*/ left: -16px; opacity: 1; } #phantomKnob-stacks_in_14 .dial-blackD .grad-stacks_in_14 { height: 160px;/*100%;*/ width: 160px;/*100%;*/ margin-left: 18px; background: url(phantom-images/black-dial.png) 0 0 no-repeat; } #phantomKnob-stacks_in_14 .container-stacks_in_14 { width: 325px; top: 70px; position: relative; margin: 0 auto; /*display: inline-block; background: rgba(0,0,0,.2);*/ /*height: 100%;*/ } #phantomKnob-stacks_in_14 .navWrap-stacks_in_14 { position: relative; width: 100%; top: -85px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li { display: inline-block; background: none !important; list-style-type: none !important; float: left; /* margin: 0 40px 0 0 !important;*/ cursor: pointer; font-size: 28px; line-height: 28px; padding-top: 5px; padding-left: 15px; height: 49px; width: 35px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li i.whiteIcon { color: rgba(255,255,255,0.6); text-shadow: 0px 1px 0px rgba(0,0,0,0.65); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), color-stop(85%, rgba(0,0,0,.5)), to(rgba(0,0,0,.5))); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li i.blackIcon { color: rgba(0,0,0,0.6); text-shadow: 0px 1px 0px rgba(255,255,255,0.65); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), color-stop(85%, rgba(0,0,0,.5)), to(rgba(0,0,0,.5))); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li a { cursor: pointer; text-decoration: none; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li.whiteIcon:after { content: " "; background-size: 10px 10px; position: absolute; width: 6px; height: 6px; background-color: rgba(255,255,255,0.6); border-radius: 50%; -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.65); -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.65); box-shadow: 0px 1px 0px rgba(0,0,0,0.65); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li.blackIcon:after { content: " "; background-size: 10px 10px; position: absolute; width: 6px; height: 6px; background-color: rgba(0,0,0,0.6); border-radius: 50%; -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.35); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.35); box-shadow: 0px 1px 0px rgba(255,255,255,0.35); opacity: 0.6; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li { position: absolute; width: 100px; height: 50px; margin: 0; padding: 0; text-align: center; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li div { line-height: 24px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li.active i { color: #FFFFFF; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:hover i { color: #FFFFFF; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li i { font-size: 24px; } /* hover transitions */ #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:after, #phantomKnob-stacks_in_14 #nav-stacks_in_14 li i { transition: all 300ms linear; } /*-------------------- FIVE ITEM KNOB (DEFAULT) --------------------*/ #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(1) { -webkit-transform: translate(-5px, -15px); -ms-transform: translate(-50px, -15px); transform: translate(-50px, -15px); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(1):after { right: 20px; top: 40px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(2) { -webkit-transform: translate(-20px, -85px); -ms-transform: translate(-20px, -85px);; transform: translate(-20px, -85px); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(2):after { right: 20px; top: 40px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(3) { -webkit-transform: translate(84px, -145px); -ms-transform: translate(84px, -145px); transform: translate(84px, -145px); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(3):after { right: 47px; top: 64px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(4) { -webkit-transform: translate(190px, -85px); -ms-transform: translate(190px, -85px); transform: translate(190px, -85px); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(4):after { left: 20px; top: 40px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(5) { -webkit-transform: translate(220px, -15px); -ms-transform: translate(220px, -15px); transform: translate(220px, -15px); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(5):after { left: 20px; top: 40px; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(6), #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:nth-of-type(7) { display: none; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li img { width: 35px; height: 35px; } #phantomKnob-stacks_in_14 .r0 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #phantomKnob-stacks_in_14 .rr1 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #phantomKnob-stacks_in_14 .rr2 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(88deg); -moz-transform: rotate(88deg); -ms-transform: rotate(88deg); -o-transform: rotate(88deg); transform: rotate(88deg); } #phantomKnob-stacks_in_14 .lr1 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #phantomKnob-stacks_in_14 .lr2 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-85deg); -moz-transform: rotate(-85deg); -ms-transform: rotate(-85deg); -o-transform: rotate(-85deg); transform: rotate(-85deg); } #phantomKnob-stacks_in_14 .newLeft { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-85deg); -moz-transform: rotate(-85deg); -ms-transform: rotate(-85deg); -o-transform: rotate(-85deg); transform: rotate(-85deg); } #phantomKnob-stacks_in_14 .newRight { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-85deg); -moz-transform: rotate(-85deg); -ms-transform: rotate(-85deg); -o-transform: rotate(-85deg); transform: rotate(-85deg); } /*-------------------- TWO ITEM KNOB --------------------*/ #phantomKnob-stacks_in_14.knob2 #nav-stacks_in_14 li:nth-of-type(1) div, #phantomKnob-stacks_in_14.knob2 #nav-stacks_in_14 li:nth-of-type(3) div, #phantomKnob-stacks_in_14.knob2 #nav-stacks_in_14 li:nth-of-type(5) div { display: none; } #phantomKnob-stacks_in_14.knob2 #nav-stacks_in_14 li:nth-of-type(1) { visibility: hidden; } #phantomKnob-stacks_in_14.knob2 #nav-stacks_in_14 li:nth-of-type(3) { visibility: hidden; } #phantomKnob-stacks_in_14.knob2 #nav-stacks_in_14 li:nth-of-type(5) { visibility: hidden; } #phantomKnob-stacks_in_14.knob2 .r0 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*-------------------- THREE ITEM KNOB --------------------*/ #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(1) div, #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(5) div { display: none; } #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(1) { visibility: hidden; } #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(5) { visibility: hidden; } #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(2) { -webkit-transform: translate(-40px, -45px); -ms-transform: translate(-40px, -45px); transform: translate(-40px, -45px); } #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(3) { -webkit-transform: translate(84px, -135px); -ms-transform: translate(84px, -135px); transform: translate(84px, -135px); } #phantomKnob-stacks_in_14.knob3 #nav-stacks_in_14 li:nth-of-type(4) { -webkit-transform: translate(210px, -45px); -ms-transform: translate(210px, -45px); transform: translate(210px, -45px); } #phantomKnob-stacks_in_14.knob3 .rr1 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(67deg); -moz-transform: rotate(67deg); -ms-transform: rotate(67deg); -o-transform: rotate(67deg); transform: rotate(67deg); } #phantomKnob-stacks_in_14.knob3 .lr1 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-67deg); -moz-transform: rotate(-67deg); -ms-transform: rotate(-67deg); -o-transform: rotate(-67deg); transform: rotate(-67deg); } /*-------------------- FOUR ITEM KNOB --------------------*/ #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li:nth-of-type(3) div { display: none; } #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li:nth-of-type(3) { visibility: hidden; } #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li:nth-of-type(1) { -webkit-transform: translate(-40px, -35px); -ms-transform: translate(-40px, -35px); transform: translate(-40px, -35px); } #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li:nth-of-type(2) { -webkit-transform: translate(20px, -105px); -ms-transform: translate(20px, -105px); transform: translate(20px, -105px); } #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li:nth-of-type(4) { -webkit-transform: translate(150px, -105px); -ms-transform: translate(150px, -105px); transform: translate(150px, -105px); } #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li:nth-of-type(5) { -webkit-transform: translate(210px, -35px); -ms-transform: translate(210px, -35px); transform: translate(210px, -35px); } #phantomKnob-stacks_in_14.knob4 #nav-stacks_in_14 li img { width: 35px; height: 35px; } #phantomKnob-stacks_in_14.knob4 .r0 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-72deg); -moz-transform: rotate(-72deg); -ms-transform: rotate(-72deg); -o-transform: rotate(-72deg); transform: rotate(-72deg); } #phantomKnob-stacks_in_14.knob4 .rr1 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(23deg); -moz-transform: rotate(23deg); -ms-transform: rotate(23deg); -o-transform: rotate(23deg); transform: rotate(23deg); } #phantomKnob-stacks_in_14.knob4 .rr2 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(74deg); -moz-transform: rotate(74deg); -ms-transform: rotate(74deg); -o-transform: rotate(74deg); transform: rotate(74deg); } #phantomKnob-stacks_in_14.knob4 .lr1 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-23deg); -moz-transform: rotate(-23deg); -ms-transform: rotate(-23deg); -o-transform: rotate(-23deg); transform: rotate(-23deg); } #phantomKnob-stacks_in_14.knob4 .lr2 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-72deg); -moz-transform: rotate(-72deg); -ms-transform: rotate(-72deg); -o-transform: rotate(-72deg); transform: rotate(-72deg); } /*-------------------- SIX ITEM KNOB --------------------*/ #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(1) { -webkit-transform: translate(-50px, -15px); -ms-transform: translate(-50px, -15px); transform: translate(-50px, -15px); } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(1):after { right: 20px; top: 40px; } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(2) { -webkit-transform: translate(25px, -115px); -ms-transform: translate(25px, -115px);; transform: translate(25px, -115px); } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(3) { display: none; } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(4) { -webkit-transform: translate(145px, -115px); -ms-transform: translate(145px, -115px); transform: translate(145px, -115px); } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(5) { -webkit-transform: translate(220px, -15px); -ms-transform: translate(220px, -15px); transform: translate(220px, -15px); } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(6) { display: block; -webkit-transform: translate(-30px, -75px); -ms-transform: translate(-30px, -75px); transform: translate(-30px, -75px); } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(6):after { right: 20px; top: 40px; } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(7) { display: block; -webkit-transform: translate(200px, -75px); -ms-transform: translate(200px, -75px); transform: translate(200px, -75px); } #phantomKnob-stacks_in_14.knob6 #nav-stacks_in_14 li:nth-of-type(7):after { left: 20px; top: 40px; } #phantomKnob-stacks_in_14.knob6 .lr2 { -webkit-transform: rotate(-85deg); -ms-transform: rotate(-85deg); transform: rotate(-85deg); } #phantomKnob-stacks_in_14.knob6 .newLeft { -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } #phantomKnob-stacks_in_14.knob6 .lr1 { -webkit-transform: rotate(-17deg); -ms-transform: rotate(-17deg); transform: rotate(-17deg); } #phantomKnob-stacks_in_14.knob6 .rr1 { -webkit-transform: rotate(17deg); -ms-transform: rotate(17deg); transform: rotate(17deg); } #phantomKnob-stacks_in_14.knob6 .newRight { -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); } #phantomKnob-stacks_in_14.knob6 .rr2 { -webkit-transform: rotate(87deg); -ms-transform: rotate(87deg); transform: rotate(87deg); } #phantomKnob-stacks_in_14.knob6 .r0 { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: rotate(-85deg); -moz-transform: rotate(-85deg); -ms-transform: rotate(-85deg); -o-transform: rotate(-85deg); transform: rotate(-85deg); } /*-------------------- SEVEN ITEM KNOB --------------------*/ #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(1) { -webkit-transform: translate(-50px, -15px); -ms-transform: translate(-50px, -15px); transform: translate(-50px, -15px); } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(2) { -webkit-transform: translate(10px, -110px); -ms-transform: translate(10px, -110px); transform: translate(10px, -110px); } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(3) { display: block; } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(4) { -webkit-transform: translate(160px, -110px); -ms-transform: translate(160px, -110px); transform: translate(160px, -110px); } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(5) { -webkit-transform: translate(220px, -15px); -ms-transform: translate(220px, -15px); transform: translate(220px, -15px); } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(6) { display: block; -webkit-transform: translate(-45px, -65px); -ms-transform: translate(-40px, -65px); transform: translate(-40px, -65px); } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(6):after { right: 20px; top: 40px; } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(7) { display: block; -webkit-transform: translate(210px, -65px); -ms-transform: translate(210px, -65px); transform: translate(210px, -65px); } #phantomKnob-stacks_in_14.knob7 #nav-stacks_in_14 li:nth-of-type(7):after { left: 20px; top: 40px; } #phantomKnob-stacks_in_14.knob7 .lr2 { -webkit-transform: rotate(-85deg); -ms-transform: rotate(-85deg); transform: rotate(-85deg); } #phantomKnob-stacks_in_14.knob7 .newLeft { -webkit-transform: rotate(-58deg); -ms-transform: rotate(-58deg); transform: rotate(-58deg); } #phantomKnob-stacks_in_14.knob7 .lr1 { -webkit-transform: rotate(-27deg); -ms-transform: rotate(-27deg); transform: rotate(-27deg); } #phantomKnob-stacks_in_14.knob7 .rr1 { -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); } #phantomKnob-stacks_in_14.knob7 .newRight { -webkit-transform: rotate(58deg); -ms-transform: rotate(58deg); transform: rotate(58deg); } #phantomKnob-stacks_in_14.knob7 .rr2 { -webkit-transform: rotate(87deg); -ms-transform: rotate(87deg); transform: rotate(87deg); } /* Knob Titles */ #phantomKnob-stacks_in_14 #nav-stacks_in_14 li div { /* position: absolute;*/ font-size: 12px; text-align: center; /* left: -22px;*/ width: 100px; /* top: -20px;*/ opacity: 1; visibility: visible; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li:hover div { visibility: visible; } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li.whiteIcon div { color: rgba(255,255,255,0.6); text-shadow: 0px 1px 0px rgba(0,0,0,0.6) } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li.blackIcon div { color: rgba(0,0,0,0.6); text-shadow: 0px 1px 0px rgba(255,255,255,0.3); } #phantomKnob-stacks_in_14 #nav-stacks_in_14 li#lr2-stacks_in_14 div{ /* left: -30px;*/ } /* ------------------ NUMBER OF MENU ITEMS ------------------------*/ #phantomButtons-stacks_in_14 .container-stacks_in_14 #editModeInput-stacks_in_14 li { display: none; } .buttonsNone-stacks_in_14 li.p3 { display: inline-block !important; } /* ------------------ SHOW ICONS ------------------------*/ #showIcons-stacks_in_14 { width: 100%; -webkit-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; transition: height 1s ease-in-out; height: px; border: none; border-top: 5px solid #eee; border-bottom: 5px solid #eee; overflow: hidden; } /*---------------------- popBox --------------------*/ /*.stacks_in, .stacks_out, .stacks_top { overflow: visible !important; }*/ /*---------------------- Cinema --------------------*/ @media (max-width: 700px) { .semantic-content { top: 38px !important; z-index: 9001 !important; } } @media (min-width: 700px) { .semantic-content .modal-inner { top: 100px !important; } .semantic-content .modal-close:after { top: 110px !important; } } @media (max-width: 600px) { .mqw { zoom: .9; } } @media (max-width: 500px) { .mqw { zoom: .8; } } @media (max-width: 400px) { .mqw { zoom: .7; } } @media (max-width: 1024px) { #stacks_in_14 .logoWrap .logoImage { margin-left: 15px; } } @media (max-width: 767px) { #stacks_in_14 .logoWrap .logoImage { max-width: 80px; } } .fa-custom1, .fa-custom2, .fa-custom3, .fa-custom4, .fa-custom5, .fa-custom6, .fa-custom7, .fa-custom8, .fa-custom9, .fa-custom10 { min-height: 15px; padding-left: 15px; display: inline-block !important; background-size: auto 100%; background-repeat: no-repeat !important; } /* Bootstrap */ #stacks_in_14 .container:before, #stacks_in_14 .container:after, #stacks_in_14 .row:before, #stacks_in_14 .row:after { display: table; content: " "; } #stacks_in_14 .container:after, #stacks_in_14 .row:after { clear: both; } .itemCol {float: left; width: 220px; color: #555; line-height: 190%;} .itemCol i {font-size: 24px; width: 25px;} #stacks_in_14 { background-color: rgba(54, 54, 54, 1.00); } .item-stacks_in_35 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_35 { /**/width: 100%;/**/ } }.blog_stacks_in_39 { position: relative; display: flex; flex-wrap: wrap; margin: -0.9375rem; width: calc(100% + 1.875rem); } .blog_stacks_in_39 .post { flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } .blog_stacks_in_39 .full-layout { display: none; } @media only screen and (min-width: 40.063em) { .blog_stacks_in_39.flex-grid-full .post:nth-child(0n+1) { flex: 1 1 100%; flex-direction: row; } .blog_stacks_in_39.flex-grid-full .post:nth-child(0n+1) .full-layout { display: block; width: 100%; } .blog_stacks_in_39.flex-grid-full .post:nth-child(0n+1) .default-layout { display: none; } .blog_stacks_in_39.flex-grid-full:after { content: ""; flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } } @supports (display: grid) { .blog_stacks_in_39.grid { display: grid; grid-template-columns: 1fr; grid-gap: 1.875rem; margin: 0; width: 100%; } @media screen and (min-width: 25em) { .blog_stacks_in_39.grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 40.0625em) { .blog_stacks_in_39.grid { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (min-width: 62.5em) { .blog_stacks_in_39.grid { grid-template-columns: 1fr 1fr 1fr; } } .blog_stacks_in_39.grid .post { flex: unset; display: block; margin: 0; } .blog_stacks_in_39.grid:after { display: none; } } .blog_stacks_in_39 .post { border-style: solid; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.8); background-position: center center; background-size: cover; border-width: 1px; border-radius: 0px; padding: 0rem; } .blog_stacks_in_39 .post.alternate:nth-child(even) { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0); } .blog_stacks_in_39 .post-image.thumbs li { width: calc(100%/2); } .blog_stacks_in_39 .hover-press { box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; transition: all 0.5s ease; } .blog_stacks_in_39 .hover-press:hover { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.3s ease; transform: translate3D(0, 0px, 0); } .blog_stacks_in_39 .hover-raise { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.5s ease; } .blog_stacks_in_39 .hover-raise:hover { transition: all 0.3s ease; transform: translate3D(0, 0px, 0); box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; } .layout1_stacks_in_50,.layout2_stacks_in_50{border-style:solid;border-color:rgba(231, 231, 231, 1.00);border-width:0px;border-radius:5px;padding:calc(16rem/16) calc(16rem/16) calc(0rem/16) calc(16rem/16);}.layout1_stacks_in_50.bgcolor,.layout2_stacks_in_50.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_50.bgimage,.layout2_stacks_in_50.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_50.height-fixed > .post_column1{height:350px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_50.height-auto-fixed > .post_column1{height:350px;overflow-y:auto}}.layout1_stacks_in_50.float-left,.layout1_stacks_in_50.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_50.float-left,.layout1_stacks_in_50.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_50.float-left,.layout1_stacks_in_50.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_50.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_50.float-right{float:right}}.layout1_stacks_in_50.overlap-top{margin-top:-100px}.layout1_stacks_in_50.overlap-bottom{margin-bottom:-100px} .stacks_in_52 .post-image{border-radius:0px;}.stacks_in_52 .post-image li{padding:calc(0rem/16);}.stacks_in_52 .post-image .post-bg-image{height:200px}.stacks_in_52 .post-image img,.stacks_in_52 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_52 .post-image img{width:100% !important;}.post .stacks_in_52 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_52 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_52 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_52 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_52 .post-image.blur li{filter:blur(10px)} .layout1_stacks_in_41,.layout2_stacks_in_41{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:5px;padding:calc(25rem/16);}.layout1_stacks_in_41.bgcolor,.layout2_stacks_in_41.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_41.bgimage,.layout2_stacks_in_41.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout2_stacks_in_41 > .post_column1{float:left;width:100%;padding-right:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_41 > .post_column1{width:50.00%;padding-right:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_41 > .post_column1{width:50.00%;padding-right:10.000000px}}.layout2_stacks_in_41 > .post_column2{float:right;width:100%;padding-left:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_41 > .post_column2{width:50.000000%;padding-left:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_41 > .post_column2{width:50.000000%;padding-left:10.000000px}}.layout2_stacks_in_41:after{content:' ';display:block;clear:both} .layout1_stacks_in_45,.layout2_stacks_in_45{border-style:solid;border-color:rgba(153, 153, 153, 1.00);border-width:0px;border-radius:0px;padding:calc(0rem/16) calc(0rem/16) calc(0rem/16) calc(0rem/16);}.layout1_stacks_in_45.bgcolor,.layout2_stacks_in_45.bgcolor{background-color:rgba(204, 204, 204, 1.00)}.layout1_stacks_in_45.bgimage,.layout2_stacks_in_45.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_45.height-fixed > .post_column1{height:300px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_45.height-auto-fixed > .post_column1{height:300px;overflow-y:auto}}.layout1_stacks_in_45.float-left,.layout1_stacks_in_45.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_45.float-left,.layout1_stacks_in_45.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_45.float-left,.layout1_stacks_in_45.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_45.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_45.float-right{float:right}}.layout1_stacks_in_45.overlap-top{margin-top:-100px}.layout1_stacks_in_45.overlap-bottom{margin-bottom:-100px} .stacks_in_43 .post-image{border-radius:0px;}.stacks_in_43 .post-image li{padding:calc(0rem/16);}.stacks_in_43 .post-image .post-bg-image{height:200px}.stacks_in_43 .post-image img,.stacks_in_43 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_43 .post-image img{width:100% !important;}.post .stacks_in_43 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_43 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_43 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_43 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_43 .post-image.blur li{filter:blur(10px)} .item-stacks_in_56 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_56 { /**/width: 100%;/**/ } }.blog_stacks_in_60 { position: relative; display: flex; flex-wrap: wrap; margin: -0.9375rem; width: calc(100% + 1.875rem); } .blog_stacks_in_60 .post { flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } .blog_stacks_in_60 .full-layout { display: none; } @media only screen and (min-width: 40.063em) { .blog_stacks_in_60.flex-grid-full .post:nth-child(0n+1) { flex: 1 1 100%; flex-direction: row; } .blog_stacks_in_60.flex-grid-full .post:nth-child(0n+1) .full-layout { display: block; width: 100%; } .blog_stacks_in_60.flex-grid-full .post:nth-child(0n+1) .default-layout { display: none; } .blog_stacks_in_60.flex-grid-full:after { content: ""; flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } } @supports (display: grid) { .blog_stacks_in_60.grid { display: grid; grid-template-columns: 1fr; grid-gap: 1.875rem; margin: 0; width: 100%; } @media screen and (min-width: 25em) { .blog_stacks_in_60.grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 40.0625em) { .blog_stacks_in_60.grid { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (min-width: 62.5em) { .blog_stacks_in_60.grid { grid-template-columns: 1fr 1fr 1fr; } } .blog_stacks_in_60.grid .post { flex: unset; display: block; margin: 0; } .blog_stacks_in_60.grid:after { display: none; } } .blog_stacks_in_60 .post { border-style: solid; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.8); background-position: center center; background-size: cover; border-width: 1px; border-radius: 0px; padding: 0rem; } .blog_stacks_in_60 .post.alternate:nth-child(even) { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0); } .blog_stacks_in_60 .post-image.thumbs li { width: calc(100%/2); } .blog_stacks_in_60 .hover-press { box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; transition: all 0.5s ease; } .blog_stacks_in_60 .hover-press:hover { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.3s ease; transform: translate3D(0, 0px, 0); } .blog_stacks_in_60 .hover-raise { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.5s ease; } .blog_stacks_in_60 .hover-raise:hover { transition: all 0.3s ease; transform: translate3D(0, 0px, 0); box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; } .layout1_stacks_in_71,.layout2_stacks_in_71{border-style:solid;border-color:rgba(231, 231, 231, 1.00);border-width:0px;border-radius:5px;padding:calc(16rem/16) calc(16rem/16) calc(0rem/16) calc(16rem/16);}.layout1_stacks_in_71.bgcolor,.layout2_stacks_in_71.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_71.bgimage,.layout2_stacks_in_71.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_71.height-fixed > .post_column1{height:350px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_71.height-auto-fixed > .post_column1{height:350px;overflow-y:auto}}.layout1_stacks_in_71.float-left,.layout1_stacks_in_71.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_71.float-left,.layout1_stacks_in_71.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_71.float-left,.layout1_stacks_in_71.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_71.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_71.float-right{float:right}}.layout1_stacks_in_71.overlap-top{margin-top:-100px}.layout1_stacks_in_71.overlap-bottom{margin-bottom:-100px} .stacks_in_73 .post-image{border-radius:0px;}.stacks_in_73 .post-image li{padding:calc(0rem/16);}.stacks_in_73 .post-image .post-bg-image{height:200px}.stacks_in_73 .post-image img,.stacks_in_73 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_73 .post-image img{width:100% !important;}.post .stacks_in_73 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_73 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_73 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_73 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_73 .post-image.blur li{filter:blur(10px)} .layout1_stacks_in_62,.layout2_stacks_in_62{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:5px;padding:calc(25rem/16);}.layout1_stacks_in_62.bgcolor,.layout2_stacks_in_62.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_62.bgimage,.layout2_stacks_in_62.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout2_stacks_in_62 > .post_column1{float:left;width:100%;padding-right:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_62 > .post_column1{width:50.00%;padding-right:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_62 > .post_column1{width:50.00%;padding-right:10.000000px}}.layout2_stacks_in_62 > .post_column2{float:right;width:100%;padding-left:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_62 > .post_column2{width:50.000000%;padding-left:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_62 > .post_column2{width:50.000000%;padding-left:10.000000px}}.layout2_stacks_in_62:after{content:' ';display:block;clear:both} .layout1_stacks_in_66,.layout2_stacks_in_66{border-style:solid;border-color:rgba(153, 153, 153, 1.00);border-width:0px;border-radius:0px;padding:calc(0rem/16) calc(0rem/16) calc(0rem/16) calc(0rem/16);}.layout1_stacks_in_66.bgcolor,.layout2_stacks_in_66.bgcolor{background-color:rgba(204, 204, 204, 1.00)}.layout1_stacks_in_66.bgimage,.layout2_stacks_in_66.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_66.height-fixed > .post_column1{height:300px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_66.height-auto-fixed > .post_column1{height:300px;overflow-y:auto}}.layout1_stacks_in_66.float-left,.layout1_stacks_in_66.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_66.float-left,.layout1_stacks_in_66.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_66.float-left,.layout1_stacks_in_66.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_66.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_66.float-right{float:right}}.layout1_stacks_in_66.overlap-top{margin-top:-100px}.layout1_stacks_in_66.overlap-bottom{margin-bottom:-100px} .stacks_in_64 .post-image{border-radius:0px;}.stacks_in_64 .post-image li{padding:calc(0rem/16);}.stacks_in_64 .post-image .post-bg-image{height:200px}.stacks_in_64 .post-image img,.stacks_in_64 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_64 .post-image img{width:100% !important;}.post .stacks_in_64 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_64 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_64 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_64 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_64 .post-image.blur li{filter:blur(10px)} .item-stacks_in_77 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_77 { /**/width: 100%;/**/ } }.blog_stacks_in_81 { position: relative; display: flex; flex-wrap: wrap; margin: -0.9375rem; width: calc(100% + 1.875rem); } .blog_stacks_in_81 .post { flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } .blog_stacks_in_81 .full-layout { display: none; } @media only screen and (min-width: 40.063em) { .blog_stacks_in_81.flex-grid-full .post:nth-child(0n+1) { flex: 1 1 100%; flex-direction: row; } .blog_stacks_in_81.flex-grid-full .post:nth-child(0n+1) .full-layout { display: block; width: 100%; } .blog_stacks_in_81.flex-grid-full .post:nth-child(0n+1) .default-layout { display: none; } .blog_stacks_in_81.flex-grid-full:after { content: ""; flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } } @supports (display: grid) { .blog_stacks_in_81.grid { display: grid; grid-template-columns: 1fr; grid-gap: 1.875rem; margin: 0; width: 100%; } @media screen and (min-width: 25em) { .blog_stacks_in_81.grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 40.0625em) { .blog_stacks_in_81.grid { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (min-width: 62.5em) { .blog_stacks_in_81.grid { grid-template-columns: 1fr 1fr 1fr; } } .blog_stacks_in_81.grid .post { flex: unset; display: block; margin: 0; } .blog_stacks_in_81.grid:after { display: none; } } .blog_stacks_in_81 .post { border-style: solid; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.8); background-position: center center; background-size: cover; border-width: 1px; border-radius: 0px; padding: 0rem; } .blog_stacks_in_81 .post.alternate:nth-child(even) { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0); } .blog_stacks_in_81 .post-image.thumbs li { width: calc(100%/2); } .blog_stacks_in_81 .hover-press { box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; transition: all 0.5s ease; } .blog_stacks_in_81 .hover-press:hover { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.3s ease; transform: translate3D(0, 0px, 0); } .blog_stacks_in_81 .hover-raise { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.5s ease; } .blog_stacks_in_81 .hover-raise:hover { transition: all 0.3s ease; transform: translate3D(0, 0px, 0); box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; } .layout1_stacks_in_92,.layout2_stacks_in_92{border-style:solid;border-color:rgba(231, 231, 231, 1.00);border-width:0px;border-radius:5px;padding:calc(16rem/16) calc(16rem/16) calc(0rem/16) calc(16rem/16);}.layout1_stacks_in_92.bgcolor,.layout2_stacks_in_92.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_92.bgimage,.layout2_stacks_in_92.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_92.height-fixed > .post_column1{height:350px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_92.height-auto-fixed > .post_column1{height:350px;overflow-y:auto}}.layout1_stacks_in_92.float-left,.layout1_stacks_in_92.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_92.float-left,.layout1_stacks_in_92.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_92.float-left,.layout1_stacks_in_92.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_92.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_92.float-right{float:right}}.layout1_stacks_in_92.overlap-top{margin-top:-100px}.layout1_stacks_in_92.overlap-bottom{margin-bottom:-100px} .stacks_in_94 .post-image{border-radius:0px;}.stacks_in_94 .post-image li{padding:calc(0rem/16);}.stacks_in_94 .post-image .post-bg-image{height:200px}.stacks_in_94 .post-image img,.stacks_in_94 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_94 .post-image img{width:100% !important;}.post .stacks_in_94 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_94 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_94 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_94 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_94 .post-image.blur li{filter:blur(10px)} .layout1_stacks_in_83,.layout2_stacks_in_83{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:5px;padding:calc(25rem/16);}.layout1_stacks_in_83.bgcolor,.layout2_stacks_in_83.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_83.bgimage,.layout2_stacks_in_83.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout2_stacks_in_83 > .post_column1{float:left;width:100%;padding-right:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_83 > .post_column1{width:50.00%;padding-right:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_83 > .post_column1{width:50.00%;padding-right:10.000000px}}.layout2_stacks_in_83 > .post_column2{float:right;width:100%;padding-left:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_83 > .post_column2{width:50.000000%;padding-left:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_83 > .post_column2{width:50.000000%;padding-left:10.000000px}}.layout2_stacks_in_83:after{content:' ';display:block;clear:both} .layout1_stacks_in_87,.layout2_stacks_in_87{border-style:solid;border-color:rgba(153, 153, 153, 1.00);border-width:0px;border-radius:0px;padding:calc(0rem/16) calc(0rem/16) calc(0rem/16) calc(0rem/16);}.layout1_stacks_in_87.bgcolor,.layout2_stacks_in_87.bgcolor{background-color:rgba(204, 204, 204, 1.00)}.layout1_stacks_in_87.bgimage,.layout2_stacks_in_87.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_87.height-fixed > .post_column1{height:300px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_87.height-auto-fixed > .post_column1{height:300px;overflow-y:auto}}.layout1_stacks_in_87.float-left,.layout1_stacks_in_87.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_87.float-left,.layout1_stacks_in_87.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_87.float-left,.layout1_stacks_in_87.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_87.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_87.float-right{float:right}}.layout1_stacks_in_87.overlap-top{margin-top:-100px}.layout1_stacks_in_87.overlap-bottom{margin-bottom:-100px} .stacks_in_85 .post-image{border-radius:0px;}.stacks_in_85 .post-image li{padding:calc(0rem/16);}.stacks_in_85 .post-image .post-bg-image{height:200px}.stacks_in_85 .post-image img,.stacks_in_85 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_85 .post-image img{width:100% !important;}.post .stacks_in_85 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_85 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_85 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_85 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_85 .post-image.blur li{filter:blur(10px)} .item-stacks_in_98 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_98 { /**/width: 100%;/**/ } }#stacks_in_110 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_110 img.maxwidth{max-width:500px}#stacks_in_110 img.maxheight{width:auto;max-height:500px} /* Hyphenate stack v1.4.3 */ #hyp_stacks_in_332 { word-wrap: break-word; -webkit-hyphens: auto; /* Safari only; not implemented in Google Chrome (yet) */ -moz-hyphens: auto; -ms-hyphens: auto; /* only IE10+ */ -o-hyphens: auto; /* not implemented (yet) */ hyphens: auto; /* not implemented (yet) */ -webkit-hyphenate-limit-lines: 2; /* Safari only; not implemented in Google Chrome (yet) */ -moz-hyphenate-limit-lines: 2; /* not implemented (yet) */ -ms-hyphenate-limit-lines: 2; /* only IE10+ */ -o-hyphenate-limit-lines: 2; /* not implemented (yet) */ hyphenate-limit-lines: 2; /* not implemented (yet) */ } #stacks_in_332 code, #hyp_stacks_in_332 var, #hyp_stacks_in_332 kbd, #hyp_stacks_in_332 samp, #hyp_stacks_in_332 tt, #hyp_stacks_in_332 dir, #hyp_stacks_in_332 listing, #hyp_stacks_in_332 plaintext, #hyp_stacks_in_332 xmp, #hyp_stacks_in_332 abbr, #hyp_stacks_in_332 acronym { word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } /* End of Hyphenate stack */ .item-stacks_in_112 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_112 { /**/width: 100%;/**/ } }.blog_stacks_in_116 { position: relative; display: flex; flex-wrap: wrap; margin: -0.9375rem; width: calc(100% + 1.875rem); } .blog_stacks_in_116 .post { flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } .blog_stacks_in_116 .full-layout { display: none; } @media only screen and (min-width: 40.063em) { .blog_stacks_in_116.flex-grid-full .post:nth-child(0n+1) { flex: 1 1 100%; flex-direction: row; } .blog_stacks_in_116.flex-grid-full .post:nth-child(0n+1) .full-layout { display: block; width: 100%; } .blog_stacks_in_116.flex-grid-full .post:nth-child(0n+1) .default-layout { display: none; } .blog_stacks_in_116.flex-grid-full:after { content: ""; flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } } @supports (display: grid) { .blog_stacks_in_116.grid { display: grid; grid-template-columns: 1fr; grid-gap: 1.875rem; margin: 0; width: 100%; } @media screen and (min-width: 25em) { .blog_stacks_in_116.grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 40.0625em) { .blog_stacks_in_116.grid { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (min-width: 62.5em) { .blog_stacks_in_116.grid { grid-template-columns: 1fr 1fr 1fr; } } .blog_stacks_in_116.grid .post { flex: unset; display: block; margin: 0; } .blog_stacks_in_116.grid:after { display: none; } } .blog_stacks_in_116 .post { border-style: solid; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0); background-position: center center; background-size: cover; border-width: 1px; border-radius: 0px; padding: 0rem; } .blog_stacks_in_116 .post.alternate:nth-child(even) { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0); } .blog_stacks_in_116 .post-image.thumbs li { width: calc(100%/2); } .blog_stacks_in_116 .hover-press { box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; transition: all 0.5s ease; } .blog_stacks_in_116 .hover-press:hover { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.3s ease; transform: translate3D(0, 0px, 0); } .blog_stacks_in_116 .hover-raise { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.5s ease; } .blog_stacks_in_116 .hover-raise:hover { transition: all 0.3s ease; transform: translate3D(0, 0px, 0); box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; } .layout1_stacks_in_118,.layout2_stacks_in_118{border-style:solid;border-color:rgba(231, 231, 231, 1.00);border-width:0px;border-radius:5px;padding:calc(16rem/16) calc(16rem/16) calc(0rem/16) calc(16rem/16);}.layout1_stacks_in_118.bgcolor,.layout2_stacks_in_118.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_118.bgimage,.layout2_stacks_in_118.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_118.height-fixed > .post_column1{height:350px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_118.height-auto-fixed > .post_column1{height:350px;overflow-y:auto}}.layout1_stacks_in_118.float-left,.layout1_stacks_in_118.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_118.float-left,.layout1_stacks_in_118.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_118.float-left,.layout1_stacks_in_118.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_118.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_118.float-right{float:right}}.layout1_stacks_in_118.overlap-top{margin-top:-100px}.layout1_stacks_in_118.overlap-bottom{margin-bottom:-100px} .stacks_in_120 .post-image{border-radius:0px;}.stacks_in_120 .post-image li{padding:calc(0rem/16);}.stacks_in_120 .post-image .post-bg-image{height:200px}.stacks_in_120 .post-image img,.stacks_in_120 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_120 .post-image img{width:100% !important;}.post .stacks_in_120 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_120 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_120 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_120 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_120 .post-image.blur li{filter:blur(10px)} .layout1_stacks_in_167,.layout2_stacks_in_167{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:5px;padding:calc(25rem/16);}.layout1_stacks_in_167.bgcolor,.layout2_stacks_in_167.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_167.bgimage,.layout2_stacks_in_167.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout2_stacks_in_167 > .post_column1{float:left;width:100%;padding-right:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_167 > .post_column1{width:50.00%;padding-right:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_167 > .post_column1{width:50.00%;padding-right:10.000000px}}.layout2_stacks_in_167 > .post_column2{float:right;width:100%;padding-left:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_167 > .post_column2{width:50.000000%;padding-left:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_167 > .post_column2{width:50.000000%;padding-left:10.000000px}}.layout2_stacks_in_167:after{content:' ';display:block;clear:both} .layout1_stacks_in_169,.layout2_stacks_in_169{border-style:solid;border-color:rgba(153, 153, 153, 1.00);border-width:0px;border-radius:0px;padding:calc(0rem/16) calc(0rem/16) calc(0rem/16) calc(0rem/16);}.layout1_stacks_in_169.bgcolor,.layout2_stacks_in_169.bgcolor{background-color:rgba(204, 204, 204, 1.00)}.layout1_stacks_in_169.bgimage,.layout2_stacks_in_169.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_169.height-fixed > .post_column1{height:300px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_169.height-auto-fixed > .post_column1{height:300px;overflow-y:auto}}.layout1_stacks_in_169.float-left,.layout1_stacks_in_169.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_169.float-left,.layout1_stacks_in_169.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_169.float-left,.layout1_stacks_in_169.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_169.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_169.float-right{float:right}}.layout1_stacks_in_169.overlap-top{margin-top:-100px}.layout1_stacks_in_169.overlap-bottom{margin-bottom:-100px} .stacks_in_171 .post-image{border-radius:0px;}.stacks_in_171 .post-image li{padding:calc(0rem/16);}.stacks_in_171 .post-image .post-bg-image{height:200px}.stacks_in_171 .post-image img,.stacks_in_171 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_171 .post-image img{width:100% !important;}.post .stacks_in_171 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_171 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_171 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_171 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_171 .post-image.blur li{filter:blur(10px)} .item-stacks_in_124 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_124 { /**/width: 100%;/**/ } } .item-stacks_in_149 { float: left; display: inline-block; width: 300px; /**/width: 100%;/**/ height: auto; } @media all and (max-width: 500px) { .item-stacks_in_149 { /**/width: 100%;/**/ } }#stacks_in_162 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_162 img.maxwidth{max-width:500px}#stacks_in_162 img.maxheight{width:auto;max-height:300px} @media only screen and (min-width:0px){#stacks_in_154 h4,#stacks_in_154 div{line-height:1.30}}@media only screen and (min-width:0px){#stacks_in_154 h4,#stacks_in_154 div{letter-spacing:3.00px}}#stacks_in_154 .header-pro.text-center .hTxt{margin-right:-3px}#stacks_in_154 .primary,#stacks_in_154 .segment{display:inline-block}#stacks_in_154 .primary.sub-title,#stacks_in_154 .segment.sub-title{display:block}#stacks_in_154 [data-seg="segment2"].last-title{display:block}#stacks_in_154 .segment.no-shadow{text-shadow:none !important}#stacks_in_154 .segment *{}#stacks_in_154 .hTxt.primary{vertical-align:baseline}#stacks_in_154 .segment[data-seg="segment1"]{font-size:70%;color:rgba(0, 0, 0, 1.00);padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;vertical-align:baseline;}#stacks_in_154 .segment[data-seg="segment1"] div{color:rgba(0, 0, 0, 1.00)}#stacks_in_154 .segment[data-seg="segment1"] div.mez{font-size:70%} .target.stacks_in_315{ margin:0px;}.target.stacks_in_315{}.target.stacks_in_315.width-fill{width:calc(100% - 0px)}.target.stacks_in_315.width-flexible{width:100%}.target.stacks_in_315.width-fixed{width:250px}.target.stacks_in_315.height-fill{height:calc(100% - 0px)}.target.stacks_in_315.height-flexible{height:100%}.target.stacks_in_315.height-fixed{height:250px}.target.stacks_in_315[class*="relative-"].top-pt{top:0%}.target.stacks_in_315[class*="relative-"].top-px{top:0px}.target.stacks_in_315[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_315[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_315[class*="relative-"].right-pt{right:0%}.target.stacks_in_315[class*="relative-"].right-px{right:0px}.target.stacks_in_315[class*="relative-"].left-pt{left:0%}.target.stacks_in_315[class*="relative-"].left-px{left:0px}.target.stacks_in_315.shift-up{margin-top:-0px}.target.stacks_in_315.shift-down{margin-bottom:-0px}.target.stacks_in_315.shift-left{right:0px}.target.stacks_in_315.shift-right{left:0px}.target.stacks_in_315.pin-top,.target.stacks_in_315.pin-bottom{left:0px}.target.stacks_in_315.pin-left,.target.stacks_in_315.pin-right{top:0px} .agent-hide{display:none !important} @media only screen and (min-width:0px){#stacks_in_482 h5,#stacks_in_482 div{letter-spacing:7.00px}}#stacks_in_482 .header-pro.text-center .hTxt{margin-right:-7px}#stacks_in_482 .primary,#stacks_in_482 .segment{display:inline-block}#stacks_in_482 .primary.sub-title,#stacks_in_482 .segment.sub-title{display:block}#stacks_in_482 [data-seg="segment2"].last-title{display:block}#stacks_in_482 .segment.no-shadow{text-shadow:none !important}#stacks_in_482 .segment *{}#stacks_in_482 .hTxt.primary{vertical-align:baseline}#stacks_in_482 .segment[data-seg="segment1"]{font-size:50%;color:rgba(255, 255, 255, 1.00);padding:0px 0px 0px 108px;margin:0px 0px 0px 0px;vertical-align:baseline;}#stacks_in_482 .segment[data-seg="segment1"] div{color:rgba(255, 255, 255, 1.00)}#stacks_in_482 .segment[data-seg="segment1"] div.mez{font-size:50%} .target.stacks_in_554{ margin:0px;}.target.stacks_in_554{}.target.stacks_in_554.width-fill{width:calc(100% - 0px)}.target.stacks_in_554.width-flexible{width:100%}.target.stacks_in_554.width-fixed{width:250px}.target.stacks_in_554.height-fill{height:calc(100% - 0px)}.target.stacks_in_554.height-flexible{height:100%}.target.stacks_in_554.height-fixed{height:250px}.target.stacks_in_554[class*="relative-"].top-pt{top:0%}.target.stacks_in_554[class*="relative-"].top-px{top:0px}.target.stacks_in_554[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_554[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_554[class*="relative-"].right-pt{right:0%}.target.stacks_in_554[class*="relative-"].right-px{right:0px}.target.stacks_in_554[class*="relative-"].left-pt{left:0%}.target.stacks_in_554[class*="relative-"].left-px{left:0px}.target.stacks_in_554.shift-up{margin-top:-0px}.target.stacks_in_554.shift-down{margin-bottom:-0px}.target.stacks_in_554.shift-left{right:0px}.target.stacks_in_554.shift-right{left:0px}.target.stacks_in_554.pin-top,.target.stacks_in_554.pin-bottom{left:0px}.target.stacks_in_554.pin-left,.target.stacks_in_554.pin-right{top:0px} #stacks_in_644 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_644 img.maxwidth{max-width:300px}#stacks_in_644 img.maxheight{width:auto;max-height:0px} /* Hyphenate stack v1.4.3 */ #hyp_stacks_in_638 { word-wrap: break-word; -webkit-hyphens: auto; /* Safari only; not implemented in Google Chrome (yet) */ -moz-hyphens: auto; -ms-hyphens: auto; /* only IE10+ */ -o-hyphens: auto; /* not implemented (yet) */ hyphens: auto; /* not implemented (yet) */ -webkit-hyphenate-limit-lines: 2; /* Safari only; not implemented in Google Chrome (yet) */ -moz-hyphenate-limit-lines: 2; /* not implemented (yet) */ -ms-hyphenate-limit-lines: 2; /* only IE10+ */ -o-hyphenate-limit-lines: 2; /* not implemented (yet) */ hyphenate-limit-lines: 2; /* not implemented (yet) */ } #stacks_in_638 code, #hyp_stacks_in_638 var, #hyp_stacks_in_638 kbd, #hyp_stacks_in_638 samp, #hyp_stacks_in_638 tt, #hyp_stacks_in_638 dir, #hyp_stacks_in_638 listing, #hyp_stacks_in_638 plaintext, #hyp_stacks_in_638 xmp, #hyp_stacks_in_638 abbr, #hyp_stacks_in_638 acronym { word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } /* End of Hyphenate stack */ @media only screen and (min-width:0px){#stacks_in_705 h4,#stacks_in_705 div{line-height:1.30}}@media only screen and (min-width:0px){#stacks_in_705 h4,#stacks_in_705 div{letter-spacing:3.00px}}#stacks_in_705 .header-pro.text-center .hTxt{margin-right:-3px}#stacks_in_705 .primary,#stacks_in_705 .segment{display:inline-block}#stacks_in_705 .primary.sub-title,#stacks_in_705 .segment.sub-title{display:block}#stacks_in_705 [data-seg="segment2"].last-title{display:block}#stacks_in_705 .segment.no-shadow{text-shadow:none !important}#stacks_in_705 .segment *{}#stacks_in_705 .hTxt.primary{vertical-align:baseline}#stacks_in_705 .segment[data-seg="segment1"]{font-size:70%;color:rgba(0, 0, 0, 1.00);padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;vertical-align:baseline;}#stacks_in_705 .segment[data-seg="segment1"] div{color:rgba(0, 0, 0, 1.00)}#stacks_in_705 .segment[data-seg="segment1"] div.mez{font-size:70%} .blog_stacks_in_613 { position: relative; display: flex; flex-wrap: wrap; margin: -0.9375rem; width: calc(100% + 1.875rem); } .blog_stacks_in_613 .post { flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } .blog_stacks_in_613 .full-layout { display: none; } @media only screen and (min-width: 40.063em) { .blog_stacks_in_613.flex-grid-full .post:nth-child(0n+1) { flex: 1 1 100%; flex-direction: row; } .blog_stacks_in_613.flex-grid-full .post:nth-child(0n+1) .full-layout { display: block; width: 100%; } .blog_stacks_in_613.flex-grid-full .post:nth-child(0n+1) .default-layout { display: none; } .blog_stacks_in_613.flex-grid-full:after { content: ""; flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 0.9375rem; } } @supports (display: grid) { .blog_stacks_in_613.grid { display: grid; grid-template-columns: 1fr; grid-gap: 1.875rem; margin: 0; width: 100%; } @media screen and (min-width: 25em) { .blog_stacks_in_613.grid { grid-template-columns: 1fr; } } @media screen and (min-width: 40.0625em) { .blog_stacks_in_613.grid { grid-template-columns: 1fr; } } @media screen and (min-width: 62.5em) { .blog_stacks_in_613.grid { grid-template-columns: 1fr; } } .blog_stacks_in_613.grid .post { flex: unset; display: block; margin: 0; } .blog_stacks_in_613.grid:after { display: none; } } .blog_stacks_in_613 .post { border-style: solid; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0); background-position: center center; background-size: cover; border-width: 1px; border-radius: 0px; padding: 0rem; } .blog_stacks_in_613 .post.alternate:nth-child(even) { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0); } .blog_stacks_in_613 .post-image.thumbs li { width: calc(100%/2); } .blog_stacks_in_613 .hover-press { box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; transition: all 0.5s ease; } .blog_stacks_in_613 .hover-press:hover { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.3s ease; transform: translate3D(0, 0px, 0); } .blog_stacks_in_613 .hover-raise { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.5s ease; } .blog_stacks_in_613 .hover-raise:hover { transition: all 0.3s ease; transform: translate3D(0, 0px, 0); box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; } .layout1_stacks_in_614,.layout2_stacks_in_614{border-style:solid;border-color:rgba(231, 231, 231, 1.00);border-width:0px;border-radius:5px;padding:calc(16rem/16) calc(16rem/16) calc(0rem/16) calc(16rem/16);}.layout1_stacks_in_614.bgcolor,.layout2_stacks_in_614.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_614.bgimage,.layout2_stacks_in_614.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_614.height-fixed > .post_column1{height:350px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_614.height-auto-fixed > .post_column1{height:350px;overflow-y:auto}}.layout1_stacks_in_614.float-left,.layout1_stacks_in_614.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_614.float-left,.layout1_stacks_in_614.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_614.float-left,.layout1_stacks_in_614.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_614.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_614.float-right{float:right}}.layout1_stacks_in_614.overlap-top{margin-top:-100px}.layout1_stacks_in_614.overlap-bottom{margin-bottom:-100px} .stacks_in_616 .post-image{border-radius:0px;}.stacks_in_616 .post-image li{padding:calc(0rem/16);}.stacks_in_616 .post-image .post-bg-image{height:200px}.stacks_in_616 .post-image img,.stacks_in_616 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_616 .post-image img{width:100% !important;}.post .stacks_in_616 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_616 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_616 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_616 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_616 .post-image.blur li{filter:blur(10px)} .layout1_stacks_in_621,.layout2_stacks_in_621{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:5px;padding:calc(25rem/16);}.layout1_stacks_in_621.bgcolor,.layout2_stacks_in_621.bgcolor{background-color:rgba(255, 255, 255, 1.00)}.layout1_stacks_in_621.bgimage,.layout2_stacks_in_621.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout2_stacks_in_621 > .post_column1{float:left;width:100%;padding-right:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_621 > .post_column1{width:50.00%;padding-right:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_621 > .post_column1{width:50.00%;padding-right:10.000000px}}.layout2_stacks_in_621 > .post_column2{float:right;width:100%;padding-left:0}@media only screen and (min-width:40.063em){.layout2_stacks_in_621 > .post_column2{width:50.000000%;padding-left:10.000000px}}@media only screen and (min-width:62.563em){.layout2_stacks_in_621 > .post_column2{width:50.000000%;padding-left:10.000000px}}.layout2_stacks_in_621:after{content:' ';display:block;clear:both} .layout1_stacks_in_623,.layout2_stacks_in_623{border-style:solid;border-color:rgba(153, 153, 153, 1.00);border-width:0px;border-radius:0px;padding:calc(0rem/16) calc(0rem/16) calc(0rem/16) calc(0rem/16);}.layout1_stacks_in_623.bgcolor,.layout2_stacks_in_623.bgcolor{background-color:rgba(204, 204, 204, 1.00)}.layout1_stacks_in_623.bgimage,.layout2_stacks_in_623.bgimage{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}.layout1_stacks_in_623.height-fixed > .post_column1{height:300px;overflow-y:auto}@media only screen and (min-width:40.063em){.layout1_stacks_in_623.height-auto-fixed > .post_column1{height:300px;overflow-y:auto}}.layout1_stacks_in_623.float-left,.layout1_stacks_in_623.float-right{width:100%;float:none}@media only screen and (min-width:40.063em){.layout1_stacks_in_623.float-left,.layout1_stacks_in_623.float-right{width:50.00%}}@media only screen and (min-width:62.563em){.layout1_stacks_in_623.float-left,.layout1_stacks_in_623.float-right{width:50.00%}}@media only screen and (min-width:40.063em){.layout1_stacks_in_623.float-left{float:left}}@media only screen and (min-width:40.063em){.layout1_stacks_in_623.float-right{float:right}}.layout1_stacks_in_623.overlap-top{margin-top:-100px}.layout1_stacks_in_623.overlap-bottom{margin-bottom:-100px} .stacks_in_629 .post-image{border-radius:0px;}.stacks_in_629 .post-image li{padding:calc(0rem/16);}.stacks_in_629 .post-image .post-bg-image{height:200px}.stacks_in_629 .post-image img,.stacks_in_629 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_629 .post-image img{width:100% !important;}.post .stacks_in_629 .post-image.scale-down li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_629 .post-image.scale-down li{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_629 .post-image.scale-up li{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_629 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_629 .post-image.blur li{filter:blur(10px)}