@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} @font-face { font-family: 'FlatButtonLato'; src: url('../files/font/lato-light-webfont.eot'); src: url('../files/font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/lato-light-webfont.woff') format('woff'), url('../files/font/lato-light-webfont.ttf') format('truetype'), url('../files/font/lato-light-webfont.svg#latolight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'FlatButtonOpenSans'; src: url('../files/font/opensans-regular-webfont.eot'); src: url('../files/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/opensans-regular-webfont.woff') format('woff'), url('../files/font/opensans-regular-webfont.ttf') format('truetype'), url('../files/font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FlatButtonNoto'; src: url('../files/font/notoserif-regular-webfont.eot'); src: url('../files/font/notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/notoserif-regular-webfont.woff') format('woff'), url('../files/font/notoserif-regular-webfont.ttf') format('truetype'), url('../files/font/notoserif-regular-webfont.svg#noto_serifregular') format('svg'); font-weight: normal; font-style: normal; } a.anchor{height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;display:block !important} #embedIframestacks_in_46 { width: 100%; height: 500px; border: none; outline: none; padding: 0; margin: 0; display: block; } #stacks_in_46 { border: solid rgba(251, 251, 250, 1.00); border-width: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_107 .stacks_in_107-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_107 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_107 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_107 .stacks_in_107-button, #stacks_in_107 .button_icon { height: 40px; line-height: 40px; } #stacks_in_107 { text-align: center; } #stacks_in_107 a.stacks_in_107-button, #stacks_in_107 a.stacks_in_107-button:visited, #stacks_in_107 a.stacks_in_107-button:hover, #stacks_in_107 a.stacks_in_107-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_107 .stacks_in_107-button { background-color: #484848; } #stacks_in_107 a.stacks_in_107-button, #stacks_in_107 a.stacks_in_107-button:visited { color: #FBFBF1 !important; } #stacks_in_107 a.stacks_in_107-button:hover, #stacks_in_107 a.stacks_in_107-button:active { text-decoration: none; color: #FBFBF1 !important; background-color: #5C5C5C; } #stacks_in_107 .button_icon { background-color: #8AA4CA; } #stacks_in_107 a.stacks_in_107-button:hover .button_icon, #stacks_in_107 a.stacks_in_107-button:active .button_icon { background-color: #9EB8DE; } #stacks_in_107 { background-color: rgba(251, 251, 250, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 3px 0px 35px 0px; padding: 20px; } #stacks_in_57>.s3_row { margin: 0 -5px; } #stacks_in_57>.s3_row>.s3_column_left { width: 25.00%; } #stacks_in_57>.s3_row>.s3_column_right { width: 75.000000%; } #stacks_in_57>.s3_row>.s3_column { padding: 0 5px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_57>.s3_row { margin: -5px 0; } #stacks_in_57>.s3_row>.s3_column { padding: 5px 0; width:100%; } } #stacks_in_60 { background-color: rgba(138, 164, 202, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_61 { padding: 10px 0px 0px 0px; } #stacks_in_62 { font-size: 145%; } #stacks_in_63 { padding: 0px 20px 20px 20px; } #stacks_in_67 .stacks_in_67-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_67 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_67 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_67 .stacks_in_67-button, #stacks_in_67 .button_icon { height: 40px; line-height: 40px; } #stacks_in_67 { text-align: center; } #stacks_in_67 a.stacks_in_67-button, #stacks_in_67 a.stacks_in_67-button:visited, #stacks_in_67 a.stacks_in_67-button:hover, #stacks_in_67 a.stacks_in_67-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_67 .stacks_in_67-button { background-color: none; border: 1px solid #484848; } #stacks_in_67 a.stacks_in_67-button, #stacks_in_67 a.stacks_in_67-button:visited { color: #FBFBF1 !important; } #stacks_in_67 a.stacks_in_67-button:hover, #stacks_in_67 a.stacks_in_67-button:active { text-decoration: none; color: #FFFFFF !important; background-color: #484848; } #stacks_in_67 .button_icon { background-color: none; border-right: 1px solid #484848; } #stacks_in_67 a.stacks_in_67-button:hover .button_icon, #stacks_in_67 a.stacks_in_67-button:active .button_icon { background-color: #484848; border-right: 1px solid #FFFFFF; } #stacks_in_67 { margin: 20px 0px 20px 0px; } #stacks_in_68 .stacks_in_68-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_68 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_68 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_68 .stacks_in_68-button, #stacks_in_68 .button_icon { height: 40px; line-height: 40px; } #stacks_in_68 { text-align: center; } #stacks_in_68 a.stacks_in_68-button, #stacks_in_68 a.stacks_in_68-button:visited, #stacks_in_68 a.stacks_in_68-button:hover, #stacks_in_68 a.stacks_in_68-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_68 .stacks_in_68-button { background-color: none; border: 1px solid #484848; } #stacks_in_68 a.stacks_in_68-button, #stacks_in_68 a.stacks_in_68-button:visited { color: #FBFBF1 !important; } #stacks_in_68 a.stacks_in_68-button:hover, #stacks_in_68 a.stacks_in_68-button:active { text-decoration: none; color: #FFFFFF !important; background-color: #484848; } #stacks_in_68 .button_icon { background-color: none; border-right: 1px solid #484848; } #stacks_in_68 a.stacks_in_68-button:hover .button_icon, #stacks_in_68 a.stacks_in_68-button:active .button_icon { background-color: #484848; border-right: 1px solid #FFFFFF; } #stacks_in_68 { margin: 20px 0px 20px 0px; } #stacks_in_70 .stacks_in_70-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_70 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_70 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_70 .stacks_in_70-button, #stacks_in_70 .button_icon { height: 40px; line-height: 40px; } #stacks_in_70 { text-align: center; } #stacks_in_70 a.stacks_in_70-button, #stacks_in_70 a.stacks_in_70-button:visited, #stacks_in_70 a.stacks_in_70-button:hover, #stacks_in_70 a.stacks_in_70-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_70 .stacks_in_70-button { background-color: none; border: 1px solid #484848; } #stacks_in_70 a.stacks_in_70-button, #stacks_in_70 a.stacks_in_70-button:visited { color: #FBFBF1 !important; } #stacks_in_70 a.stacks_in_70-button:hover, #stacks_in_70 a.stacks_in_70-button:active { text-decoration: none; color: #FFFFFF !important; background-color: #484848; } #stacks_in_70 .button_icon { background-color: none; border-right: 1px solid #484848; } #stacks_in_70 a.stacks_in_70-button:hover .button_icon, #stacks_in_70 a.stacks_in_70-button:active .button_icon { background-color: #484848; border-right: 1px solid #FFFFFF; } #stacks_in_70 { margin: 20px 0px 20px 0px; } #stacks_in_71 .stacks_in_71-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_71 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_71 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_71 .stacks_in_71-button, #stacks_in_71 .button_icon { height: 40px; line-height: 40px; } #stacks_in_71 { text-align: center; } #stacks_in_71 a.stacks_in_71-button, #stacks_in_71 a.stacks_in_71-button:visited, #stacks_in_71 a.stacks_in_71-button:hover, #stacks_in_71 a.stacks_in_71-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_71 .stacks_in_71-button { background-color: none; border: 1px solid #484848; } #stacks_in_71 a.stacks_in_71-button, #stacks_in_71 a.stacks_in_71-button:visited { color: #FBFBF1 !important; } #stacks_in_71 a.stacks_in_71-button:hover, #stacks_in_71 a.stacks_in_71-button:active { text-decoration: none; color: #FFFFFF !important; background-color: #484848; } #stacks_in_71 .button_icon { background-color: none; border-right: 1px solid #484848; } #stacks_in_71 a.stacks_in_71-button:hover .button_icon, #stacks_in_71 a.stacks_in_71-button:active .button_icon { background-color: #484848; border-right: 1px solid #FFFFFF; } #stacks_in_71 { margin: 20px 0px 20px 0px; } #stacks_in_108 { margin: 0px 0px 5px 0px; } #stacks_in_109 { background-color: rgba(251, 251, 250, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 3px 0px; padding: 16px; } #stacks_in_111 { background-color: rgba(251, 251, 250, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 16px; } #stacks_in_75 { margin: 0px 0px 20px 0px; } #stacks_in_77>.s3_row { margin: 0 -10px; } #stacks_in_77>.s3_row>.s3_column_left { width: 25.00%; } #stacks_in_77>.s3_row>.s3_column_right { width: 75.000000%; } #stacks_in_77>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_77>.s3_row { margin: -10px 0; } #stacks_in_77>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_126 { background-color: rgba(251, 251, 250, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 16px; } #stacks_in_87 { margin: 0px 0px 20px 0px; } /* _____ __ _____ _____ _____ | __ || | | || || | | __ -|| |__ | | || | || | | | |_____||_____||_____||_____||_|_|_| Version 1.0.1 */ #stacks_in_98 img { max-width: 100%; height: auto; } #stacks_in_98 .cd-slider-wrapper ol, #stacks_in_98 .cd-slider-wrapper ul, #stacks_in_98 .cd-slider-wrapper li { list-style: none; margin: 0 !important; padding: 0 !important; } #stacks_in_98 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_98 img { max-width: 100%; border-radius: 4px; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_98 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_98 .cd-single-item { position: relative; } #stacks_in_98 .cd-slider-wrapper { position: relative; z-index: 1; -webkit-transition: width 0.4s; -moz-transition: width 0.4s; transition: width 0.4s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: width; } @media only screen and (min-width: 1024px) { #stacks_in_98 .cd-slider-wrapper { width: 50%; } #stacks_in_98 .cd-slider-active .cd-slider-wrapper { width: 100%; } } #stacks_in_98 .cd-slider { position: relative; z-index: 1; overflow: hidden; } #stacks_in_98 .cd-slider::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } #stacks_in_98 .cd-slider li { position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } #stacks_in_98 .cd-slider li img { display: block; width: 100%; } #stacks_in_98 .cd-slider li.selected { position: relative; z-index: 2; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #stacks_in_98 .cd-slider li.move-left { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } @media only screen and (min-width: 1024px) { #stacks_in_98 .cd-slider { cursor: pointer; } #stacks_in_98 .cd-slider::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } #stacks_in_98 .cd-slider::after { /* slider cover layer - to indicate the image is clickable */ content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; /* OVERLAY COLORS */ background: rgba(81, 62, 93, 0.4) url("../files/bloom_images/cd-icon-zoom-white.svg") no-repeat center center; /* size of the icon */ background-size: 48px; opacity: 0.6; z-index: 4; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } #stacks_in_98 .cd-slider:hover::after { opacity: 1; } #stacks_in_98 .cd-slider-active .cd-slider { cursor: auto; } #stacks_in_98 .cd-slider-active .cd-slider::after { display: none; } } @media only screen and (min-width: 1024px) { #stacks_in_98 .cd-slider-navigation li, #stacks_in_98 .cd-slider-pagination { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; } #stacks_in_98 .cd-slider-active .cd-slider-navigation li, #stacks_in_98 .cd-slider-active .cd-slider-pagination { opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s; transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } } #stacks_in_98 .cd-slider-navigation li { position: absolute; z-index: 2; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #stacks_in_98 .cd-slider-navigation li:first-of-type { left: 10px; } #stacks_in_98 .cd-slider-navigation li:last-of-type { right: 10px; } #stacks_in_98 .cd-slider-navigation li a { display: block; width: 48px; height: 48px; background: url("../files/bloom_images/cd-icon-arrow-white.svg") no-repeat center center; -webkit-transition: opacity 0.2s 0s, visibility 0s 0s; -moz-transition: opacity 0.2s 0s, visibility 0s 0s; transition: opacity 0.2s 0s, visibility 0s 0s; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; } #stacks_in_98 .cd-slider-navigation li a.inactive { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s; -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s; transition: opacity 0.2s 0s, visibility 0s 0.2s; } #stacks_in_98 .cd-slider-navigation li a:hover { opacity: .7; } #stacks_in_98 .cd-slider-navigation li:first-of-type a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (min-width: 1024px) { #stacks_in_98 .cd-slider-navigation li:first-child { left: 30px; } #stacks_in_98 .cd-slider-navigation li:last-child { right: 30px; } } #stacks_in_98 .cd-slider-pagination { /* you won't see this element in the html but it will be created using jQuery */ position: absolute; z-index: 2; bottom: 30px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; } #stacks_in_98 .cd-slider-pagination:after { content: ""; display: table; clear: both; } #stacks_in_98 .touch .cd-slider-pagination { visibility: hidden; } #stacks_in_98 .cd-slider-pagination li { display: inline-block; float: left; margin: 0 5px !important; } #stacks_in_98 .cd-slider-pagination li.selected a { background: #f5f4f3; } #stacks_in_98 .cd-slider-pagination a { display: block; height: 12px; width: 12px; border-radius: 50%; border: 1px solid #f5f4f3; /* fix a bug in IE9/10 - transparent anchor not clickable */ background-color: rgba(255, 255, 255, 0); /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; } #stacks_in_98 .cd-slider-wrapper .cd-close { display: none; position: absolute; z-index: 2; top: 30px; right: 30px; width: 48px; height: 48px; background: url("../files/bloom_images/cd-icon-close-white.svg") no-repeat center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s; transition: transform 0.3s 0s, visibility 0s 0.4s; } #stacks_in_98 .cd-slider-active .cd-slider-wrapper .cd-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; } #stacks_in_98 .cd-slider-active .cd-slider-wrapper .cd-close:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } @media only screen and (min-width: 1024px) { #stacks_in_98 .cd-slider-wrapper .cd-close { display: block; } } #stacks_in_98 .cd-item-info { padding: 0; } @media only screen and (min-width: 1024px) { #stacks_in_98 .cd-item-info { position: absolute; width: 50%; top: 0; padding: 0; margin: 0; right: 0; padding-left: 30px; } } #stacks_in_98 .cd-content p { width: 90%; max-width: 1024px; padding: 4em 0; margin: 0 auto; color: #afa8a0; line-height: 1.8; } #stacks_in_49 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 20px 0px 0px 0px; padding: 15px; } /* @group ProGallery Grid */ #mygallery { display: block; width: 100%; text-align: center; } #mygallery li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery ul#proGalleryThumbsstacks_in_50 { padding: 0; margin: 0; list-style: none; } #mygallery li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #mygallery li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #mygallery { -moz-column-count: 2; -moz-column-gap: 1px; -webkit-column-count: 2; -webkit-column-gap: 1px; column-count: 2; column-gap: 1px; } @media screen and (min-width: 568px) { #mygallery { -moz-column-count: 3; -moz-column-gap: 1px; -webkit-column-count: 3; -webkit-column-gap: 1px; column-count: 3; column-gap: 1px; } } @media screen and (min-width: 992px) { #mygallery { -moz-column-count: 4; -moz-column-gap: 1px; -webkit-column-count: 4; -webkit-column-gap: 1px; column-count: 4; column-gap: 1px; } } @media screen and (min-width: 1200px) { #mygallery { -moz-column-count: 5; -moz-column-gap: 1px; -webkit-column-count: 5; -webkit-column-gap: 1px; column-count: 5; column-gap: 1px; } } #mygallery li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 1px; } /* */ /* Thumbnail titles */ #mygallery .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #mygallery .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #mygallery.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery a img { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0.99; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery a:hover img { opacity: 0.85; } /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery-icon-play:before { content: '\e800'; } .mygallery-icon-pause:before { content: '\e801'; } .mygallery-icon-close:before { content: '\e802'; } .mygallery-icon-prev:before { content: '\e803'; } .mygallery-icon-next:before { content: '\e804'; } .mygallery-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-case, html[data-lc-type=ajax] #mygallery-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery-content, html[data-lc-type=video] #mygallery-content { background-color: #333; } } html[data-lc-type=inline] #mygallery-content, html[data-lc-type=ajax] #mygallery-content, html[data-lc-type=error] #mygallery-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content, html[data-lc-type=ajax] #mygallery-content, html[data-lc-type=error] #mygallery-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=inline] #mygallery-content .mygallery-contentInner > *, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner > *, html[data-lc-type=error] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery-content .mygallery-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery-isMobileDevice[data-lc-type=iframe] #mygallery-content .mygallery-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery-content .mygallery-contentInner, html[data-lc-type=video] #mygallery-content .mygallery-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery-content .mygallery-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap, html[data-lc-type=error] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery-content .mygallery-contentInner .mygallery-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery-content h1, #mygallery-content h2, #mygallery-content h3, #mygallery-content h4, #mygallery-content h5, #mygallery-content h6, #mygallery-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery-content h1, #mygallery-content h2, #mygallery-content h3, #mygallery-content h4, #mygallery-content h5, #mygallery-content h6, #mygallery-content p { color: #333; } } #mygallery-case p.mygallery-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery-case p.mygallery-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery-case p.mygallery-error { padding: 0; } } .mygallery-open body { overflow: hidden; } .mygallery-isMobileDevice .mygallery-open body { max-width: 100%; max-height: 100%; } #mygallery-info { position: absolute; padding-top: 15px; } #mygallery-info #mygallery-title, #mygallery-info #mygallery-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery-info #mygallery-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery-info #mygallery-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery-info #mygallery-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery-info #mygallery-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery-fullScreenMode #mygallery-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery-info { position: static; } } #mygallery-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery-spin 0.5s infinite linear; -moz-animation: mygallery-spin 0.5s infinite linear; -o-animation: mygallery-spin 0.5s infinite linear; animation: mygallery-spin 0.5s infinite linear; } #mygallery-loading, #mygallery-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery-icon-'], a[class*='mygallery-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery-icon-'].mygallery-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 15px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 15px; } a[class*='mygallery-icon-'].mygallery-icon-pause, a[class*='mygallery-icon-'].mygallery-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery-icon-'].mygallery-icon-pause, a[class*='mygallery-icon-'].mygallery-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery-icon-']:hover, #mygallery-case:hover ~ a[class*='mygallery-icon-'] { opacity: 1; } } #mygallery-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery-icon-'], a[class*='mygallery-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery-content img { width: auto; height: auto; } #mygallery-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery-info #mygallery-sequenceInfo, #mygallery-info #mygallery-title, #mygallery-info #mygallery-caption { color: rgba(170, 170, 170, 1.00); } #mygallery-info #mygallery-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery-info #mygallery-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery { display: block; } } #social-mygallery a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery-content, html[data-lc-type=video] #mygallery-content { background: transparent; } } #mygallery-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_50 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #droplet1 .dz-preview .dz-image { width: 200px; height: 200px; } #droplet1 { border: 0.25rem dashed rgba(0, 135, 247, 1.00); border-radius: 1rem; background: rgba(255, 255, 255, 0.00); padding: 3vh 3vw; overflow: visible; text-align: center; color: rgba(94, 94, 94, 1.00); } #droplet1 .dz-preview .dz-error-message { width: 220px; left: -10px; font-size: 14px; } #droplet1 .dz-preview .dz-error-message:after { left: 50%; margin-left: -6px; } #droplet1 .dz-remove { padding: 5px; display: block; } #droplet1 h1, #droplet1 h2, #droplet1 h3, #droplet1 h4, #droplet1 h5, #droplet1 h6 { border: none; } #droplet1 .droplet_icon_markup i { font-size: 5rem; color: rgba(0, 0, 0, 1.00) !important; } #droplet1 .droplet_icon_markup i { -webkit-transform: translatey(0px); transform: translatey(0px); -webkit-animation: float 3s ease-in-out infinite; animation: float 3s ease-in-out infinite; } @-webkit-keyframes float { 0% { -webkit-transform: translatey(0px); transform: translatey(0px); } 50% { -webkit-transform: translatey(-15px); transform: translatey(-15px); } 100% { -webkit-transform: translatey(0px); transform: translatey(0px); } } @keyframes float { 0% { -webkit-transform: translatey(0px); transform: translatey(0px); } 50% { -webkit-transform: translatey(-15px); transform: translatey(-15px); } 100% { -webkit-transform: translatey(0px); transform: translatey(0px); } } #droplet1 h4.droplet_uploader_title { text-align: center; color: rgba(94, 94, 94, 1.00); font-weight: bold; line-height: 1.75; padding: 0.5rem; margin: 0; font-size: 2.5rem; } #stacks_in_5 { margin: 25px 0px 0px 0px; }