/* 2020 Copyleft - DATRO Consortium .. .. .. .. ........ ......... ....... ........ ......... ...................... .. ... .. ........ ......... ......... ........ ......... ...................... ....... ..... ........ ......... ........... ........ ......... ...................... ....... ........ ........ ......... ............. ........ ......... ...................... ....... ... ........ ......... ............... ........ ......... ....... ...... ........ ......... ......... ........ ...... ........ ......... ....... ...... ....... ........... ......... ........ ...... ........ ......... ................. ..... ..... ............. ......... ....... . ...... ........ ......... ................. ......... .... ............... ......... ....... ..... ...... ........ ......... ................. .......... . .. ...... ........ ......... ......................... ........ ......... ................. ......... . ...... .................. ........ ... ...... ................... ........ ......... ...... ................ ........ . ...... ................. ........ ...... ...... .............. ........ ...... ............... ........................... ... ...... ............ ........ ...... ............. ........................... . ...... .......... ........ ...... ........... ........................... ............................................................................................ DATRO by Unclehowell - DATRO CONSORTIUM 2020 - All Wrongs Reserved ............................................................................................ GitHub:https://github.com/unclehowell/datro - Website:https://datro.xyz .......................................................................................... */ /* Classes: AA. ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img {} AB. ism-slider {} AC. ism-slider .ism-slides {} AD. ism-slider li.ism-slide {} AE. ism-slider .ism-img-frame {} AF. ism-slider a.ism-image-link {} AG. ism-slider .ism-img {} AL. ism-slider .ism-radios {} AM. ism-slider .ism-radios.ism-radios-as-thumbnails {} AJ. ism-slider:hover .ism-pause-button {} BA. ism-radios {} BB. ism-radios li {} BC. ism-radios input.ism-radio {} BD. ism-radios label {} BE. ism-radios-as-thumbnails label {} BF. ism-radios-as-thumbnails label:hover {} BG. ism-radios-as-thumbnails li.active label {} CA. p.ism-badge {} CB. p.ism-badge a.ism-link {} CC. p.ism-badge a.ism-link:hover {} CD. ism-zoom-in {} CE. ism-zoom-rotate {} CF. ism-zoom-pan {} CG. ism-button, .ism-pause-button {} CH. ism-pause-button {} DA. @-webkit-keyframes ism-fadein {} DB. @-webkit-keyframes ism-loading {} DC. @-webkit-keyframes fadein {} DD. @-webkit-keyframes popin {} DE. @-webkit-keyframes slidein {} DF. @-webkit-keyframes zoompan {} DG. @-webkit-keyframes zoomrotate {} DH. @-webkit-keyframes zoomin {} DI. @keyframes fadein {} DJ. @keyframes popin {} DK. @keyframes slidein {} DL. @keyframes zoompan {} DM. @keyframes zoomrotate {} DN. @keyframes zoomin {} EA. #my-slider {} EB. #my-slider-ism-badge {} EC. #my-slider .ism-button {} ED. #my-slider .ism-button-prev {} EE. #my-slider .ism-button-next {} EF. #my-slider .ism-pause-button {} EG. #my-slider .ism-pause-button.ism-play {} EH. #my-slider .ism-button:hover {} EI. #my-slider .ism-pause-button:hover {} EJ. #my-slider .ism-radios {} EK. #my-slider .ism-radios label {} EL. #my-slider .ism-radios li.active label {} EM. #my-slider .ism-radios label:hover {} FA. #my-slider .ism-slide-0 .ism-img-frame, #my-slider .ism-slide-1 .ism-img-frame, #my-slider .ism-slide-2 .ism-img-frame, #my-slider .ism-slide-3 .ism-img-frame, #my-slider .ism-slide-4 .ism-img-frame, #my-slider .ism-slide-5 .ism-img-frame, #my-slider .ism-slide-6 .ism-img-frame, #my-slider .ism-slide-7 .ism-img-frame, #my-slider .ism-slide-8 .ism-img-frame, #my-slider .ism-slide-9 .ism-img-frame, #my-slider .ism-slide-10 .ism-img-frame,#my-slider .ism-slide-11 .ism-img-frame, #my-slider .ism-slide-12 .ism-img-frame,#my-slider .ism-slide-13 .ism-img-frame,#my-slider .ism-slide-14 .ism-img-frame, #my-slider .ism-slide-15 .ism-img-frame,#my-slider .ism-slide-16 .ism-img-frame,#my-slider .ism-slide-17 .ism-img-frame, #my-slider .ism-slide-18 .ism-img-frame {} FB. #my-slider .ism-slide-0 .ism-img, #my-slider .ism-slide-1 .ism-img, #my-slider .ism-slide-2 .ism-img, #my-slider .ism-slide-3 .ism-img, #my-slider .ism-slide-4 .ism-img, #my-slider .ism-slide-5 .ism-img, #my-slider .ism-slide-6 .ism-img, #my-slider .ism-slide-7 .ism-img, #my-slider .ism-slide-8 .ism-img, #my-slider .ism-slide-9 .ism-img, #my-slider .ism-slide-10 .ism-img,#my-slider .ism-slide-11 .ism-img, #my-slider .ism-slide-12 .ism-img,#my-slider .ism-slide-13 .ism-img,#my-slider .ism-slide-14 .ism-img, #my-slider .ism-slide-15 .ism-img,#my-slider .ism-slide-16 .ism-img,#my-slider .ism-slide-17 .ism-img, #my-slider .ism-slide-18 .ism-img {} Structure: 01. .class-1 {} .class-2 {} ... etc 02. @media all and (min-width:1024px) {.class-1 {}.class-2 {} ... etc} 03. @media all and (min-width:960px) and (max-width:1123px)and (orientation:portrait) {.class-1 {}.class-2 {} ... etc} 04. @media all and (min-width:960px) and (max-width:1123px)and (orientation:landscape) {.class-1 {}.class-2 {} ... etc} 05. @media all and (min-width:768px) and (max-width:959px) and (orientation:portrait) {.class-1 {}.class-2 {} ... etc} 06. @media all and (min-width:768px) and (max-width:959px) and (orientation:landscape) {.class-1 {}.class-2 {} ... etc} 07. @media all and (min-width:480px) and (max-width:767px) and (orientation:portrait) {.class-1 {}.class-2 {} ... etc} 08. @media all and (min-width:480px) and (max-width:767px) and (orientation:landscape) {.class-1 {}.class-2 {} ... etc} 09. @media all and (max-width:479px) and (orientation:portrait) {.class-1 {}.class-2 {} ... etc} 10. @media all and (max-width:479px) and (orientation:landscape) {.class-1 {}.class-2 {} ... etc} 11. @media(-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {} 12. @media print {} */ /* 01:AA */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } /* 01:AB */ .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 0; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} /* 01:AC */ .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} /* 01:AD */ .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} /* 01:AE */ .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} /* 01:AF */ .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} /* 01:AG */ .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} /* 01:AL */ .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} /* 01:AM */ .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} /* 01:AJ */ .ism-slider:hover .ism-pause-button {display: block;} /* 01:BA */ .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} /* 01:BB */ .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } /* 01:BC */ .ism-radios input.ism-radio { display: none;} /* 01:BD */ .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} /* 01:BE */ .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} /* 01:BF */ .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} /* 01:BG */ .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} /* 01:CA */ p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} /* 01:CB */ p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} /* 01:CC */ p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} /* 01:CD */ .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} /* 01:CE */ .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} /* 01:CF */ .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} /* 01:CG */ .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} /* 01:CH */ .ism-pause-button {display: none; left: 50%;} /* 01:DA */ @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} /* 01:DB */ @-webkit-keyframes ism-loading {50% { left: 120px; }} /* 01:DC */ @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} /* 01:DD */ @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} /* 01:DE */ @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} /* 01:DF */ @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} /* 01:DG */ @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} /* 01:DH */ @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* 01:DI */ @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} /* 01:DJ */ @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} /* 01:DK */ @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} /* 01:DL */ @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} /* 01:DM */ @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} /* 01:DN */ @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* 01:EA */ #my-slider {width: 89.05vw; height: 85vh;-webkit-border-radius: 5px; border-radius: 5px;} /* 01:EB */ #my-slider-ism-badge {width: 796px;} /* 01:EC */ #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} /* 01:ED */ #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} /* 01:EE */ #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} /* 01:EF */ #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} /* 01:EG */ #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} /* 01:EH */ #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} /* 01:EI */ #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} /* 01:EJ */ #my-slider .ism-radios {display: block; height: 14px; text-align: center;} /* 01:EK */ #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} /* 01:EL */ #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} /* 01:EM */ #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* 01:FA */ #my-slider .ism-slide-0 .ism-img-frame, #my-slider .ism-slide-1 .ism-img-frame, #my-slider .ism-slide-2 .ism-img-frame, #my-slider .ism-slide-3 .ism-img-frame, #my-slider .ism-slide-4 .ism-img-frame, #my-slider .ism-slide-5 .ism-img-frame, #my-slider .ism-slide-6 .ism-img-frame, #my-slider .ism-slide-7 .ism-img-frame, #my-slider .ism-slide-8 .ism-img-frame, #my-slider .ism-slide-9 .ism-img-frame, #my-slider .ism-slide-10 .ism-img-frame,#my-slider .ism-slide-11 .ism-img-frame, #my-slider .ism-slide-12 .ism-img-frame,#my-slider .ism-slide-13 .ism-img-frame,#my-slider .ism-slide-14 .ism-img-frame, #my-slider .ism-slide-15 .ism-img-frame,#my-slider .ism-slide-16 .ism-img-frame,#my-slider .ism-slide-17 .ism-img-frame, #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} /* 01:FB */ #my-slider .ism-slide-0 .ism-img, #my-slider .ism-slide-1 .ism-img, #my-slider .ism-slide-2 .ism-img, #my-slider .ism-slide-3 .ism-img, #my-slider .ism-slide-4 .ism-img, #my-slider .ism-slide-5 .ism-img, #my-slider .ism-slide-6 .ism-img, #my-slider .ism-slide-7 .ism-img, #my-slider .ism-slide-8 .ism-img, #my-slider .ism-slide-9 .ism-img, #my-slider .ism-slide-10 .ism-img,#my-slider .ism-slide-11 .ism-img, #my-slider .ism-slide-12 .ism-img,#my-slider .ism-slide-13 .ism-img,#my-slider .ism-slide-14 .ism-img, #my-slider .ism-slide-15 .ism-img,#my-slider .ism-slide-16 .ism-img,#my-slider .ism-slide-17 .ism-img, #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* 02:> */ @media all and (min-width:1024px) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center; box-shadow: -1px -1px 3px 3px #333366;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ /* #my-slider {width: 796px; height: 496px; -webkit-border-radius: 5px; border-radius: 5px;} */ #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 20px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 695px; margin-left: 18vw;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 03:> */ @media all and (min-width:960px) and (max-width:1123px)and (orientation:portrait) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ /* #my-slider {width: 796px; height: 496px; -webkit-border-radius: 5px; border-radius: 5px;} */ #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 20px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 04:> */ @media all and (min-width:960px) and (max-width:1123px)and (orientation:landscape) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ /* #my-slider {width: 796px; height: 496px; -webkit-border-radius: 5px; border-radius: 5px;} */ #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 20px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 05:> */ @media all and (min-width:768px) and (max-width:959px) and (orientation:portrait) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ /* #my-slider {width: 796px; height: 496px; -webkit-border-radius: 5px; border-radius: 5px;} */ #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 20px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 06:> */ @media all and (min-width:768px) and (max-width:959px) and (orientation:landscape) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ #my-slider {width: 796px; height: 496px; -webkit-border-radius: 5px; border-radius: 5px;} #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 20px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 07:> */ @media all and (min-width:480px) and (max-width:767px) and (orientation:portrait) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ /* #my-slider {width: 796px; height: 496px; -webkit-border-radius: 5px; border-radius: 5px;} */ #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 20px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 08:> */ @media all and (min-width:480px) and (max-width:767px) and (orientation:landscape) { /* 01:> */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider {overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: white; -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; image-rendering: auto; image-rendering: crisp-edges;} .ism-slider .ism-slides {list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1;} .ism-slider li.ism-slide {height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 3rem 0 0 0 !important; padding: 0 !important; background-color: #333366; text-align: center;} .ism-slider .ism-img-frame {display: block; position: absolute; width: 100%; height: 100%;} .ism-slider a.ism-image-link {position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%;} .ism-slider .ism-img {display: block; border: none; position: absolute; pointer-events: none;} .ism-button, .ism-pause-button {position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center;} .ism-pause-button {display: none; left: 50%;} .ism-slider:hover .ism-pause-button {display: block;} .ism-radios {margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px;} .ism-slider .ism-radios {position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible;} .ism-slider .ism-radios.ism-radios-as-thumbnails {bottom: 5px;} .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none;} .ism-radios label {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer;} .ism-radios-as-thumbnails label {-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8;} .ism-radios-as-thumbnails label:hover {border: 2px solid #fff; opacity: 1;} .ism-radios-as-thumbnails li.active label {border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1;} p.ism-badge {margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal;} p.ism-badge a.ism-link {color: inherit; text-decoration: none; margin-right: 0.25em;} p.ism-badge a.ism-link:hover {color: #aaa; text-decoration: underline;} .ism-zoom-in {-webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1;} .ism-zoom-rotate {-webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1;} .ism-zoom-pan {-webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1;} @-webkit-keyframes ism-fadein {from { opacity: 0; } to { opacity: 1; }} @-webkit-keyframes ism-loading {50% { left: 120px; }} @-webkit-keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @-webkit-keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @-webkit-keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @-webkit-keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @-webkit-keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} @keyframes fadein {0% { opacity: 0; } 100% { opacity: 1; }} @keyframes popin {50% { -webkit-transform: scale(1.2); transform: scale(1.2); }} @keyframes slidein {0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes zoompan {0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }} @keyframes zoomrotate {0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }} @keyframes zoomin {0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); }} /* SLIDER */ /* #my-slider {max-width: 520px; height: 73vh; min-width: 324px; border-radius: 5px; margin-left: 0!important; width: 100%;} */ #my-slider-ism-badge {width: 796px;} #my-slider .ism-button {display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); display: block; visibility: visible;} #my-slider .ism-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px;} #my-slider .ism-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px;} #my-slider .ism-pause-button {width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);} #my-slider .ism-pause-button.ism-play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);} #my-slider .ism-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-pause-button:hover {background-color: rgba(0, 0, 0, 0.6);} #my-slider .ism-radios {display: block; height: 16px; text-align: center;} #my-slider .ism-radios label {width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5);} #my-slider .ism-radios li.active label {background-color: rgba(255, 255, 255, 1.0);} #my-slider .ism-radios label:hover {background-color: rgba(255, 255, 255, 0.8);} /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-0 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-1 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-1 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-2 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-2 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-3 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-3 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-4 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-4 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-5 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-5 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-6 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-6 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-7 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-7 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-8 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-8 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-9 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-9 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-10 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-10 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-11 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-11 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-12 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-12 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-13 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-13 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-14 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-14 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-15 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-15 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-16 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-16 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-17 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-17 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #my-slider .ism-slide-18 .ism-img-frame {width: 80%; margin-left: 10%;} #my-slider .ism-slide-18 .ism-img {width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } /* 09:> */ @media all and (max-width:479px) and (orientation:portrait) { } /* 10:> */ @media all and (max-width:479px) and (orientation:landscape) { /* 10:AA */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img {} /* 10:AB */ .ism-slider {} /* 10:AC */ .ism-slider .ism-slides {} /* 10:AD */ .ism-slider li.ism-slide {} /* 10:AE */ .ism-slider .ism-img-frame {} /* 10:AF */ .ism-slider a.ism-image-link {} /* 10:AG */ .ism-slider .ism-img {} /* 10:AL */ .ism-slider .ism-radios {} /* 10:AM */ .ism-slider .ism-radios.ism-radios-as-thumbnails {} /* 10:AJ */ .ism-slider:hover .ism-pause-button {} /* 10:BA */ .ism-radios {} /* 10:BB */ .ism-radios li {} /* 10:BC */ .ism-radios input.ism-radio {} /* 10:BD */ .ism-radios label {} /* 10:BE */ .ism-radios-as-thumbnails label {} /* 10:BF */ .ism-radios-as-thumbnails label:hover {} /* 10:BG */ .ism-radios-as-thumbnails li.active label {} /* 10:CA */ p.ism-badge {} /* 10:CB */ p.ism-badge a.ism-link {} /* 10:CC */ p.ism-badge a.ism-link:hover {} /* 10:CD */ .ism-zoom-in {} /* 10:CE */ .ism-zoom-rotate {} /* 10:CF */ .ism-zoom-pan {} /* 10:CG */ .ism-button, .ism-pause-button {} /* 10:CH */ .ism-pause-button {} /* 10:DA */ @-webkit-keyframes ism-fadein {} /* 10:DB */ @-webkit-keyframes ism-loading {} /* 10:DC */ @-webkit-keyframes fadein {} /* 10:DD */ @-webkit-keyframes popin {} /* 10:DE */ @-webkit-keyframes slidein {} /* 10:DF */ @-webkit-keyframes zoompan {} /* 10:DG */ @-webkit-keyframes zoomrotate {} /* 10:DH */ @-webkit-keyframes zoomin {} /* 10:DI */ @keyframes fadein {} /* 10:DJ */ @keyframes popin {} /* 10:DK */ @keyframes slidein {} /* 10:DL */ @keyframes zoompan {} /* 10:DM */ @keyframes zoomrotate {} /* 10:DN */ @keyframes zoomin {} /* 10:EA */ #my-slider {} /* 10:EB */ #my-slider-ism-badge {} /* 10:EC */ #my-slider .ism-button {} /* 10:ED */ #my-slider .ism-button-prev {} /* 10:EE */ #my-slider .ism-button-next {} /* 10:EF */ #my-slider .ism-pause-button {} /* 10:EG */ #my-slider .ism-pause-button.ism-play {} /* 10:EH */ #my-slider .ism-button:hover {} /* 10:EI */ #my-slider .ism-pause-button:hover {} /* 10:EJ */ #my-slider .ism-radios {} /* 10:EK */ #my-slider .ism-radios label {} /* 10:EL */ #my-slider .ism-radios li.active label {} /* 10:EM */ #my-slider .ism-radios label:hover {} /* 10:FA */ #my-slider .ism-slide-0 .ism-img-frame, #my-slider .ism-slide-1 .ism-img-frame, #my-slider .ism-slide-2 .ism-img-frame, #my-slider .ism-slide-3 .ism-img-frame, #my-slider .ism-slide-4 .ism-img-frame, #my-slider .ism-slide-5 .ism-img-frame, #my-slider .ism-slide-6 .ism-img-frame, #my-slider .ism-slide-7 .ism-img-frame, #my-slider .ism-slide-8 .ism-img-frame, #my-slider .ism-slide-9 .ism-img-frame, #my-slider .ism-slide-10 .ism-img-frame,#my-slider .ism-slide-11 .ism-img-frame, #my-slider .ism-slide-12 .ism-img-frame,#my-slider .ism-slide-13 .ism-img-frame,#my-slider .ism-slide-14 .ism-img-frame, #my-slider .ism-slide-15 .ism-img-frame,#my-slider .ism-slide-16 .ism-img-frame,#my-slider .ism-slide-17 .ism-img-frame, #my-slider .ism-slide-18 .ism-img-frame {} /* 10:FB */ #my-slider .ism-slide-0 .ism-img, #my-slider .ism-slide-1 .ism-img, #my-slider .ism-slide-2 .ism-img, #my-slider .ism-slide-3 .ism-img, #my-slider .ism-slide-4 .ism-img, #my-slider .ism-slide-5 .ism-img, #my-slider .ism-slide-6 .ism-img, #my-slider .ism-slide-7 .ism-img, #my-slider .ism-slide-8 .ism-img, #my-slider .ism-slide-9 .ism-img, #my-slider .ism-slide-10 .ism-img,#my-slider .ism-slide-11 .ism-img, #my-slider .ism-slide-12 .ism-img,#my-slider .ism-slide-13 .ism-img,#my-slider .ism-slide-14 .ism-img, #my-slider .ism-slide-15 .ism-img,#my-slider .ism-slide-16 .ism-img,#my-slider .ism-slide-17 .ism-img, #my-slider .ism-slide-18 .ism-img {} } /* 11:> */ @media(-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) { /* 11:AA */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img {} /* 11:AB */ .ism-slider {} /* 11:AC */ .ism-slider .ism-slides {} /* 11:AD */ .ism-slider li.ism-slide {} /* 11:AE */ .ism-slider .ism-img-frame {} /* 11:AF */ .ism-slider a.ism-image-link {} /* 11:AG */ .ism-slider .ism-img {} /* 11:AL */ .ism-slider .ism-radios {} /* 11:AM */ .ism-slider .ism-radios.ism-radios-as-thumbnails {} /* 11:AJ */ .ism-slider:hover .ism-pause-button {} /* 11:BA */ .ism-radios {} /* 11:BB */ .ism-radios li {} /* 11:BC */ .ism-radios input.ism-radio {} /* 11:BD */ .ism-radios label {} /* 11:BE */ .ism-radios-as-thumbnails label {} /* 11:BF */ .ism-radios-as-thumbnails label:hover {} /* 11:BG */ .ism-radios-as-thumbnails li.active label {} /* 11:CA */ p.ism-badge {} /* 11:CB */ p.ism-badge a.ism-link {} /* 11:CC */ p.ism-badge a.ism-link:hover {} /* 11:CD */ .ism-zoom-in {} /* 11:CE */ .ism-zoom-rotate {} /* 11:CF */ .ism-zoom-pan {} /* 11:CG */ .ism-button, .ism-pause-button {} /* 11:CH */ .ism-pause-button {} /* 11:DA */ @-webkit-keyframes ism-fadein {} /* 11:DB */ @-webkit-keyframes ism-loading {} /* 11:DC */ @-webkit-keyframes fadein {} /* 11:DD */ @-webkit-keyframes popin {} /* 11:DE */ @-webkit-keyframes slidein {} /* 11:DF */ @-webkit-keyframes zoompan {} /* 11:DG */ @-webkit-keyframes zoomrotate {} /* 11:DH */ @-webkit-keyframes zoomin {} /* 11:DI */ @keyframes fadein {} /* 11:DJ */ @keyframes popin {} /* 11:DK */ @keyframes slidein {} /* 11:DL */ @keyframes zoompan {} /* 11:DM */ @keyframes zoomrotate {} /* 11:DN */ @keyframes zoomin {} /* 11:EA */ #my-slider {} /* 11:EB */ #my-slider-ism-badge {} /* 11:EC */ #my-slider .ism-button {} /* 11:ED */ #my-slider .ism-button-prev {} /* 11:EE */ #my-slider .ism-button-next {} /* 11:EF */ #my-slider .ism-pause-button {} /* 11:EG */ #my-slider .ism-pause-button.ism-play {} /* 11:EH */ #my-slider .ism-button:hover {} /* 11:EI */ #my-slider .ism-pause-button:hover {} /* 11:EJ */ #my-slider .ism-radios {} /* 11:EK */ #my-slider .ism-radios label {} /* 11:EL */ #my-slider .ism-radios li.active label {} /* 11:EM */ #my-slider .ism-radios label:hover {} /* 11:FA */ #my-slider .ism-slide-0 .ism-img-frame, #my-slider .ism-slide-1 .ism-img-frame, #my-slider .ism-slide-2 .ism-img-frame, #my-slider .ism-slide-3 .ism-img-frame, #my-slider .ism-slide-4 .ism-img-frame, #my-slider .ism-slide-5 .ism-img-frame, #my-slider .ism-slide-6 .ism-img-frame, #my-slider .ism-slide-7 .ism-img-frame, #my-slider .ism-slide-8 .ism-img-frame, #my-slider .ism-slide-9 .ism-img-frame, #my-slider .ism-slide-10 .ism-img-frame,#my-slider .ism-slide-11 .ism-img-frame, #my-slider .ism-slide-12 .ism-img-frame,#my-slider .ism-slide-13 .ism-img-frame,#my-slider .ism-slide-14 .ism-img-frame, #my-slider .ism-slide-15 .ism-img-frame,#my-slider .ism-slide-16 .ism-img-frame,#my-slider .ism-slide-17 .ism-img-frame, #my-slider .ism-slide-18 .ism-img-frame {} /* 11:FB */ #my-slider .ism-slide-0 .ism-img, #my-slider .ism-slide-1 .ism-img, #my-slider .ism-slide-2 .ism-img, #my-slider .ism-slide-3 .ism-img, #my-slider .ism-slide-4 .ism-img, #my-slider .ism-slide-5 .ism-img, #my-slider .ism-slide-6 .ism-img, #my-slider .ism-slide-7 .ism-img, #my-slider .ism-slide-8 .ism-img, #my-slider .ism-slide-9 .ism-img, #my-slider .ism-slide-10 .ism-img,#my-slider .ism-slide-11 .ism-img, #my-slider .ism-slide-12 .ism-img,#my-slider .ism-slide-13 .ism-img,#my-slider .ism-slide-14 .ism-img, #my-slider .ism-slide-15 .ism-img,#my-slider .ism-slide-16 .ism-img,#my-slider .ism-slide-17 .ism-img, #my-slider .ism-slide-18 .ism-img {} } /* 12:> */ @media print { /* 12:AA */ .ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img {} /* 12:AB */ .ism-slider {} /* 12:AC */ .ism-slider .ism-slides {} /* 12:AD */ .ism-slider li.ism-slide {} /* 12:AE */ .ism-slider .ism-img-frame {} /* 12:AF */ .ism-slider a.ism-image-link {} /* 12:AG */ .ism-slider .ism-img {} /* 12:AL */ .ism-slider .ism-radios {} /* 12:AM */ .ism-slider .ism-radios.ism-radios-as-thumbnails {} /* 12:AJ */ .ism-slider:hover .ism-pause-button {} /* 12:BA */ .ism-radios {} /* 12:BB */ .ism-radios li {} /* 12:BC */ .ism-radios input.ism-radio {} /* 12:BD */ .ism-radios label {} /* 12:BE */ .ism-radios-as-thumbnails label {} /* 12:BF */ .ism-radios-as-thumbnails label:hover {} /* 12:BG */ .ism-radios-as-thumbnails li.active label {} /* 12:CA */ p.ism-badge {} /* 12:CB */ p.ism-badge a.ism-link {} /* 12:CC */ p.ism-badge a.ism-link:hover {} /* 12:CD */ .ism-zoom-in {} /* 12:CE */ .ism-zoom-rotate {} /* 12:CF */ .ism-zoom-pan {} /* 12:CG */ .ism-button, .ism-pause-button {} /* 12:CH */ .ism-pause-button {} /* 12:DA */ @-webkit-keyframes ism-fadein {} /* 12:DB */ @-webkit-keyframes ism-loading {} /* 12:DC */ @-webkit-keyframes fadein {} /* 12:DD */ @-webkit-keyframes popin {} /* 12:DE */ @-webkit-keyframes slidein {} /* 12:DF */ @-webkit-keyframes zoompan {} /* 12:DG */ @-webkit-keyframes zoomrotate {} /* 12:DH */ @-webkit-keyframes zoomin {} /* 12:DI */ @keyframes fadein {} /* 12:DJ */ @keyframes popin {} /* 12:DK */ @keyframes slidein {} /* 12:DL */ @keyframes zoompan {} /* 12:DM */ @keyframes zoomrotate {} /* 12:DN */ @keyframes zoomin {} /* 12:EA */ #my-slider {} /* 12:EB */ #my-slider-ism-badge {} /* 12:EC */ #my-slider .ism-button {} /* 12:ED */ #my-slider .ism-button-prev {} /* 12:EE */ #my-slider .ism-button-next {} /* 12:EF */ #my-slider .ism-pause-button {} /* 12:EG */ #my-slider .ism-pause-button.ism-play {} /* 12:EH */ #my-slider .ism-button:hover {} /* 12:EI */ #my-slider .ism-pause-button:hover {} /* 12:EJ */ #my-slider .ism-radios {} /* 12:EK */ #my-slider .ism-radios label {} /* 12:EL */ #my-slider .ism-radios li.active label {} /* 12:EM */ #my-slider .ism-radios label:hover {} /* 12:FA */ #my-slider .ism-slide-0 .ism-img-frame, #my-slider .ism-slide-1 .ism-img-frame, #my-slider .ism-slide-2 .ism-img-frame, #my-slider .ism-slide-3 .ism-img-frame, #my-slider .ism-slide-4 .ism-img-frame, #my-slider .ism-slide-5 .ism-img-frame, #my-slider .ism-slide-6 .ism-img-frame, #my-slider .ism-slide-7 .ism-img-frame, #my-slider .ism-slide-8 .ism-img-frame, #my-slider .ism-slide-9 .ism-img-frame, #my-slider .ism-slide-10 .ism-img-frame,#my-slider .ism-slide-11 .ism-img-frame, #my-slider .ism-slide-12 .ism-img-frame,#my-slider .ism-slide-13 .ism-img-frame,#my-slider .ism-slide-14 .ism-img-frame, #my-slider .ism-slide-15 .ism-img-frame,#my-slider .ism-slide-16 .ism-img-frame,#my-slider .ism-slide-17 .ism-img-frame, #my-slider .ism-slide-18 .ism-img-frame {} /* 12:FB */ #my-slider .ism-slide-0 .ism-img, #my-slider .ism-slide-1 .ism-img, #my-slider .ism-slide-2 .ism-img, #my-slider .ism-slide-3 .ism-img, #my-slider .ism-slide-4 .ism-img, #my-slider .ism-slide-5 .ism-img, #my-slider .ism-slide-6 .ism-img, #my-slider .ism-slide-7 .ism-img, #my-slider .ism-slide-8 .ism-img, #my-slider .ism-slide-9 .ism-img, #my-slider .ism-slide-10 .ism-img,#my-slider .ism-slide-11 .ism-img, #my-slider .ism-slide-12 .ism-img,#my-slider .ism-slide-13 .ism-img,#my-slider .ism-slide-14 .ism-img, #my-slider .ism-slide-15 .ism-img,#my-slider .ism-slide-16 .ism-img,#my-slider .ism-slide-17 .ism-img, #my-slider .ism-slide-18 .ism-img {} }