#stacks_in_2 { margin: 0px 10px 10px 10px; padding: 0px 10px 10px 10px; } #stacks_in_263573 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } #stacks_in_263874 { position: relative; z-index: 1; } #stacks_in_263874, #stacks_out_263874, #slice_mez_263874, #stacks_in_263874 { overflow: visible; } #stacks_in_263874 .float-notice { -webkit-animation: floatNoticestacks_in_263874 3000ms ease-in-out infinite; animation: floatNoticestacks_in_263874 3000ms ease-in-out infinite; display: inline-block; position: absolute; z-index: 2; right: 10px; bottom: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; pointer-events: none; border-radius: 3px; background: rgba(253, 154, 9, 1.00); color: rgba(252, 252, 252, 1.00); font-family: inherit; padding: 4px 8px; font-size: 12px; line-height: 12px; } @-webkit-keyframes floatNoticestacks_in_263874 { 0% { -webkit-transform: translatey(8px); transform: translatey(8px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } 50% { -webkit-transform: translatey3px); transform: translatey(3px); -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); } 100% { -webkit-transform: translatey(8px); transform: translatey(8px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } } @keyframes floatNoticestacks_in_263874 { 0% { -webkit-transform: translatey(8px); transform: translatey(8px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } 50% { -webkit-transform: translatey3px); transform: translatey(3px); -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); } 100% { -webkit-transform: translatey(8px); transform: translatey(8px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } } #stacks_in_263872 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } html.ncd-photo-lock{ overflow: hidden; } a[data-photo-group]{ cursor:pointer; } .ncd-photo *{ padding: 0; margin: 0; list-style: none; } .ncd-photo *, .ncd-photo *:before, .ncd-photo *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ncd-photo .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ width: 100%; margin: 0 !important; padding: 0 !important; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo li.hide{ display: none !important; } .ncd-photo li div{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: -webkit-box-shadow 150ms ease-out; -moz-transition: -moz-box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo li img{ position: relative; z-index: 10; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); } .ncd-photo ul p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo ul p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo ul p em{ font-weight: normal; font-style: normal; } .ncd-photo ul p span{ display: inline-block; padding: 6px 12px; } .ncd-photo ul p span.empty{ visibility: hidden; } .ncd-photo[data-italic-title="True"] p b, .ncd-photo[data-italic-caption="True"] p em{ font-style: italic; } .ncd-photo[data-bold-title="True"] p b, .ncd-photo[data-bold-caption="True"] p em{ font-weight: bold; } .ncd-photo[data-hide-title="True"] p b, .ncd-photo[data-hide-caption="True"] p em, .ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{ display: none; } .ncd-photo[data-hide-caption="True"] ul p b{padding-right: 0;} /* Caption Positions */ .ncd-photo ul.cap-hov li p{ opacity: 0; -webkit-transition: -webkit-transform 300ms, opacity 300ms; -moz-transition: -moz-transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms; -webkit-transform: -webkit-translate3d(0,4px,0); -moz-transform: -moz-translate3d(0,4px,0); transform: translate3d(0,4px,0); } .ncd-photo ul.cap-hov li:hover p{ opacity: 1; -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } .ncd-photo ul.cap-hide li p{ display: none !important; } .ncd-photo ul.cap-ibl p, .ncd-photo ul.cap-ibc p{ left: 0; bottom: 0; right: 0; margin: 0; text-align: left; } .ncd-photo ul.cap-ibl p span, .ncd-photo ul.cap-ibc p span{ display: block; } .ncd-photo ul.cap-imbl p, .ncd-photo ul.cap-imbc p{ left: 20px; bottom: 10px; right: 20px; text-align: left; } .ncd-photo ul.cap-ibc p, .ncd-photo ul.cap-imbc p{ text-align: center; } .ncd-photo ul.cap-imbl p span, .ncd-photo ul.cap-imbc p span{ border-radius: 3px; } /* FLOW Thumbnails */ .ncd-photo.photo-flow { margin: 0; padding: 0; width: 100%; font-size: .85em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .ncd-photo.photo-flow li div{ display: inline-block; width: 100%; background: none !important; } .ncd-photo.photo-flow li div:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; content: ""; display: block; -webkit-transition: box-shadow 150ms ease-out; -moz-transition: box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo.photo-flow li img { max-width: 100%; width: 100%; height: auto; display: block; } .ncd-photo.photo-flow ul.cap-ibl li p, .ncd-photo.photo-flow ul.cap-ibc li p{ -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } /* Spacing Thumbnails */ .ncd-photo.space-0.photo-grid{margin: 0;} .ncd-photo.space-0.photo-grid li div{margin: 0;} .ncd-photo.space-0.photo-flow li div{margin: 0;} .ncd-photo.space-0.photo-flow { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .ncd-photo.space-1.photo-grid{margin: 0 -1px;} .ncd-photo.space-1.photo-grid li div{margin: 1px;} .ncd-photo.space-1.photo-flow li div{margin: 0 0 2px;} .ncd-photo.space-1.photo-flow { -moz-column-gap: 2px; -webkit-column-gap: 2px; column-gap: 2px; } .ncd-photo.space-3.photo-grid{margin: 0 -3px;} .ncd-photo.space-3.photo-grid li div{margin: 3px;} .ncd-photo.space-3.photo-flow li div{margin: 0 0 6px;} .ncd-photo.space-3.photo-flow { -moz-column-gap: 6px; -webkit-column-gap: 6px; column-gap: 6px; } .ncd-photo.space-5.photo-grid{margin: 0 -5px;} .ncd-photo.space-5.photo-grid li div{margin: 5px;} .ncd-photo.space-5.photo-flow li div{margin: 0 0 10px;} .ncd-photo.space-5.photo-flow { -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .ncd-photo.space-7.photo-grid{margin: 0 -7px;} .ncd-photo.space-7.photo-grid li div{margin: 7px;} .ncd-photo.space-7.photo-flow li div{margin: 0 0 14px;} .ncd-photo.space-7.photo-flow { -moz-column-gap: 14px; -webkit-column-gap: 14px; column-gap: 14px; } .ncd-photo.space-9.photo-grid{margin: 0 -9px;} .ncd-photo.space-9.photo-grid li div{margin: 9px;} .ncd-photo.space-9.photo-flow li div{margin: 0 0 18px;} .ncd-photo.space-9.photo-flow { -moz-column-gap: 18px; -webkit-column-gap: 18px; column-gap: 18px; } .ncd-photo.space-11.photo-grid{margin: 0 -11px;} .ncd-photo.space-11.photo-grid li div{margin: 11px;} .ncd-photo.space-11.photo-flow li div{margin: 0 0 22px;} .ncd-photo.space-11.photo-flow { -moz-column-gap: 22px; -webkit-column-gap: 22px; column-gap: 22px; } .ncd-photo.space-13.photo-grid{margin: 0 -13px;} .ncd-photo.space-13.photo-grid li div{margin: 13px;} .ncd-photo.space-13.photo-flow li div{margin: 0 0 26px;} .ncd-photo.space-13.photo-flow { -moz-column-gap: 26px; -webkit-column-gap: 26px; column-gap: 26px; } .ncd-photo.space-15.photo-grid{margin: 0 -15px;} .ncd-photo.space-15.photo-grid li div{margin: 15px;} .ncd-photo.space-15.photo-flow li div{margin: 0 0 30px;} .ncd-photo.space-15.photo-flow { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } /* GRID Thumbnails */ .ncd-photo.photo-grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.photo-grid li div{ overflow: hidden; } .ncd-photo.photo-grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.photo-grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0.photo-flow li div:before, .ncd-photo.rad-0.photo-flow li img, .ncd-photo.rad-0.photo-flow li div{border-radius: 0;} .ncd-photo.rad-0 ul.cap-ibl p span, .ncd-photo.rad-0 ul.cap-ibc p span{border-radius: 0; } .ncd-photo.rad-3 li div, .ncd-photo.rad-3.photo-flow li div:before, .ncd-photo.rad-3.photo-flow li img, .ncd-photo.rad-3.photo-flow li div{border-radius: 3px;} .ncd-photo.rad-3 ul.cap-ibl p span, .ncd-photo.rad-3 ul.cap-ibc p span{border-radius: 0 0 3px 3px; } .ncd-photo.rad-5 li div, .ncd-photo.rad-5.photo-flow li div:before, .ncd-photo.rad-5.photo-flow li img, .ncd-photo.rad-5.photo-flow li div{border-radius: 5px;} .ncd-photo.rad-5 ul.cap-ibl p span, .ncd-photo.rad-5 ul.cap-ibc p span{border-radius: 0 0 5px 5px; } .ncd-photo.rad-7 li div, .ncd-photo.rad-7.photo-flow li div:before, .ncd-photo.rad-7.photo-flow li img, .ncd-photo.rad-7.photo-flow li div{border-radius: 7px;} .ncd-photo.rad-7 ul.cap-ibl p span, .ncd-photo.rad-7 ul.cap-ibc p span{border-radius: 0 0 7px 7px; } /* Break Points for Columns */ @media only screen and (min-width: 400px) { .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} .ncd-photo.photo-col-1.photo-flow, .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 550px) { .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 50%;} .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 750px) { .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 33.3333%;} .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 950px) { .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 25%;} .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1200px) { .ncd-photo.photo-col-5.photo-grid li{width: 20%;} .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } .batch-hide{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } @media only screen and (max-width: 400px) { .ncd-photo ul p{ opacity: 0 !important; } } /* Captions Under Flow */ .ncd-photo.photo-flow.cap-under ul p, .ncd-photo.photo-flow.cap-under ul p span{ position: static; display: block; margin-bottom: 0; } .ncd-photo.photo-flow.cap-under ul p span{ border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; padding: 10px; } .ncd-photo.photo-flow.cap-under ul img{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ncd-photo.photo-flow.cap-under li div{ -webkit-box-shadow: none; box-shadow: none; } /* Lightbox */ #ncdPhotoLoader{ position: absolute; color: #ff0000; top: 50%; left: 50%; opacity: 0; -webkit-transition: opacity 350ms 150ms; -moz-transition: opacity 350ms 150ms; transition: opacity 350ms 150ms; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ height: 44px; width: 44px; margin: 0 auto; position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-radius: 100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; -webkit-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; -moz-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none;} #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; -webkit-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; -moz-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out;} #ncdPhotoBase.out { z-index: 10000; } .ncdPhotoZoom, .ncdPhotoClose, .ncdPhotoNext, .ncdPhotoPrev { z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; } /* ZOOM & CLOSE */ .ncdPhotoZoom, .ncdPhotoClose{ margin-top: 4%; top: 0; -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out; } .ncdPhotoZoom:before, .ncdPhotoZoom:after, .ncdPhotoClose:before, .ncdPhotoClose:after { top:50%; left:0; width:2px; height:18px; content:""; position:absolute; margin:-9px 22.5px 0; -webkit-transition: opacity 300ms, transform 300ms; -moz-transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms;} /* ZOOM */ .ncdPhotoZoom{ -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; left: 0; transform: rotate(90deg); opacity: 0; margin-left: 4%;} .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom:after { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .ncdPhotoZoom.zoom:after { opacity: 0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .ncdPhotoZoom:before { transform:rotate(0deg);} .ncdPhotoZoom.zoom:before { transform:rotate(-90deg);} /* CLOSE */ .ncdPhotoClose { right: 0; margin-right: 4%;} .ncdPhotoClose:before, .ncdPhotoClose:after { height:22px; margin:-11px 22.5px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoClose:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev { top: 50%; margin-top: -25px; opacity: 0; transition: opacity 0.2s ease-out, transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -moz-transition: opacity 0.2s ease-out, -moz-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; } .ncdPhotoNext:before, .ncdPhotoNext:after, .ncdPhotoPrev:before, .ncdPhotoPrev:after { top:50%; left:0; width:2px; height:15px; content:''; position:absolute; margin:-13px 24px 0;} .ncdPhotoNext:after, .ncdPhotoPrev:after{ margin-top: -3px; } .ncdPhotoPrev:after,.ncdPhotoPrev:before {left:-3px;} .ncdPhotoNext:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoNext:before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .ncdPhotoPrev:after{ -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);} .ncdPhotoPrev:before { -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); -ms-transform:rotate(-315deg); -o-transform:rotate(-315deg); transform:rotate(-315deg);} @media screen and (min-width: 800px) { #ncdPhotoControls #ncdPhotoCounter{ display: none; } } @media screen and (max-width: 800px) { #ncdPhotoControls{ position: absolute; bottom: 100%; left: 0; width: 100%; height: 53px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; z-index: 100;} /* No Caption Mobile */ #ncdPhotoBase.cap-hide #ncdPhotoControls{height: 70px;} #ncdPhotoBase.cap-hide .ncd-ui{bottom: 8px !important;} .ncdPhotoZoom.zoom{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } } /* Prev Button */ .ncdPhotoNext { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); right: 4%;} .ncdPhotoPrev { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); left: 4%;} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg);opacity: 1; -moz-transform: translateX(0) rotate(0deg);opacity: 1; transform: translateX(0) rotate(0deg);opacity: 1; } @media screen and (max-width: 800px) { #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg); -moz-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); margin-top: 4%; top: 0; opacity: 1; } #ncdPhotoBase .ncdPhotoNext{margin-right: 20%; } #ncdPhotoBase .ncdPhotoZoom{margin-left: -25px;left: 50%;} #ncdPhotoBase .ncdPhotoPrev{margin-left: 20%;} #ncdPhotoBase #ncdPhotoCounter, #ncdPhotoBase .ncdPhotoClose, #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoZoom, #ncdPhotoBase .ncdPhotoPrev{top: auto; bottom: 0;} #ncdPhotoOverlay div.slide p{ position: absolute; bottom: 100%; left: 0; } #ncdPhotoCounter{ position: absolute; left: 4%; margin-left: 10px; font-family: 'Helvetica Neue'; font-weight: 300; letter-spacing: -1px; height: 27px; line-height: 0; font-size: 16px; z-index: 100; } #ncdPhotoCounter .lb-current{ font-size: 28px; padding-right: 2px; letter-spacing: -2px; } } #ncdPhotoBase.out .ncdPhotoNext { -webkit-transform: translateX(30px) rotate(0deg);opacity: 0; -moz-transform: translateX(30px) rotate(0deg);opacity: 0; transform: translateX(30px) rotate(0deg);opacity: 0; } #ncdPhotoBase.out .ncdPhotoPrev { -webkit-transform: translateX(-30px) rotate(0deg);opacity: 0; -moz-transform: translateX(-30px) rotate(0deg);opacity: 0; transform: translateX(-30px) rotate(0deg);opacity: 0; } #ncdPhotoBase .ncdPhotoNext.hide, #ncdPhotoBase .ncdPhotoPrev.hide {opacity: 0;} #ncdPhotoBase.single-image .ncdPhotoNext, #ncdPhotoBase.single-image .ncdPhotoPrev, #ncdPhotoOverlay[data-hide-full-title="True"] span b, #ncdPhotoOverlay[data-hide-full-caption="True"] span em{ display: none; } /* Lightbox */ #ncdPhotoOverlay { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #ncdPhotoOverlay div.slide { display: block; height: 100%; text-align: center; vertical-align: middle; line-height: 0; position:absolute; top:-9999px; left:-9999px; } #ncdPhotoOverlay div.slide.ncd-show{ position: relative; top: 50%; left: 0%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #ncdPhotoOverlay div.slide.out{ position: absolute; top: 50%; left: 0; right: 0; height: auto; -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-prev #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(10px); -ms-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next div.slide.out img, #ncdPhotoBase.go-prev div.slide.out img, #ncdPhotoBase.processing div.slide.ncd-show.out img{ -webkit-animation: none !important; animation: none !important; opacity: 1 !important; } #ncdPhotoOverlay div.slide.out.ncd-show, .go-next #ncdPhotoOverlay div.slide.out.ncd-show, .go-prev #ncdPhotoOverlay div.slide.out.ncd-show{ opacity: 0; transition: none; } #ncdPhotoOverlay div.slide > div { display: inline-block; position: relative; padding: 4%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #ncdPhotoOverlay div.slide.zoom.in > div { padding: 0; } #ncdPhotoOverlay div.slide.zoom.in, #ncdPhotoOverlay div.slide.zoom.in > div {font-size: 0;} #ncdPhotoOverlay div.slide.zoom { overflow: scroll; cursor:move; -webkit-overflow-scrolling: touch;} #ncdPhotoOverlay div.slide.zoom::-webkit-scrollbar { display: none; } #ncdPhotoOverlay div.slide.zoom.in br{display: none;} #ncdPhotoOverlay div.slide.zoom.out br{display: block;} #ncdPhotoOverlay div.slide.zoom.in.transition, #ncdPhotoOverlay div.slide.zoom.out{overflow: hidden;} #ncdPhotoOverlay div.slide.zoom.transition div{ -webkit-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in div{ line-height: normal; -webkit-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in.transition div{ -webkit-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.out div{ -webkit-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.ncd-show > div{opacity: 1;} @-webkit-keyframes float-zoom-in { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(1.03);opacity: 0} } @keyframes float-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @-webkit-keyframes float-zoom-in-complete { from {-webkit-transform: scale(.98);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-in-complete { from {transform: scale(.98);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-zoom-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(.98);opacity: 0} } @keyframes float-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @-webkit-keyframes float-zoom-out-complete { from {-webkit-transform: scale(1.03);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-in { from {-webkit-transform: scale(1.04);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-in { from {transform: scale(1.02);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-down { from {-webkit-transform: translateY(-10px);opacity: 0} to {-webkit-transform: translateY(0);opacity: 1} } @keyframes float-down { from {transform: translateY(-10px);opacity: 0} to {transform: translateY(0);opacity: 1} } @-webkit-keyframes float-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(0.97);opacity: 0} } @keyframes float-out { from {transform: scale(1);opacity: 1} to {transform: scale(0.97);opacity: 0} } @-webkit-keyframes float-up { from {-webkit-transform: translateY(0px);opacity: 1} to {-webkit-transform: translateY(10px);opacity: 0} } @keyframes float-up { from {transform: translateY(0px);opacity: 1} to {transform: translateY(10px);opacity: 0} } @-webkit-keyframes float-next { from {-webkit-transform: translateX(5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-next { from {transform: translateX(5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes float-prev { from {-webkit-transform: translateX(-5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-prev { from {transform: translateX(-5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes text-swap { from {-webkit-opacity: 0} to {-webkit-opacity: 1} } @keyframes text-swap { from {opacity: 0} to {opacity: 1} } #ncdPhotoOverlay div.slide img { list-style: none; line-height: 0; max-width: 100% !important; max-height: 80vh !important; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; border-radius: 0px; } #ncdPhotoOverlay div.slide.zoom.in > div{ height: auto; } #ncdPhotoOverlay div.slide.zoom.in img{ max-width: none !important; max-height: none !important; border-radius: 0; } #ncdPhotoBase.go-next div.slide img{ -webkit-animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.go-prev div.slide img{ -webkit-animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing div.slide.ncd-show img{ -webkit-animation: none; animation: none; opacity: 0; } @media screen and (min-width: 800px) { /* #ncdPhotoOverlay div.slide > div{ height: 60vh; } */ } @media screen and (max-width: 800px) { #ncdPhotoBase > .ncdPhotoZoom{display: none} #ncdPhotoBase.go-next #ncdPhotoCaption p, #ncdPhotoBase.go-prev #ncdPhotoCaption p { -webkit-animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; } } /* COUNTER */ .ncdPhotoCounter{ left: auto !important; right: 0;} .ncdPhotoCounter[data-show-count="False"], #ncdPhotoCounter[data-show-count="False"]{ display: none !important;} /* CAPTION - MOBILE */ #ncdPhotoCaption{ display: block; position: fixed; bottom: 0; left: 0; right: 0; text-align:center; padding: 12px 4%; font-size: 15px; z-index: 100; line-height: 1.4; } #ncdPhotoCaption p{ margin: 0; } #ncdPhotoCaption b{ padding-right: 5px; } #ncdPhotoOverlay p b, #ncdPhotoCaption p b{ font-weight: normal; font-style: normal; padding-right: 5px; } #ncdPhotoOverlay p em, #ncdPhotoCaption p em{ font-weight: normal; font-style: normal; } @media screen and (min-width: 800px) { #ncdPhotoCaption{ display: none; } .img-caption-in{ display: block; } .img-caption-in:after { content: ""; display: table; clear: both; } } #ncdPhotoOverlay p.ncdPhotoCounter, #ncdPhotoOverlay p{ display: inline-block; text-align: left; padding: 12px 0 18px; font-size: 14px; font-variant: normal; line-height: 20px; margin: 0; float: left; } #ncdPhotoOverlay p.ncdPhotoCounter{ float: right; } /* CAPTION - DESK */ #ncdPhotoBase:hover .img-caption-in {opacity: 1} #ncdPhotoBase.cap-hide .img-caption-in{ display: none; } #ncdPhotoBase.cap-show .img-caption-in.invis{ visibility: hidden; -webkit-animation:none; animation:none } #ncdPhotoBase .img-caption-in{ opacity: 0 ; transition: opacity 200ms; } #ncdPhotoBase.cap-show .ncd-show .img-caption-in{ opacity: 1; -webkit-animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing .img-caption-in{ opacity: 0 ; } @media screen and (max-width: 800px) { .img-caption-in{display: none} } /* LB Font Styles */ #ncdPhotoBase [data-italic-title="True"] p b, #ncdPhotoBase [data-italic-caption="True"] p em{ font-style: italic; } #ncdPhotoBase [data-bold-title="True"] p b, #ncdPhotoBase [data-bold-caption="True"] p em{ font-weight: bold; } #ncdPhotoBase [data-hide-title="True"] p b, #ncdPhotoBase [data-hide-caption="True"] p em{ display: none; } /* LB Theme - Default Dark */ .style-default #ncdPhotoOverlay p b, .style-default #ncdPhotoCaption p b{color: #FFF} /* Caption Title */ .style-default #ncdPhotoOverlay p em, .style-default #ncdPhotoCaption p em, .style-default .ncdPhotoCounter, .style-default #ncdPhotoCounter{color: #EEE} /* Caption Text */ .style-default img{box-shadow: 0 2px 16px rgba(0,0,0,0.6);} /* Img Shadow */ .style-default{background: rgba(0,0,0,0.85) !important} /* Overlay */ .style-default #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(200,200,200, .15); border-right: 3px solid rgba(200,200,200, .15); border-bottom: 3px solid rgba(200,200,200, .15); border-top: 3px solid rgba(200,200,200, .8); } @media screen and (max-width: 800px) { .style-default #ncdPhotoControls{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));} } .style-default .ncdPhotoZoom, .style-default .ncdPhotoClose, .style-default .ncdPhotoNext, .style-default .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); } .style-default #ncdPhotoCaption{background: #000;} .style-default .ncdPhotoNext:before,.ncdPhotoNext:after, .style-default .ncdPhotoPrev:before,.ncdPhotoPrev:after, .style-default .ncdPhotoZoom:before,.ncdPhotoZoom:after, .style-default .ncdPhotoClose:before,.ncdPhotoClose:after, .style-default .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .style-default .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .style-default .ncdPhotoClose:hover:before,.ncdPhotoClose:hover:after {background: #FFF} .style-default #ncdPhotoCounter{color: #FFF} .style-default .ncdPhotoZoom:active, .style-default .ncdPhotoClose:active, .style-default .ncdPhotoNext:active, .style-default .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255,255,255,0.6); border: 2px solid #FFF;} .style-default .ncdPhotoZoom.zoom{border: 2px solid #FFF;} @media screen and (min-width: 800px) { .style-default .ncdPhotoZoom:hover, .style-default .ncdPhotoClose:hover, .style-default .ncdPhotoNext:hover, .style-default .ncdPhotoPrev:hover{border: 2px solid #FFF;} } /* LB Theme - Contrast Light */ .style-contrast #ncdPhotoOverlay p b{color: #333} .style-contrast #ncdPhotoCaption p b{color: #FFF} .style-contrast #ncdPhotoOverlay p em, .style-contrast .ncdPhotoCounter{color: #555} .style-contrast #ncdPhotoCaption p em{color: #EEE} .style-contrast img{box-shadow: 0 2px 10px rgba(0,0,0,0.15);} .style-contrast{background: rgba(255,255,255,0.85) !important} .style-contrast #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(100,100,100, .15); border-right: 3px solid rgba(100,100,100, .15); border-bottom: 3px solid rgba(100,100,100, .15); border-top: 3px solid rgba(100,100,100, .8); } .style-contrast #ncdPhotoCaption{background: #000} .style-contrast #ncdPhotoCounter{color: #222} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #222} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: rgba(0,0,0,0.3); } .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoZoom:before, .style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoClose:after{transition: transform 300ms, border 300ms, box-shadow 300ms, background 300ms;} .style-contrast .ncdPhotoZoom.zoom:before, .style-contrast .ncdPhotoZoom.zoom:after, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:after{background: #FFF;} .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(0,0,0,0.15); border: 2px solid #222;} .ncdPhotoZoom.zoom{border: 2px solid rgba(0,0,0,0.6);} @media screen and (min-width: 800px) { .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoNext, .style-contrast .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255,255,255, 0.00)), to(rgba(255,255,255, 0.4))); background-image: -webkit-radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); } .style-contrast .ncdPhotoZoom:hover, .style-contrast .ncdPhotoClose:hover, .style-contrast .ncdPhotoNext:hover, .style-contrast .ncdPhotoPrev:hover{border: 2px solid #222;} } @media screen and (max-width: 800px) { .style-contrast #ncdPhotoCounter{color: #fff} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #fff} .style-contrast #ncdPhotoControls{ background-color: rgba(0,0,0,0.3); background-image: none;} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: transparent; } .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px transparent; border: 2px solid transparent;} .style-contrast .ncdPhotoZoom.zoom{transform: translateY(0px);} #ncdPhotoBase.style-contrast .ncdPhotoNext.hide, #ncdPhotoBase.style-contrast .ncdPhotoPrev.hide{opacity: 1;} } .processing img{ box-shadow: none !important; } /* Edit Mode */ /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_263304 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_263304 .container:after, #stacks_in_263304 .row:after, #stacks_in_263304 .mbcol:after, #stacks_in_263304 .clr:after, #stacks_in_263304 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_263304 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_263304 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_263304 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_263304 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_263304 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_263304 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_263304 .mbspan_3 { margin:0; width: 25%; } #stacks_in_263304 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_263304 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_263304 .mbspan_6 { margin:0; width: 50%; } #stacks_in_263304 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_263304 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_263304 .mbspan_9 { margin:0; width: 75%; } #stacks_in_263304 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_263304 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_263304 .mbspan_12 { margin:0; width: 100%; } #stacks_in_263304 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_263304 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_263304 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_263304 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_263304 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_263304 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_263304 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_263304 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_263304 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_263304 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_263304 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_263304 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_263304 { margin: 0px 0px 10px 0px; } /* CornerLinkThing by RapidWeaver Central */ #CornerThingstacks_in_263668 { display: block; overflow: hidden; background-color: #EDEDED; -webkit-border-top-left-radius: 0pxpx; -webkit-border-top-right-radius: 0pxpx; -moz-border-radius-topleft: 0pxpx; -moz-border-radius-topright: 0pxpx; border-top-left-radius: 0pxpx; border-top-right-radius: 0pxpx; -webkit-border-bottom-right-radius: 0pxpx; -webkit-border-bottom-left-radius: 0pxpx; -moz-border-radius-bottomright: 0pxpx; -moz-border-radius-bottomleft: 0pxpx; border-bottom-right-radius: 0pxpx; border-bottom-left-radius: 0pxpx; } #stacks_in_263668 .corner { position: relative; width: auto; overflow: hidden; } /* Top Right */ #stacks_in_263668 .triangle.tr { position: relative; float: right; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; display:none !important; } #stacks_in_263668 .triangle.tr:before { content: "+"; position: absolute; top: 13px; right: -41px; color: #F2AB1A; font-style: bold; font-size: 2em; display:none !important; } #stacks_in_263668 .triangle.tr a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0 !important; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; display:none; } /* Bottom Right */ #stacks_in_263668 .triangle.br { width: 0px; height: 0px; position: relative; float: right; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; } #stacks_in_263668 .triangle.br:before { content: "+"; position: absolute; bottom: -33px; right: 7px; color: #F2AB1A; font-style: bold; font-size: 2em; } #stacks_in_263668 .triangle.br a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 0 50px 50px !important; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #stacks_in_263668 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; } #stacks_in_262930 { padding: 0px 2px 0px 2px; } #stacks_in_262935 { margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; } /* CornerLinkThing by RapidWeaver Central */ #CornerThingstacks_in_263683 { display: block; overflow: hidden; background-color: #EDEDED; -webkit-border-top-left-radius: 0pxpx; -webkit-border-top-right-radius: 0pxpx; -moz-border-radius-topleft: 0pxpx; -moz-border-radius-topright: 0pxpx; border-top-left-radius: 0pxpx; border-top-right-radius: 0pxpx; -webkit-border-bottom-right-radius: 0pxpx; -webkit-border-bottom-left-radius: 0pxpx; -moz-border-radius-bottomright: 0pxpx; -moz-border-radius-bottomleft: 0pxpx; border-bottom-right-radius: 0pxpx; border-bottom-left-radius: 0pxpx; } #stacks_in_263683 .corner { position: relative; width: auto; overflow: hidden; } /* Top Right */ #stacks_in_263683 .triangle.tr { position: relative; float: right; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; display:none !important; } #stacks_in_263683 .triangle.tr:before { content: "+"; position: absolute; top: 13px; right: -41px; color: #F2AB1A; font-style: bold; font-size: 2em; display:none !important; } #stacks_in_263683 .triangle.tr a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0 !important; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; display:none; } /* Bottom Right */ #stacks_in_263683 .triangle.br { width: 0px; height: 0px; position: relative; float: right; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; } #stacks_in_263683 .triangle.br:before { content: "+"; position: absolute; bottom: -33px; right: 7px; color: #F2AB1A; font-style: bold; font-size: 2em; } #stacks_in_263683 .triangle.br a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 0 50px 50px !important; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #stacks_in_263683 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; } #stacks_in_263695 { padding: 0px 2px 0px 2px; } #stacks_in_263698 { margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; } /* CornerLinkThing by RapidWeaver Central */ #CornerThingstacks_in_263685 { display: block; overflow: hidden; background-color: #EDEDED; -webkit-border-top-left-radius: 0pxpx; -webkit-border-top-right-radius: 0pxpx; -moz-border-radius-topleft: 0pxpx; -moz-border-radius-topright: 0pxpx; border-top-left-radius: 0pxpx; border-top-right-radius: 0pxpx; -webkit-border-bottom-right-radius: 0pxpx; -webkit-border-bottom-left-radius: 0pxpx; -moz-border-radius-bottomright: 0pxpx; -moz-border-radius-bottomleft: 0pxpx; border-bottom-right-radius: 0pxpx; border-bottom-left-radius: 0pxpx; } #stacks_in_263685 .corner { position: relative; width: auto; overflow: hidden; } /* Top Right */ #stacks_in_263685 .triangle.tr { position: relative; float: right; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; display:none !important; } #stacks_in_263685 .triangle.tr:before { content: "+"; position: absolute; top: 13px; right: -41px; color: #F2AB1A; font-style: bold; font-size: 2em; display:none !important; } #stacks_in_263685 .triangle.tr a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0 !important; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; display:none; } /* Bottom Right */ #stacks_in_263685 .triangle.br { width: 0px; height: 0px; position: relative; float: right; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; } #stacks_in_263685 .triangle.br:before { content: "+"; position: absolute; bottom: -33px; right: 7px; color: #F2AB1A; font-style: bold; font-size: 2em; } #stacks_in_263685 .triangle.br a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 0 50px 50px !important; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #stacks_in_263685 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; } #stacks_in_263702 { padding: 0px 2px 0px 2px; } #stacks_in_263705 { padding: 0px 10px 10px 10px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_263308 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_263308 .container:after, #stacks_in_263308 .row:after, #stacks_in_263308 .mbcol:after, #stacks_in_263308 .clr:after, #stacks_in_263308 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_263308 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_263308 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_263308 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_263308 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_263308 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_263308 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_263308 .mbspan_3 { margin:0; width: 25%; } #stacks_in_263308 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_263308 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_263308 .mbspan_6 { margin:0; width: 50%; } #stacks_in_263308 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_263308 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_263308 .mbspan_9 { margin:0; width: 75%; } #stacks_in_263308 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_263308 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_263308 .mbspan_12 { margin:0; width: 100%; } #stacks_in_263308 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_263308 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_263308 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_263308 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_263308 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_263308 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_263308 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_263308 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_263308 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_263308 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_263308 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_263308 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_263308 { margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; } /* CornerLinkThing by RapidWeaver Central */ #CornerThingstacks_in_263687 { display: block; overflow: hidden; background-color: #EDEDED; -webkit-border-top-left-radius: 0pxpx; -webkit-border-top-right-radius: 0pxpx; -moz-border-radius-topleft: 0pxpx; -moz-border-radius-topright: 0pxpx; border-top-left-radius: 0pxpx; border-top-right-radius: 0pxpx; -webkit-border-bottom-right-radius: 0pxpx; -webkit-border-bottom-left-radius: 0pxpx; -moz-border-radius-bottomright: 0pxpx; -moz-border-radius-bottomleft: 0pxpx; border-bottom-right-radius: 0pxpx; border-bottom-left-radius: 0pxpx; } #stacks_in_263687 .corner { position: relative; width: auto; overflow: hidden; } /* Top Right */ #stacks_in_263687 .triangle.tr { position: relative; float: right; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; display:none !important; } #stacks_in_263687 .triangle.tr:before { content: "+"; position: absolute; top: 13px; right: -41px; color: #F2AB1A; font-style: bold; font-size: 2em; display:none !important; } #stacks_in_263687 .triangle.tr a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0 !important; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; display:none; } /* Bottom Right */ #stacks_in_263687 .triangle.br { width: 0px; height: 0px; position: relative; float: right; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; } #stacks_in_263687 .triangle.br:before { content: "+"; position: absolute; bottom: -33px; right: 7px; color: #F2AB1A; font-style: bold; font-size: 2em; } #stacks_in_263687 .triangle.br a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 0 50px 50px !important; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #stacks_in_263687 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; } #stacks_in_263709 { padding: 0px 2px 0px 2px; } #stacks_in_263712 { margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; } /* CornerLinkThing by RapidWeaver Central */ #CornerThingstacks_in_263689 { display: block; overflow: hidden; background-color: #EDEDED; -webkit-border-top-left-radius: 0pxpx; -webkit-border-top-right-radius: 0pxpx; -moz-border-radius-topleft: 0pxpx; -moz-border-radius-topright: 0pxpx; border-top-left-radius: 0pxpx; border-top-right-radius: 0pxpx; -webkit-border-bottom-right-radius: 0pxpx; -webkit-border-bottom-left-radius: 0pxpx; -moz-border-radius-bottomright: 0pxpx; -moz-border-radius-bottomleft: 0pxpx; border-bottom-right-radius: 0pxpx; border-bottom-left-radius: 0pxpx; } #stacks_in_263689 .corner { position: relative; width: auto; overflow: hidden; } /* Top Right */ #stacks_in_263689 .triangle.tr { position: relative; float: right; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; display:none !important; } #stacks_in_263689 .triangle.tr:before { content: "+"; position: absolute; top: 13px; right: -41px; color: #F2AB1A; font-style: bold; font-size: 2em; display:none !important; } #stacks_in_263689 .triangle.tr a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0 !important; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; display:none; } /* Bottom Right */ #stacks_in_263689 .triangle.br { width: 0px; height: 0px; position: relative; float: right; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; } #stacks_in_263689 .triangle.br:before { content: "+"; position: absolute; bottom: -33px; right: 7px; color: #F2AB1A; font-style: bold; font-size: 2em; } #stacks_in_263689 .triangle.br a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 0 50px 50px !important; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #stacks_in_263689 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; } #stacks_in_263716 { padding: 0px 2px 0px 2px; } #stacks_in_263719 { margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; } /* CornerLinkThing by RapidWeaver Central */ #CornerThingstacks_in_263691 { display: block; overflow: hidden; background-color: #EDEDED; -webkit-border-top-left-radius: 0pxpx; -webkit-border-top-right-radius: 0pxpx; -moz-border-radius-topleft: 0pxpx; -moz-border-radius-topright: 0pxpx; border-top-left-radius: 0pxpx; border-top-right-radius: 0pxpx; -webkit-border-bottom-right-radius: 0pxpx; -webkit-border-bottom-left-radius: 0pxpx; -moz-border-radius-bottomright: 0pxpx; -moz-border-radius-bottomleft: 0pxpx; border-bottom-right-radius: 0pxpx; border-bottom-left-radius: 0pxpx; } #stacks_in_263691 .corner { position: relative; width: auto; overflow: hidden; } /* Top Right */ #stacks_in_263691 .triangle.tr { position: relative; float: right; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; display:none !important; } #stacks_in_263691 .triangle.tr:before { content: "+"; position: absolute; top: 13px; right: -41px; color: #F2AB1A; font-style: bold; font-size: 2em; display:none !important; } #stacks_in_263691 .triangle.tr a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0 !important; border-color: transparent #2C4A7D transparent transparent; line-height: 0px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; display:none; } /* Bottom Right */ #stacks_in_263691 .triangle.br { width: 0px; height: 0px; position: relative; float: right; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; } #stacks_in_263691 .triangle.br:before { content: "+"; position: absolute; bottom: -33px; right: 7px; color: #F2AB1A; font-style: bold; font-size: 2em; } #stacks_in_263691 .triangle.br a:hover { width: 0px; height: 0px; border-style: solid; border-width: 0 0 50px 50px !important; border-color: transparent transparent #2C4A7D transparent; line-height: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #stacks_in_263691 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; } #stacks_in_263723 { padding: 0px 2px 0px 2px; } #stacks_in_263726 { margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; } #stacks_in_263824 { margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; } #stacks_in_263832>.s3_row { margin: 0 -10px; } #stacks_in_263832>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_263832>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_263832>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_263832>.s3_row { margin: -10px 0; } #stacks_in_263832>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_263843 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_263830 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_263834 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_264015 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_263828 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_263839 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_263841 { border: solid rgba(44, 74, 125, 1.00); border-width: 1px; margin: 5px; padding: 5px; } #stacks_in_263749 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_263749 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:dotted; border-top-width:10px; border-top-color:#2C4A7D; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } /* FiveShadowThing by RapidWeaver Central */ #fiveshadowthingstacks_in_263750 { position: relative; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1; width: 100%; } #stacks_in_263750 .box { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } #stacks_in_263750 .rounded, #stacks_in_263750 .rounded img { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Shadow Style 0 - Both Shadows */ #stacks_in_263750 .shadow-style0stacks_in_263750 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263750 .shadow-style0stacks_in_263750:before, #stacks_in_263750 .shadow-style0stacks_in_263750:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_263750 .shadow-style0stacks_in_263750:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /* Shadow Style 1 - Left Shadow */ #stacks_in_263750 .shadow-style1stacks_in_263750 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263750 .shadow-style1stacks_in_263750:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /* Shadow Style 2 - Right Shadow */ #stacks_in_263750 .shadow-style2stacks_in_263750 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263750 .shadow-style2stacks_in_263750:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /* Shadow Style 3 - Inset */ #stacks_in_263750 .shadow-style3stacks_in_263750 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263750 .shadow-style3stacks_in_263750 { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } /* Shadow Style 4 - Curved */ #stacks_in_263750 .shadow-style4stacks_in_263750 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263750 .shadow-style4stacks_in_263750:before, #stacks_in_263750 .shadow-style4stacks_in_263750:after { content: ""; position: absolute; z-index: -1; top: 50%; bottom: 0; left: 10px; right: 10px; -webkit-border-radius: 100px / 32px; -moz-border-radius: 100px / 32px; border-radius: 100px / 32px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); } /* Shadow Style 5 - Side Curves */ #stacks_in_263750 .shadow-style5stacks_in_263750 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 3px 15px 3px 15px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263750 .shadow-style5stacks_in_263750:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_263750 .shadow-style5stacks_in_263750:before, #stacks_in_263750 .shadow-style5stacks_in_263750:after { content:""; position:absolute; z-index:-2; } #stacks_in_263750 .shadow-style5stacks_in_263750:before { right:0; } /* Shadow Style 6 - Left Side Curve */ #stacks_in_263750 .shadow-style6stacks_in_263750 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 3px 3px 3px 15px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263750 .shadow-style6stacks_in_263750:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_263750 .shadow-style6stacks_in_263750:before, #stacks_in_263750 .shadow-style6stacks_in_263750:after { content:""; position:absolute; z-index:-2; } /* Shadow Style 7 - Right Side Curve */ #stacks_in_263750 .shadow-style7stacks_in_263750 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 3px 15px 3px 3px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263750 .shadow-style7stacks_in_263750:before { top:10px; bottom:10px; right:0; left:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_263750 .shadow-style7stacks_in_263750:before, #stacks_in_263750 .shadow-style7stacks_in_263750:after { content:""; position:absolute; z-index:-2; } /* Shadow Style 8 - Top/Bottom Curves */ #stacks_in_263750 .shadow-style8stacks_in_263750 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 15px 3px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263750 .shadow-style8stacks_in_263750:before, #stacks_in_263750 .shadow-style8stacks_in_263750:after { content:""; position:absolute; z-index:-2; } #stacks_in_263750 .shadow-style8stacks_in_263750:before { top:0; bottom:0; left:10px; right:10px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-border-radius: 100px / 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } /* Shadow Style 9 - Divider Line 1 */ #stacks_in_263750 .shadow-style9stacks_in_263750 { position:relative; width: 80%; top:20px; padding: 0; height: 40px; border: none; background: #EDEDED; margin: 60px auto; -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; } #stacks_in_263750 .shadow-style9stacks_in_263750 span { text-align: center !important; } #stacks_in_263750 .shadow-style9stacks_in_263750:before, #stacks_in_263750 .shadow-style9stacks_in_263750:after { content:""; position:absolute; z-index:-1; top:50%; bottom:0; left:40px; right:40px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-border-radius:100px / 10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_263750 .shadow-style9stacks_in_263750:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Shadow Style 10 - Divider Line 2 */ #stacks_in_263750 .shadow-style10stacks_in_263750 { height: 20px; overflow: hidden; position:relative; width: 80%; border: none; } #stacks_in_263750 .shadow-style10stacks_in_263750:after { border-radius: 100%; box-shadow: 0 0 10px #333; content: ""; display: block; height: 100%; position: relative; top: +100%; width: 80%; } #stacks_in_263750 { margin: 10px; padding: 10px; } /* FiveShadowThing by RapidWeaver Central */ #fiveshadowthingstacks_in_263880 { position: relative; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1; width: 100%; } #stacks_in_263880 .box { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } #stacks_in_263880 .rounded, #stacks_in_263880 .rounded img { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Shadow Style 0 - Both Shadows */ #stacks_in_263880 .shadow-style0stacks_in_263880 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263880 .shadow-style0stacks_in_263880:before, #stacks_in_263880 .shadow-style0stacks_in_263880:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_263880 .shadow-style0stacks_in_263880:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /* Shadow Style 1 - Left Shadow */ #stacks_in_263880 .shadow-style1stacks_in_263880 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263880 .shadow-style1stacks_in_263880:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /* Shadow Style 2 - Right Shadow */ #stacks_in_263880 .shadow-style2stacks_in_263880 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263880 .shadow-style2stacks_in_263880:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /* Shadow Style 3 - Inset */ #stacks_in_263880 .shadow-style3stacks_in_263880 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263880 .shadow-style3stacks_in_263880 { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } /* Shadow Style 4 - Curved */ #stacks_in_263880 .shadow-style4stacks_in_263880 { position: relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 0 3px 15px 3px; background: #EDEDED; } #stacks_in_263880 .shadow-style4stacks_in_263880:before, #stacks_in_263880 .shadow-style4stacks_in_263880:after { content: ""; position: absolute; z-index: -1; top: 50%; bottom: 0; left: 10px; right: 10px; -webkit-border-radius: 100px / 32px; -moz-border-radius: 100px / 32px; border-radius: 100px / 32px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); } /* Shadow Style 5 - Side Curves */ #stacks_in_263880 .shadow-style5stacks_in_263880 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 3px 15px 3px 15px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263880 .shadow-style5stacks_in_263880:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_263880 .shadow-style5stacks_in_263880:before, #stacks_in_263880 .shadow-style5stacks_in_263880:after { content:""; position:absolute; z-index:-2; } #stacks_in_263880 .shadow-style5stacks_in_263880:before { right:0; } /* Shadow Style 6 - Left Side Curve */ #stacks_in_263880 .shadow-style6stacks_in_263880 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 3px 3px 3px 15px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263880 .shadow-style6stacks_in_263880:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_263880 .shadow-style6stacks_in_263880:before, #stacks_in_263880 .shadow-style6stacks_in_263880:after { content:""; position:absolute; z-index:-2; } /* Shadow Style 7 - Right Side Curve */ #stacks_in_263880 .shadow-style7stacks_in_263880 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 3px 15px 3px 3px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263880 .shadow-style7stacks_in_263880:before { top:10px; bottom:10px; right:0; left:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_263880 .shadow-style7stacks_in_263880:before, #stacks_in_263880 .shadow-style7stacks_in_263880:after { content:""; position:absolute; z-index:-2; } /* Shadow Style 8 - Top/Bottom Curves */ #stacks_in_263880 .shadow-style8stacks_in_263880 { position:relative; width: px; height: auto; padding: 0; border: 1px solid #2C4A7D; margin: 15px 3px; background: #EDEDED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_263880 .shadow-style8stacks_in_263880:before, #stacks_in_263880 .shadow-style8stacks_in_263880:after { content:""; position:absolute; z-index:-2; } #stacks_in_263880 .shadow-style8stacks_in_263880:before { top:0; bottom:0; left:10px; right:10px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-border-radius: 100px / 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } /* Shadow Style 9 - Divider Line 1 */ #stacks_in_263880 .shadow-style9stacks_in_263880 { position:relative; width: 80%; top:20px; padding: 0; height: 40px; border: none; background: #EDEDED; margin: 60px auto; -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; } #stacks_in_263880 .shadow-style9stacks_in_263880 span { text-align: center !important; } #stacks_in_263880 .shadow-style9stacks_in_263880:before, #stacks_in_263880 .shadow-style9stacks_in_263880:after { content:""; position:absolute; z-index:-1; top:50%; bottom:0; left:40px; right:40px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-border-radius:100px / 10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_263880 .shadow-style9stacks_in_263880:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Shadow Style 10 - Divider Line 2 */ #stacks_in_263880 .shadow-style10stacks_in_263880 { height: 20px; overflow: hidden; position:relative; width: 80%; border: none; } #stacks_in_263880 .shadow-style10stacks_in_263880:after { border-radius: 100%; box-shadow: 0 0 10px #333; content: ""; display: block; height: 100%; position: relative; top: +100%; width: 80%; } #stacks_in_263880 { margin: 10px; padding: 10px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_263882 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_263882 .container:after, #stacks_in_263882 .row:after, #stacks_in_263882 .mbcol:after, #stacks_in_263882 .clr:after, #stacks_in_263882 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_263882 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_263882 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_263882 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_263882 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_263882 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_263882 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_263882 .mbspan_3 { margin:0; width: 25%; } #stacks_in_263882 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_263882 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_263882 .mbspan_6 { margin:0; width: 50%; } #stacks_in_263882 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_263882 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_263882 .mbspan_9 { margin:0; width: 75%; } #stacks_in_263882 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_263882 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_263882 .mbspan_12 { margin:0; width: 100%; } #stacks_in_263882 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_263882 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_263882 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_263882 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_263882 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_263882 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_263882 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_263882 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_263882 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_263882 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_263882 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_263882 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_263884 { margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px; } #stacks_in_263886 { margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px; } #stacks_in_263889 { position: relative; z-index: 1; } #stacks_in_263889, #stacks_out_263889, #slice_mez_263889, #stacks_in_263889 { overflow: visible; } #stacks_in_263889 .float-notice { -webkit-animation: floatNoticestacks_in_263889 3000ms ease-in-out infinite; animation: floatNoticestacks_in_263889 3000ms ease-in-out infinite; display: inline-block; position: absolute; z-index: 2; left: 10px; bottom: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; pointer-events: none; border-radius: 3px; background: rgba(253, 154, 9, 1.00); color: rgba(252, 252, 252, 1.00); font-family: inherit; padding: 4px 8px; font-size: 12px; line-height: 12px; } @-webkit-keyframes floatNoticestacks_in_263889 { 0% { -webkit-transform: translatey(30px); transform: translatey(30px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } 50% { -webkit-transform: translatey25px); transform: translatey(25px); -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); } 100% { -webkit-transform: translatey(30px); transform: translatey(30px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } } @keyframes floatNoticestacks_in_263889 { 0% { -webkit-transform: translatey(30px); transform: translatey(30px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } 50% { -webkit-transform: translatey25px); transform: translatey(25px); -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0px rgba(0,0,0,0.2); } 100% { -webkit-transform: translatey(30px); transform: translatey(30px); -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4); } } #stacks_in_263889 { border: solid rgba(253, 154, 9, 1.00); border-width: 1px; margin: 20px 10px 20px 10px; padding: 0px 10px 0px 10px; } /* HoverLiftThing by RapidWeaver Central */ #hoverliftthingstacks_in_263896 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #cardlinkstacks_in_263896 a:link, #cardlinkstacks_in_263896 a:hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; } #stacks_in_263896 .hoverliftthing { background: rgba(255, 255, 255, 0.00); margin: 10px 15px 25px 15px; overflow: hidden; position: relative; border: 1px solid rgba(44, 74, 125, 1.00); -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_263896 .hoverliftthing:hover { -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); } #stacks_in_263896 .hoverliftthing img { -webkit-border-radius: none !important; border-radius: none !important; } #stacks_in_263900 { margin: 0px 10px 10px 10px; padding: 0px 10px 10px 10px; } #stacks_in_263902 { margin: 0px 10px 10px 10px; padding: 0px 10px 10px 10px; } #stacks_in_263453{visibility:hidden} #stacks_in_263591 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } /* FiveShadowThing by RapidWeaver Central */ #fiveshadowthingstacks_in_264011 { position: relative; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1; width: 100%; } #stacks_in_264011 .box { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } #stacks_in_264011 .rounded, #stacks_in_264011 .rounded img { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Shadow Style 0 - Both Shadows */ #stacks_in_264011 .shadow-style0stacks_in_264011 { position: relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 0 3px 15px 3px; background: #FFFFFF; } #stacks_in_264011 .shadow-style0stacks_in_264011:before, #stacks_in_264011 .shadow-style0stacks_in_264011:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_264011 .shadow-style0stacks_in_264011:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /* Shadow Style 1 - Left Shadow */ #stacks_in_264011 .shadow-style1stacks_in_264011 { position: relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 0 3px 15px 3px; background: #FFFFFF; } #stacks_in_264011 .shadow-style1stacks_in_264011:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /* Shadow Style 2 - Right Shadow */ #stacks_in_264011 .shadow-style2stacks_in_264011 { position: relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 0 3px 15px 3px; background: #FFFFFF; } #stacks_in_264011 .shadow-style2stacks_in_264011:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #B3B3B3; -webkit-box-shadow: 0 15px 10px #A8A8A8; -moz-box-shadow: 0 15px 10px #A8A8A8; box-shadow: 0 15px 10px #A8A8A8; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /* Shadow Style 3 - Inset */ #stacks_in_264011 .shadow-style3stacks_in_264011 { position: relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 0 3px 15px 3px; background: #FFFFFF; } #stacks_in_264011 .shadow-style3stacks_in_264011 { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } /* Shadow Style 4 - Curved */ #stacks_in_264011 .shadow-style4stacks_in_264011 { position: relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 0 3px 15px 3px; background: #FFFFFF; } #stacks_in_264011 .shadow-style4stacks_in_264011:before, #stacks_in_264011 .shadow-style4stacks_in_264011:after { content: ""; position: absolute; z-index: -1; top: 50%; bottom: 0; left: 10px; right: 10px; -webkit-border-radius: 100px / 32px; -moz-border-radius: 100px / 32px; border-radius: 100px / 32px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); } /* Shadow Style 5 - Side Curves */ #stacks_in_264011 .shadow-style5stacks_in_264011 { position:relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 3px 15px 3px 15px; background: #FFFFFF; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_264011 .shadow-style5stacks_in_264011:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_264011 .shadow-style5stacks_in_264011:before, #stacks_in_264011 .shadow-style5stacks_in_264011:after { content:""; position:absolute; z-index:-2; } #stacks_in_264011 .shadow-style5stacks_in_264011:before { right:0; } /* Shadow Style 6 - Left Side Curve */ #stacks_in_264011 .shadow-style6stacks_in_264011 { position:relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 3px 3px 3px 15px; background: #FFFFFF; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_264011 .shadow-style6stacks_in_264011:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_264011 .shadow-style6stacks_in_264011:before, #stacks_in_264011 .shadow-style6stacks_in_264011:after { content:""; position:absolute; z-index:-2; } /* Shadow Style 7 - Right Side Curve */ #stacks_in_264011 .shadow-style7stacks_in_264011 { position:relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 3px 15px 3px 3px; background: #FFFFFF; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_264011 .shadow-style7stacks_in_264011:before { top:10px; bottom:10px; right:0; left:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-border-radius:10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; } #stacks_in_264011 .shadow-style7stacks_in_264011:before, #stacks_in_264011 .shadow-style7stacks_in_264011:after { content:""; position:absolute; z-index:-2; } /* Shadow Style 8 - Top/Bottom Curves */ #stacks_in_264011 .shadow-style8stacks_in_264011 { position:relative; width: px; height: auto; padding: 0; border: 2px solid #FD9A09; margin: 15px 3px; background: #FFFFFF; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_264011 .shadow-style8stacks_in_264011:before, #stacks_in_264011 .shadow-style8stacks_in_264011:after { content:""; position:absolute; z-index:-2; } #stacks_in_264011 .shadow-style8stacks_in_264011:before { top:0; bottom:0; left:10px; right:10px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-border-radius: 100px / 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } /* Shadow Style 9 - Divider Line 1 */ #stacks_in_264011 .shadow-style9stacks_in_264011 { position:relative; width: 80%; top:20px; padding: 0; height: 40px; border: none; background: #FFFFFF; margin: 60px auto; -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; box-shadow:0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset; } #stacks_in_264011 .shadow-style9stacks_in_264011 span { text-align: center !important; } #stacks_in_264011 .shadow-style9stacks_in_264011:before, #stacks_in_264011 .shadow-style9stacks_in_264011:after { content:""; position:absolute; z-index:-1; top:50%; bottom:0; left:40px; right:40px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-border-radius:100px / 10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_264011 .shadow-style9stacks_in_264011:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Shadow Style 10 - Divider Line 2 */ #stacks_in_264011 .shadow-style10stacks_in_264011 { height: 20px; overflow: hidden; position:relative; width: 80%; border: none; } #stacks_in_264011 .shadow-style10stacks_in_264011:after { border-radius: 100%; box-shadow: 0 0 10px #333; content: ""; display: block; height: 100%; position: relative; top: +100%; width: 80%; } #stacks_in_264012 { margin: 10px 10px 0px 10px; padding: 0px 10px 0px 10px; } /* Start Notify stack CSS code */ #doonotify-notice-wrapper { position:fixed; top:20px; right:20px; width:301px; z-index:999999; } .doonotify-item-wrapper { position:relative; margin:0 0 10px 0; background:url('../index_files/notifyAssets/ie-spacer.gif'); /* ie7/8 fix */ } .doonotify-top { background:url(../index_files/notifyAssets/doonotify.png) no-repeat left -30px; height:10px; z-index:9999999; } .doonotify-item { display:block; background:rgba(0,0,0,0.8); color:#eee; padding:12px 11px 18px 11px; font-family:arial !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: left; } .hover .doonotify-item { padding:10px 11px 18px 9px; border: 2px solid #ffffff; } .stacks_in_263563hidden-image{ width: 48px; height: 48px; overflow: hidden; } .stacks_in_263563hidden-image img{ width: 100%; height: auto; } .doonotify-image { width:48px; height:48px; float:left; margin-right: 10px; overflow: hidden; } .doonotify-image img { width:100%; height:auto; } .doonotify-with-image, .doonotify-without-image { padding:0; } .doonotify-with-image { width:216px; float:left; } .doonotify-item p { padding:0; margin:0; word-wrap:break-word !important; font-size: 13px; font-weight: 400 !important; line-height: normal !important; } .doonotify-close { display:none; position:absolute; top:5px; left:3px; background:url(../index_files/notifyAssets/doonotify.png) no-repeat left top; cursor:pointer; width:30px; height:30px; text-indent:-9999em; z-index:9999999; } .doonotify-title { font-size:14px !important; line-height: normal !important; font-weight:bold !important; padding:0 0 7px 0; display:block; text-shadow:1px 1px 0 #000; /* Not supported by IE :( */ text-align: left; } /* for the light (white) version of the doonotify notice */ .doonotify-light .doonotify-item { background:rgba(255,255,255,0.8); color: #222 !important; } .doonotify-light .doonotify-title { text-shadow: none; text-align: left; } .doonotify-light .doonotify-item:hover { border: 2px solid #2d2d2d; } .stacks_in_263563clear{ clear:both; height: 0; margin: 0; padding: 0; } @media all and (max-width: 1024px) { .doonotify-close { display:block; left:100%; margin-left: -32px; } #doonotify-notice-wrapper { position:fixed; top:0px; left:0px; width:100%; } .doonotify-item, .doonotify-light .doonotify-item { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .hover .doonotify-item { padding:12px 11px 18px 11px; border: none; } .doonotify-light .doonotify-item:hover { padding:12px 11px 18px 11px; border: none; } } /* end media query */ #stacks_in_263563 div{ display: none; height: 0; margin: 0; padding: 0; } /* End Notify stack CSS code */@important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_263910 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_263910 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_263910 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_263910 { /* */ /* */ opacity: 0; left: 15px; right: 45px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 999999; /* */ /* */ max-width: 400px; /* */ /* */ /* */ /* */ bottom: 14px; /* */ /* */ /* */ /* */ /* */ margin-left: auto; /* */ /* */ /* */ background: rgba(44, 74, 125, 1.00); /* */ /* */ /* */ /* */ border-width: 3px 3px 3px 3px; border-style: ridge; border-color: rgba(237, 237, 237, 1.00); /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 0px 0px; } #notice_stacks_in_263910.show { opacity: 1; visibility: visible; } #notice_stacks_in_263910.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_263910.cookie-hide { display: none; } #notice_stacks_in_263910 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 10px 10px 35px 10px; } #notice_stacks_in_263910 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px 35px 10px; /* */ /* */ text-align: center; /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_263910 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_263910 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 255, 255, 1.00); padding: 5px 20px 5px 10px; } #notice_stacks_in_263910 .notice-inner-icon i { font-size: 32px; vertical-align: middle; } #notice_stacks_in_263910 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_263910 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_263910 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_263910 .notice-action i { vertical-align: middle; } #notice_stacks_in_263910 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_263910 .notice-action-close:hover { /* */ } #notice_stacks_in_263910 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_263910 .notice-action-custom:hover { /* */ } #notice_stacks_in_263910 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_263910 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_263910 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_263910 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_263910 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_263910 .notice-action div { height: 50%; width: 100%; } } /* */ #backtop0 { position: fixed; z-index: 9999999; outline: none; overflow: hidden; text-align: center; cursor: pointer; transition: all 600ms linear; display: none; left: auto; right: 2%; top: auto; bottom: 2%; color: rgba(242, 242, 242, 1.00); background-color: rgba(33, 56, 105, 1.00); height: 40px; width: 40px; line-height: 37px; font-size: 20px; border-radius: 6px; /*customcss;*/ } #backtop0:hover { background-color: rgba(33, 56, 105, 1.00); color: rgba(253, 154, 9, 1.00); -webkit-transform: rotate(360deg); transform: rotate(360deg); /*customcss;*/ } #backtop0.mcOut { opacity: 0; } @media screen and (max-width: 480px) { #backtop0 { height: 60px; width: 60px; line-height: 60px; font-size: 20px; /*customcss;*/ }}