body.color-16 { background: #364E69; }
body.color-17 { background: #27AE60; }
body.color-18 { background: #913D88; }
body.color-19 { background: #AD3C3C; }
body.color-20 { background: #DB0A5B; }
body.color-21 { background: #F39C12; }
body.color-22 { background: #2980B9; }
body.color-24 { background: #385694; }

#wrapper { perspective: 1400px; position: relative; z-index: 1; min-width: 980px; width: 100%; min-height: 100%; margin: 0 auto; transition: background 1200ms ease; overflow: hidden; }
#inner { position: relative; min-width: 980px; width: 100%; min-height: 100%; -webkit-transition: -webkit-transform 600ms, opacity 600ms; -moz-transition: -moz-transform 600ms, opacity 600ms; -o-transition: -o-transform 600ms, opacity 600ms; -ms-transition: -ms-transform 600ms, opacity 600ms; transition: transform 600ms, opacity 600ms; }
#inner.hidden { opacity: 0.2; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
#inner.preload { opacity: 0; -webkit-transform: translateY(1200px); }
#center { position: relative; width: 980px; margin: 0 auto; z-index: 3; }

#sky { position: absolute; top: 0; left: 0; height: 580px; width: 100%; min-width: 980px; z-index: 1; }
#skyback { background: rgba(255,255,255,0.1); position: absolute; bottom: 0; left: 50%; width: 5000px; height: 3000px; margin-left: -2500px; }

#logo { position: absolute; top: 40px; left: 480px; height: 100px; width: 470px; height: 80px; background: url(img/logo.html) no-repeat center center; z-index: 3; }
#logo a { position: absolute; top: 0; left: 100px; width: 270px; height: 80px; cursor: pointer; overflow: hidden; text-indent: -20000px; }
#title { position: absolute; top: 165px; left: 480px; height: 320px; width: 470px; z-index: 3; color: #FFF; text-transform: uppercase; text-align: center; text-shadow: 5px 5px rgba(0, 0, 0, 0.3); }
#title span { font-family: 'Oswald', sans-serif; font-weight: 700; display: block; font-size: 40px; line-height: 42px; }
#title h2 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 68px;  line-height: 70px; }

#man { position: relative; width: 980px; min-height: 1200px; z-index: 2; margin-left: -140px; }
#head { position: absolute; top: 0; left: 0; width: 610px; height: 540px; z-index: 2; background: url(img/head.html) top left no-repeat; }
#head_beard { position: absolute; top: 0; left: 0; width: 610px; height: 540px; z-index: 5; background: url(img/head_beard.html) top left no-repeat; }
#body_left { position: absolute; top: 0; left: 0; width: 610px; height: 100%; min-height: 1300px; z-index: 3; background: url(img/body_left.html) top left no-repeat; }
#body_right { position: absolute; top: 0; left: 0; width: 780px; height: 100%; min-height: 1300px; z-index: 4; background: url(img/body_right.html) top left no-repeat; pointer-events: none; transition: opacity 300ms; }
#body_opened { position: relative; top: 0; left: 0; width: 1120px; height: 100%; min-height: 1300px; z-index: 1; background: url(img/body_opened.html) top left no-repeat; opacity: 0; transition: opacity 300ms; }
#bl_repeat { position: absolute; top: 1300px; bottom: 0; left: 0; width: 610px; background: url(img/body_left_repeat.html) top left repeat-y; }
#br_repeat { position: absolute; top: 1300px; bottom: 0; left: 0; width: 780px; background: url(img/body_right_repeat.html) top left repeat-y; }
#bo_repeat { position: absolute; top: 1300px; bottom: 0; left: 0; width: 1120px; background: url(img/body_opened_repeat.html) top left repeat-y; }
#bl_repeat_o { position: absolute; bottom: -2000px; height: 2000px; left: 0; width: 610px; background: url(img/body_left_repeat.html) top left repeat-y; }
#br_repeat_o { position: absolute; bottom: -2000px; height: 2000px; left: 0; width: 780px; background: url(img/body_right_repeat.html) top left repeat-y; }
#bo_repeat_o { position: absolute; bottom: -2000px; height: 2000px; left: 0; width: 1120px; background: url(img/body_opened_repeat.html) top left repeat-y; }

#content { position: relative; z-index: 1; padding-left: 604px; padding-top: 600px; padding-bottom: 150px; width: 404px; height: auto; }
#content h2 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 36px; color: #FFF; text-shadow: 2px 2px #23262b; margin: 0 0 25px; text-align: center; text-transform: uppercase; }

.giftcard { position: relative; display: block; width: 100%; height: 100%; top: 10px; text-align: center; cursor: pointer; }

.giftcard.homeid-16.gc10:after { background-position: -405px 0; }
.giftcard.homeid-16.gc25:after { background-position: -540px 0; }
.giftcard.homeid-16.gc50:after { background-position: -675px 0; }

.giftcard.homeid-17.gc10:after { background-position: -405px -185px; }
.giftcard.homeid-17.gc25:after { background-position: -540px -185px; }
.giftcard.homeid-17.gc50:after { background-position: -675px -185px; }

.giftcard.homeid-18.gc10:after { background-position: -405px -370px; }
.giftcard.homeid-18.gc25:after { background-position: -540px -370px; }
.giftcard.homeid-18.gc50:after { background-position: -675px -370px; }

.giftcard.homeid-19.gc10:after { background-position: -405px -555px; }
.giftcard.homeid-19.gc25:after { background-position: -540px -555px; }
.giftcard.homeid-19.gc50:after { background-position: -675px -555px; }

.giftcard.homeid-20.gc10:after { background-position: -405px -740px; }
.giftcard.homeid-20.gc25:after { background-position: -540px -740px; }
.giftcard.homeid-20.gc50:after { background-position: -675px -740px; }

.giftcard.homeid-21.gc10:after { background-position: -405px -925px; }
.giftcard.homeid-21.gc25:after { background-position: -540px -925px; }
.giftcard.homeid-21.gc50:after { background-position: -675px -925px; }

.giftcard.homeid-22.gc10:after { background-position: -405px -1110px; }
.giftcard.homeid-22.gc25:after { background-position: -540px -1110px; }
.giftcard.homeid-22.gc50:after { background-position: -675px -1110px; }

.giftcard.homeid-24.gc10:after { background-position: -405px -1295px; }
.giftcard.homeid-24.gc25:after { background-position: -540px -1295px; }
.giftcard.homeid-24.gc50:after { background-position: -675px -1295px; }





#description { padding: 0 7px; text-align: center; }
#description p { color: #23262B; font-size: 18px; line-height: 26px; font-weight: 400; text-align: justify; font-family: 'Open Sans', sans-serif; letter-spacing: 0.2px; }
#description p+p { margin-top: 15px; }
#description h3 { font-size: 24px; font-weight: 700; line-height: 30px; color: #FFF; text-shadow: 2px 2px #23262b; margin: 30px 0 15px; font-family: 'Open Sans', sans-serif; letter-spacing: 0.5px; }

.giftcardhome { display: block; cursor: pointer; position: relative; margin-bottom: 15px; width: 390px; height: 170px; }
.giftcardhome h3 { display: none; }
.giftcardhome:after { content: ' '; position: absolute; top: 0; left: 0; width: 390px; height: 170px; background: url(img/gift_cards.html) no-repeat; transition: all 300ms; z-index: 2; }
.giftcardhome:before { content: ' '; position: absolute; top: 0; left: 0; width: 390px; height: 170px; opacity: 0.3; background: url(img/gift_cards.html) no-repeat bottom left; background-position: -810px 0; transition: all 300ms; z-index: 1; }
.giftcardhome:hover:after { top: -5px; left: -5px; }
.giftcardhome.homeid-16:after { background-position: 0 0; }
.giftcardhome.homeid-17:after { background-position: 0 -185px; }
.giftcardhome.homeid-18:after { background-position: 0 -370px; }
.giftcardhome.homeid-19:after { background-position: 0 -555px; }
.giftcardhome.homeid-20:after { background-position: 0 -740px; }
.giftcardhome.homeid-21:after { background-position: 0 -925px; }
.giftcardhome.homeid-22:after { background-position: 0 -1110px; }
.giftcardhome.homeid-24:after { background-position: 0 -1295px; }

#gboverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 2; perspective: 1200px; overflow: hidden; transition: transform 150ms; background: rgba(0, 0, 0, 0.5); }
#gboverlay.noclick { transform: scale(1.02); }
#gbclose { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; opacity: 0; transition: opacity 400ms; background: url(img/gbclose.html) no-repeat; z-index: 1; }
#gbclose.show { opacity: 1; }
#gbmouse { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
#gbmouse.nomouse { cursor: none; }
#generatorbox { position: absolute; top: 50%; left: 50%; width: 340px; height: 400px; margin-left: -170px; margin-top: -200px; background: #fff; border:1px solid #eeeeee; border-radius: 15px; z-index: 3; opacity: 0;
transform: scale(1.3) rotateX(10deg); transition: transform 400ms, opacity 400ms, height 400ms, margin-top 400ms; }
#generatorbox.show { opacity: 1; transform: scale(1) rotateX(0); }
#generatorbox.big { height: 450px; margin-top: -225px; }
#gbinner { position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; /*opacity: 0; transition: opacity 300ms;*/ }
#gbinner.show { opacity: 1; }
#hacklines { display: none; }
#steps { position: relative; height: 65px; }
.stepname { position: absolute; top: 0; font-size: 16px; line-height: 15px; color: #BDC3C7; width: 100%; transition: color 600ms; }
#step1 { text-align: left; } #step2 { text-align: center; } #step3 { text-align: right; }
#statusbar { position: absolute; left: 11px; right: 11px; height: 6px; background: #BDC3C7; top: 45px; }
.sbcirc { position: absolute; top: -8px; height: 22px; width: 22px; border-radius: 11px; background: #BDC3C7; }
#sbcirc2 { left: 50%; margin-left: -11px; } #sbcirc3 { right: -11px; } #sbcirc1 { left: -11px; }
#sbcomplete { position: absolute; z-index: 1; left: 0; top: 0; height: 6px; border-radius: 3px; width: 0; }
.sbcirca { position: absolute; height: 14px; width: 14px; border-radius: 7px; top: -4px; transition: background 300ms; z-index: 2; }
#sbcirca2 { left: 50%; margin-left: -7px; } #sbcirca3 { right: -7px; } #sbcirca1 { left: -7px; }
#statustext { position: absolute; color: #BDC3C7; left: 0; width: 100%; bottom: 0; font-size: 16px; line-height: 18px; text-align: center; transition: color 800ms; }
#statustext.final { color: #E74C3C; }
#genlogo { position: absolute; top: 80px; left: 50%; margin-left: -115px; width: 230px; height: 210px; background: url(img/logos.html) no-repeat; transition: opacity 600ms; }
#genlogo.hide { opacity: 0; }
#genreturn { position: absolute; bottom: 30px; height: 40px; line-height: 40px; letter-spacing: 1.2px; left: -40px; right: -40px; color: #BDC3C7; text-align: center; font-size: 18px; white-space: nowrap; opacity: 0; transition: opacity 600ms; }
#genreturn.active { opacity: 1; }
#genreturn span { color: #BDC3C7; transition: color 800ms; }
#widgetholder { position: absolute; overflow: hidden; width: 310px; height: 230px; top: 85px; left: 0; background: #ECF0F1 url(img/offers.png) repeat-x top center; border-radius: 5px; opacity: 0; z-index: 2; transition: opacity 600ms; }
#widgetholder.show { opacity: 1; }
#whclick { position: absolute; width: 560px; height: 210px; top: 0; left: 0; z-index: 2; }
#widgetholder.show #whclick { display: none; }
#whcontent { position: absolute; width: 560px; height: 210px; left: 0; overflow: hidden; z-index: 1; }
#whdesc { position: absolute; top: 0; left: 0; width: 460px; z-index: 2; height: 44px; line-height: 20px; padding: 12px 50px 10px; background: #ECF0F1; color: #23262B; text-align: center; font-size: 16px; letter-spacing: 0.2px; }

#fancybox-tmp { display: none !important; }
#fancybox-loading { display: none !important; }
#fancybox-overlay { display: none !important; }
#fancybox-wrap { display: none !important; }
#fancybox-content { margin-top: -5px !important; width: 560px !important; }
#activatewidget { height: 0; width: 0; visibility: hidden !important; }

body.color-16 #genreturn { letter-spacing: 1.2px; font-size: 18px; }
body.color-17 #genreturn { letter-spacing: 0; font-size: 18px; }
body.color-18 #genreturn { letter-spacing: 2px; font-size: 18px; }
body.color-19 #genreturn { letter-spacing: 2px; font-size: 18px; }
body.color-20 #genreturn { letter-spacing: 2px; font-size: 18px; }
body.color-21 #genreturn { letter-spacing: 2px; font-size: 18px; }
body.color-22 #genreturn { letter-spacing: 2px; font-size: 18px; }
body.color-24 #genreturn { letter-spacing: 2px; font-size: 18px; }

body.color-16 #genlogo { background-position: 0px 0px; }
body.color-17 #genlogo { background-position: 0px -210px; }
body.color-18 #genlogo { background-position: 0px -420px; }
body.color-19 #genlogo { background-position: 0px -630px; }
body.color-20 #genlogo { background-position: 0px -840px; }
body.color-21 #genlogo { background-position: 0px -1050px; }
body.color-22 #genlogo { background-position: 0px -1260px; }
body.color-24 #genlogo { background-position: 0px -1470px; }

body.color-16 .stepname.active, body.color-16 #genreturn span.active, body.color-16 #whdesc { color: #364E69; }
body.color-17 .stepname.active, body.color-17 #genreturn span.active, body.color-17 #whdesc { color: #27AE60; }
body.color-18 .stepname.active, body.color-18 #genreturn span.active, body.color-18 #whdesc { color: #913D88; }
body.color-19 .stepname.active, body.color-19 #genreturn span.active, body.color-19 #whdesc { color: #AD3C3C; }
body.color-20 .stepname.active, body.color-20 #genreturn span.active, body.color-20 #whdesc { color: #DB0A5B; }
body.color-21 .stepname.active, body.color-21 #genreturn span.active, body.color-21 #whdesc { color: #F39C12; }
body.color-22 .stepname.active, body.color-22 #genreturn span.active, body.color-22 #whdesc { color: #2980B9; }
body.color-24 .stepname.active, body.color-24 #genreturn span.active, body.color-24 #whdesc { color: #385694; }

body.color-16 .sbcirca.active, body.color-16 #sbcomplete { background: #364E69; }
body.color-17 .sbcirca.active, body.color-17 #sbcomplete { background: #27AE60; }
body.color-18 .sbcirca.active, body.color-18 #sbcomplete { background: #913D88; }
body.color-19 .sbcirca.active, body.color-19 #sbcomplete { background: #AD3C3C; }
body.color-20 .sbcirca.active, body.color-20 #sbcomplete { background: #DB0A5B; }
body.color-21 .sbcirca.active, body.color-21 #sbcomplete { background: #F39C12; }
body.color-22 .sbcirca.active, body.color-22 #sbcomplete { background: #2980B9; }
body.color-24 .sbcirca.active, body.color-24 #sbcomplete { background: #385694; }
 
#rdoverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; perspective: 1200px; overflow: hidden; transition: transform 150ms; }
#rdbox { position: absolute; top: 50%; left: 50%; width: 640px; height: 450px; padding: 35px 40px; box-sizing: border-box; margin-left: -320px; margin-top: -225px; background: #fff; border-radius: 15px; z-index: 3;  opacity: 0;
transform: scale(1.3) rotateX(10deg); transition: transform 600ms, opacity 600ms, height 600ms, margin-top 600ms; }
#rdbox.show { opacity: 1; transform: scale(1) rotateX(0); }
#rdclose { cursor: pointer; position: absolute; right: 20px; top: 20px; width: 16px; height: 16px; background: url(img/redirect.html) no-repeat; background-position: -262px -321px; transition: transform 300ms; }
#rdclose:hover { transform: rotateZ(90deg); }
#rdlogo { width: 261px; height: 76px; margin: 0 auto 20px; background: url(img/redirect.html) no-repeat; background-position: -1px -1px; }
#rdicons { width: 480px; margin: 0 auto; padding: 30px 0; }
.rdicon { position: relative; float: left; width: 120px; padding-top: 50px; text-align: center; color: #23262B; letter-spacing: 1px; font-size: 15px; line-height: 18px; }
.rdicon:after { content: ' '; position: absolute; top: 0; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url(img/redirect.html) no-repeat; background-position: -262px -1px; }
#rdbox h2 { font-size: 33px; line-height: 33px; text-align: center; letter-spacing: 0px; padding: 10px 0 15px; color: #23262B; }
#rdbox h3 { color: #23262B; font-size: 17px; letter-spacing: 0px; text-align: center; }
#rbdismiss { width: 160px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; cursor: pointer; transition: opacity 400ms; background: #364E69; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 600; }
#rbdismiss:hover { opacity: 0.8; }

#rdbox.color-16 .rdicon.rdi1:after { background-position: -262px -1px; }
#rdbox.color-16 .rdicon.rdi2:after { background-position: -302px -1px; }
#rdbox.color-16 .rdicon.rdi3:after { background-position: -342px -1px; }
#rdbox.color-16 .rdicon.rdi4:after { background-position: -382px -1px; }
#rdbox.color-17 .rdicon.rdi1:after { background-position: -262px -41px; }
#rdbox.color-17 .rdicon.rdi2:after { background-position: -302px -41px; }
#rdbox.color-17 .rdicon.rdi3:after { background-position: -342px -41px; }
#rdbox.color-17 .rdicon.rdi4:after { background-position: -382px -41px; }
#rdbox.color-18 .rdicon.rdi1:after { background-position: -262px -81px; }
#rdbox.color-18 .rdicon.rdi2:after { background-position: -302px -81px; }
#rdbox.color-18 .rdicon.rdi3:after { background-position: -342px -81px; }
#rdbox.color-18 .rdicon.rdi4:after { background-position: -382px -81px; }
#rdbox.color-19 .rdicon.rdi1:after { background-position: -262px -121px; }
#rdbox.color-19 .rdicon.rdi2:after { background-position: -302px -121px; }
#rdbox.color-19 .rdicon.rdi3:after { background-position: -342px -121px; }
#rdbox.color-19 .rdicon.rdi4:after { background-position: -382px -121px; }
#rdbox.color-20 .rdicon.rdi1:after { background-position: -262px -161px; }
#rdbox.color-20 .rdicon.rdi2:after { background-position: -302px -161px; }
#rdbox.color-20 .rdicon.rdi3:after { background-position: -342px -161px; }
#rdbox.color-20 .rdicon.rdi4:after { background-position: -382px -161px; }
#rdbox.color-21 .rdicon.rdi1:after { background-position: -262px -201px; }
#rdbox.color-21 .rdicon.rdi2:after { background-position: -302px -201px; }
#rdbox.color-21 .rdicon.rdi3:after { background-position: -342px -201px; }
#rdbox.color-21 .rdicon.rdi4:after { background-position: -382px -201px; }
#rdbox.color-22 .rdicon.rdi1:after { background-position: -262px -241px; }
#rdbox.color-22 .rdicon.rdi2:after { background-position: -302px -241px; }
#rdbox.color-22 .rdicon.rdi3:after { background-position: -342px -241px; }
#rdbox.color-22 .rdicon.rdi4:after { background-position: -382px -241px; }
#rdbox.color-24 .rdicon.rdi1:after { background-position: -262px -281px; }
#rdbox.color-24 .rdicon.rdi2:after { background-position: -302px -281px; }
#rdbox.color-24 .rdicon.rdi3:after { background-position: -342px -281px; }
#rdbox.color-24 .rdicon.rdi4:after { background-position: -382px -281px; }

#rdbox.color-16 #rdlogo { background-position: -1px -1px; }
#rdbox.color-17 #rdlogo { background-position: -1px -77px; }
#rdbox.color-18 #rdlogo { background-position: -1px -153px; }
#rdbox.color-19 #rdlogo { background-position: -1px -229px; }
#rdbox.color-20 #rdlogo { background-position: -1px -305px; }
#rdbox.color-21 #rdlogo { background-position: -1px -381px; }
#rdbox.color-22 #rdlogo { background-position: -1px -457px; }
#rdbox.color-24 #rdlogo { background-position: -1px -533px; }

#rdbox.color-16 #rbdismiss { background: #364E69; }
#rdbox.color-17 #rbdismiss { background: #27AE60; }
#rdbox.color-18 #rbdismiss { background: #913D88; }
#rdbox.color-19 #rbdismiss { background: #AD3C3C; }
#rdbox.color-20 #rbdismiss { background: #DB0A5B; }
#rdbox.color-21 #rbdismiss { background: #F39C12; }
#rdbox.color-22 #rbdismiss { background: #2980B9; }
#rdbox.color-24 #rbdismiss { background: #385694; }

#rdbox.color-16 h2 { color: #364E69; }
#rdbox.color-17 h2 { color: #27AE60; }
#rdbox.color-18 h2 { color: #913D88; }
#rdbox.color-19 h2 { color: #AD3C3C; }
#rdbox.color-20 h2 { color: #DB0A5B; }
#rdbox.color-21 h2 { color: #F39C12; }
#rdbox.color-22 h2 { color: #2980B9; }
#rdbox.color-24 h2 { color: #385694; }

#cleanfilesWidgetBackground { display: none !important; }
#activatewidget { display: none !important; }
#cleanfilesWidgetClose { display: none !important; }
#cleanfilesWidgetTitle { display: none !important; }
#cleanfilesWidgetInstructions { display: none !important; }
#cleanfilesWidgetLocker { width: 1000px !important; left: 0 !important; margin-left: -220px !important; position: absolute !important; top: 60px !important; }
#bodycolor{background-color: #FFFFFF;}
#amazon{
background:#f39c12 !important;
}
#amazon25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/amazon25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#amazon25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/amazon25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#amazon50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/amazon50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#amazon50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/amazon50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#amazon100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/amazon100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#amazon100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/amazon100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#ebay{
background:#0063d1 !important;
}
#ebay25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/ebay25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#ebay25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/ebay25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#ebay50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/ebay50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#ebay50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/ebay50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#ebay100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/ebay100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#ebay100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/ebay100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#facebook{
background:#385694 !important;
}
#facebook15:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/facebook15.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#facebook15:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/facebook15.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#facebook25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/facebook25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#facebook25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/facebook25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#facebook50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/facebook50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#facebook50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/facebook50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#googleplay{
background:#364e69 !important;
}
#googleplay10:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/googleplay10.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#googleplay10:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/googleplay10.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#googleplay25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/googleplay25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#googleplay25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/googleplay25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#googleplay50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/googleplay50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#googleplay50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/googleplay50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#itunes{
background:#db0a5b !important;
}
#itunes25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/itunes25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#itunes25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/itunes25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#itunes50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/itunes50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#itunes50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/itunes50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#itunes100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/itunes100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#itunes100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/itunes100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#playstation{
background:#913d88 !important;
}
#playstation20:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/playstation20.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#playstation20:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/playstation20.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#playstation50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/playstation50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#playstation50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/playstation50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#playstation100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/playstation100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#playstation100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/playstation100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#steam{
background:#ad3c3c !important;
}
#steam20:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/steam20.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#steam20:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/steam20.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#steam50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/steam50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#steam50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/steam50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#steam100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/steam100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#steam100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/steam100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#xbox{
background:#27ae60 !important;
}
#xbox25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/xbox25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#xbox25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/xbox25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#xbox50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/xbox50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#xbox50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/xbox50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#xbox100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/xbox100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#xbox100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/xbox100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#microsoft{
background:#5c2491 !important;
}
#microsoft25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/microsoft25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#microsoft25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/microsoft25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#microsoft50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/microsoft50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#microsoft50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/microsoft50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#microsoft100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/microsoft100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#microsoft100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/microsoft100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#skype{
background:#009de0 !important;
}
#skype10:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/skype10.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#skype10:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/skype10.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#skype25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/skype25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#skype25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/skype25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#skype50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/skype50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#skype50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/skype50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#paypal{
background:#00335e !important;
}
#paypal20:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/paypal20.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#paypal20:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/paypal20.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#paypal50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/paypal50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#paypal50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/paypal50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#paypal100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/paypal100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#paypal100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/paypal100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#netflix{
background:#ab252e !important;
}
#netflix30:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/netflix30.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#netflix30:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/netflix30.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#netflix50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/netflix50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#netflix50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/netflix50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#netflix60:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/netflix60.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#netflix60:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/netflix60.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#spotify{
background:#86b801 !important;
}
#spotify10:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/spotify10.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#spotify10:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/spotify10.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#spotify30:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/spotify30.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#spotify30:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/spotify30.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#spotify60:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/spotify60.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#spotify60:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/spotify60.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#windows{
background:#0278d8 !important;
}
#windows15:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/windows15.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#windows15:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/windows15.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#windows25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/windows25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#windows25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/windows25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#windows70:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/windows70.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#windows70:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/windows70.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#roblox{
background:#8a181a !important;
}
#roblox10:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/roblox10.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#roblox10:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/roblox10.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#roblox25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/roblox25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#roblox25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/roblox25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#roblox50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/roblox50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#roblox50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/roblox50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#visa{
background:#23558f !important;
}
#visa50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/visa50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#visa50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/visa50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#visa100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/visa100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#visa100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/visa100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#visa200:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/visa200.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#visa200:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/visa200.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#mastercard{
background:#cc0000 !important;
}
#mastercard50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/mastercard50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#mastercard50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/mastercard50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#mastercard100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/mastercard100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#mastercard100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/mastercard100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#mastercard200:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/mastercard200.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#mastercard200:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/mastercard200.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#americanexpress{
background:#19aae1 !important;
}
#americanexpress25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/americanexpress25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#americanexpress25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/americanexpress25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#americanexpress50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/americanexpress50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#americanexpress50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/americanexpress50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#americanexpress100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/americanexpress100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#americanexpress100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/americanexpress100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#nintendo{
background:#ec1b2e !important;
}
#nintendo20:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/nintendo20.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#nintendo20:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/nintendo20.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#nintendo35:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/nintendo35.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#nintendo35:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/nintendo35.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#nintendo50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/nintendo50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#nintendo50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/nintendo50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#starbucks{
background:#084327 !important;
}
#starbucks10:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/starbucks10.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#starbucks10:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/starbucks10.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#starbucks25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/starbucks25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#starbucks25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/starbucks25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#starbucks50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/starbucks50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#starbucks50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/starbucks50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#gamestop{
background:#1a1819 !important;
}
#gamestop5:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/gamestop5.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#gamestop5:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/gamestop5.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#gamestop25:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/gamestop25.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#gamestop25:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/gamestop25.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#gamestop50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/gamestop50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#gamestop50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/gamestop50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#bestbuy{
background:#0c66b0 !important;
}
#bestbuy50:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/bestbuy50.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}
#bestbuy50:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/bestbuy50.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#bestbuy100:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/bestbuy100.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#bestbuy100:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/bestbuy100.html) no-repeat;
transition: all 300ms;
z-index: 2;
}
#bestbuy500:before{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
opacity: 0.3;
background: url(img/bestbuy500.html) no-repeat bottom left;
background-position: -1215px 0;
transition: all 300ms;
z-index: 1;
}

#bestbuy500:after{
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 170px;
background: url(img/bestbuy500.html) no-repeat;
transition: all 300ms;
z-index: 2;
}