@import url('https://fonts.googleapis.com/css?family=Condiment:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Mr+Dafoe:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Qwigley:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Six+Caps:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Audiowide:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Monoton:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
html { background: #000 url('/assets/img/backgrounds/template/floral6.jpg') no-repeat; background-repeat: repeat-y; background-attachment: fixed; background-position: top center; }
body { background-position: top center; background-attachment: fixed; background-repeat: repeat-y; font: 13px/20px normal Helvetica, Arial, sans-serif; color: #4F5155; }
.mnmtopbarlogo { vertical-align: middle; display: inline-block; background: url('/assets/img/logo/moxieandmojologo.svg'); background-repeat: no-repeat; background-position: center bottom; width: 140px; height: 40px; margin: -4px 4px 0 0; transition: background-image 0.2s ease-in-out; }
.mnmtopbarlogo:hover { vertical-align: middle; display: inline-block; background: url('/assets/img/logo/moxieandmojologo-over.svg'); background-repeat: no-repeat; background-position: center bottom; width: 140px; height: 40px; margin: -4px 4px 0 0; transition: background-image 0.2s ease-in-out; }
.mnmtopbarlogo { filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=4, OffY=4, Color='#444')"; filter: url(#drop-shadow); -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7)); filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7)); }
.mnmsliderarea0 { background: #090A0E url('/assets/img/loading/orbitloaders/blacksparklesphere.gif') center center no-repeat; height: 500px; }
.mnmsliderarea1 { background: #000000 url('/assets/img/loading/orbitloaders/circular.gif') center center no-repeat; height: 500px; }
.mnmsliderarea2 { background: #000000 url('/assets/img/loading/orbitloaders/earth.gif') center center no-repeat; height: 500px; }
.mnmsliderarea3 { background: #000000 url('/assets/img/loading/orbitloaders/morphology.gif') center center no-repeat; height: 500px; }
.mnmsliderarea4 { background: #000000 url('/assets/img/loading/orbitloaders/purplepulse.gif') center center no-repeat; height: 500px; }
.mnmsliderarea5 { background: #000000 url('/assets/img/loading/orbitloaders/rainbowglobe.gif') center center no-repeat; height: 500px; }
.mnmsliderarea6 { background: #000000 url('/assets/img/loading/orbitloaders/redandpurplesuiggleies.gif') center center no-repeat; height: 500px; }
.mnmsliderarea7 { background: #000000 url('/assets/img/loading/orbitloaders/swirl.gif') center center no-repeat; height: 500px; }
.mnmsliderarea8 { background: #000000 url('/assets/img/loading/orbitloaders/theweb.gif') center center no-repeat; height: 500px; }
.mnmsliderarea9 { background: #101010 url('/assets/img/loading/orbitloaders/space.gif') center center repeat; height: 500px; }
#mnmbody { background-position: top center; background-attachment: fixed; background-repeat: repeat-y; clear: both; display: block; width: 100%; height: 100%; padding: 30px; }
#mydiv .isawesome { background-color: #B1B8BD; background-position: 0 0; background-repeat: no-repeat; background-image: url('../images/sidebar_angle.png'); background-image: url('../images/sidebar_angle.png'), -moz-linear-gradient(top, #ADB2B6 0%, #ABAEB3 100%); background-image: url('../images/sidebar_angle.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ADB2B6), color-stop(100%, #ABAEB3)); background-image: url('../images/sidebar_angle.png'), linear-gradient(to bottom, #ADB2B6, #ABAEB3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADB2B6', endColorstr='#ABAEB3', GradientType=0); }
#container { margin: auto; margin-top: 15px; width: 1000px; min-height: 800px; background: #ccc; border: 0; border-radius: 24px 24px 24px 24px; -moz-border-radius: 24px 24px 24px 24px; -webkit-border-radius: 24px 24px 24px 24px; -webkit-box-shadow: 0px 14px 40px 25px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 14px 40px 25px rgba(0, 0, 0, 0.6); box-shadow: 0px 14px 40px 25px rgba(0, 0, 0, 0.6); }
#header { width: 100%; height: 180px; background: #000000 url("/assets/img/backgrounds/background3.jpg"); display: block; border-radius: 24px 24px 0px 0px; -moz-border-radius: 24px 24px 0px 0px; -webkit-border-radius: 24px 24px 0px 0px; }
#nav { font-weight: bold; width: 100%; height: 44px; -webkit-box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 0.4); box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 0.4); */ }
#interiorcontent { min-height: 600px;} 
#legalcontent a:link { color: #994B70; text-decoration: none; }
#legalcontent a:visited { color: #994B70; text-decoration: none; }
#legalcontent a:hover { color: #000000; text-decoration: none; }
a:link { color: #fff; text-decoration: none; transition: all 0.5s ease-out; }
a:visited { color: #fff; text-decoration: none; transition: all 0.5s ease-out; }
a:hover { color: #bbb; text-decoration: none; transition: all 0.5s ease-out; }
a.clearsearch:link { color: #999; text-decoration: none; font-weight: bold; transition: all 0.5s ease-out; }
a.clearsearch:visited { color: #999; text-decoration: none; font-weight: bold; transition: all 0.5s ease-out; }
a.clearsearch:hover { color: #eee; text-decoration: none; font-weight: bold; transition: all 0.5s ease-out; }
a.home:link { color: #000; text-decoration: none; font-weight: bold; transition: all 0.5s ease-out; }
a.home:visited { color: #000; text-decoration: none; font-weight: bold; transition: all 0.5s ease-out; }
a.home:hover { color: #fa8410; text-decoration: none; font-weight: bold; transition: all 0.5s ease-out; }
a.f_target:link { color: #cccccc; text-decoration: none; text-shadow: 2px 2px 1px rgba(30, 30, 30, 1); font-weight: bold; transition: all 0.5s ease-out; }
a.f_target:visited { color: #cccccc; text-decoration: none; transition: all 0.5s ease-out; }
a.f_target:hover { color: #FFFAA7; text-decoration: none; transition: all 0.5s ease-out; }
a.paypal:link { color: #002F86; text-decoration: none; transition: all 0.5s ease-out; }
a.paypal:visited { color: #002F86; text-decoration: none; transition: all 0.5s ease-out; }
a.paypal:hover { color: #009CDE; text-decoration: none; transition: all 0.5s ease-out; }
a.dumpit:link { color: #ff6666; text-decoration: none; transition: all 0.5s ease-out; }
a.dumpit:visited { color: #ff6666; text-decoration: none; transition: all 0.5s ease-out; }
a.dumpit:hover { color: #ff8888; text-decoration: none; transition: all 0.5s ease-out; }
a.addslide:link { color: #dddddd; text-decoration: none; transition: all 0.5s ease-out; }
a.addslide:visited { color: #dddddd; text-decoration: none; transition: all 0.5s ease-out; }
a.addslide:hover { color: #dd00ff; text-decoration: none; transition: all 0.5s ease-out; }
a.delslide:link { color: #333333; text-decoration: none; transition: all 0.5s ease-out; }
a.delslide:visited { color: #333333; text-decoration: none; transition: all 0.5s ease-out; }
a.delslide:hover { color: #888888; text-decoration: none; transition: all 0.5s ease-out; }
a.peeprecord:link { color: #008CBA; text-decoration: none; transition: all 0.5s ease-out; }
a.peeprecord:visited { color: #008CBA; text-decoration: none; transition: all 0.5s ease-out; }
a.peeprecord:hover { color: #000000; text-decoration: none; transition: all 0.5s ease-out; }
a.productlinks, a.productlinks:link, a.productlinks:active, a.productlinks:visited { font-size: 0.9em; color: #BF98CB; padding-bottom: .25em; text-decoration: none; transition: all 0.4s ease-out;  -webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; }
a.productlinks:hover { color: #fff; text-decoration: none; transition: all 0.4s ease-out;  -webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; }
#footerbar { position: relative; z-index: 1000; width: 100%; height: 42px; margin: 0 0 0 0; padding: 0 10px; border-top: solid 1px #000; border-bottom: solid 1px #000; background: rgb(113, 123, 125); background: -moz-linear-gradient(top, rgba(113, 123, 125, 1) 0%, rgba(74, 76, 75, 1) 50%, rgba(73, 73, 73, 1) 51%, rgba(73, 73, 73, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(113, 123, 125, 1)), color-stop(50%, rgba(74, 76, 75, 1)), color-stop(51%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(73, 73, 73, 1))); background: -webkit-linear-gradient(top, rgba(113, 123, 125, 1) 0%, rgba(74, 76, 75, 1) 50%, rgba(73, 73, 73, 1) 51%, rgba(73, 73, 73, 1) 100%); background: -o-linear-gradient(top, rgba(113, 123, 125, 1) 0%, rgba(74, 76, 75, 1) 50%, rgba(73, 73, 73, 1) 51%, rgba(73, 73, 73, 1) 100%); background: -ms-linear-gradient(top, rgba(113, 123, 125, 1) 0%, rgba(74, 76, 75, 1) 50%, rgba(73, 73, 73, 1) 51%, rgba(73, 73, 73, 1) 100%); background: linear-gradient(to bottom, rgba(113, 123, 125, 1) 0%, rgba(74, 76, 75, 1) 50%, rgba(73, 73, 73, 1) 51%, rgba(73, 73, 73, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#717b7d', endColorstr='#494949', GradientType=0); -webkit-box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 1); box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 1);}
#footer { position: relative; z-index: 1000; width: 100%; height: 210px; margin: 0; padding: 0; border: solid 1px #333; background: #222222; border-radius: 0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; overflow: hidden; }
#footer div { height: 100%; color: #888; }
#footer h5 { color: #777; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-15 { font-size: 15px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-22 { font-size: 22px; }
.size-24 { font-size: 24px; }
.size-28 { font-size: 28px; }
.size-30 { font-size: 30px; }
.size-32 { font-size: 32px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
.rsltclick { background-color: #fff; border: solid 1px #999; display: inline-block; padding: 6px; margin-bottom: 0; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; }
a.menu, a.menuon { display: block; padding: 0; font-size: 24px; font-weight: bold; line-height: 41px; color: white; text-shadow: 3px 3px 5px rgba(30, 30, 30, 1); }
.grow img { width: 500px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; }
.grow img:hover { width: 505px; }
.growtmb img { height: 100px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; }
.growtmb img:hover { height: 105px; }
.growsocial img { height: 24px; width: 24px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; }
.growsocial img:hover { height: 32px; width: 32px; margin: 0 0; padding: 0 0 0 0; }
.fullWidth { min-width: 100%; width: 100%; margin-left: 0; margin-right: 0; max-width: initial; }
.aisleimg { border: solid 2px #111111; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; -webkit-box-shadow: inset 0px 2px 10px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 2px 10px 2px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 2px 10px 2px rgba(0, 0, 0, 0.75);}
.galleryheaderbar { font-family: 'Raleway', sans-serif; box-shadow: inset 1px 1px 5px 5px rgba(0, 0, 0, 0.9); background: #5a6e72; background: -moz-linear-gradient(top, #5a6e72 0%, #3d4341 50%, #060806 51%, #060405 100%); background: -webkit-linear-gradient(top, #5a6e72 0%, #3d4341 50%, #060806 51%, #060405 100%); background: linear-gradient(to bottom, #5a6e72 0%, #3d4341 50%, #060806 51%, #060405 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a6e72', endColorstr='#060405', GradientType=0); font-size: 32px; width: 100%; padding: 8px; margin: 0 0 0 0; text-align: center; text-transform: uppercase; color: #bbb; text-shadow: -1px -1px 2px rgba(255,255,255,0.8); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
.gallerythumb { filter: grayscale(0); border: solid 1px #000; transition: all 300ms ease-in-out; }
.gallerythumb:hover { filter: grayscale(0.5); border: solid 1px #000; transition: all 300ms ease-in-out; }
.galleryimgbox { overflow: hidden; margin: 0; background: #ddd; text-align: left; border: solid 2px #000; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; -webkit-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.5); }
.galleryimgarea { background: transparent; }
.galleryboxtitle { font-family: 'Raleway', sans-serif; color: #ccc; font-weight: 600; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); font-size: 0.95em; position: relative; width: 100%; padding: 3px 0 3px 0; margin: 0; border-bottom: solid 1px #000;}
.galleryboxdesc { color: #bbb; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.8em; background-color: #333; position: relative; width: 100%; padding: 0; margin: 0;}
.galleryboxextras { background: #45484d; background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); text-align: center; padding: 5px;}
.productthumb { width: 240px; margin: 0 5px 10px 5px; padding: 9px 8px 5px 8px; overflow: hidden; border: solid 2px #000; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #333333; -webkit-box-shadow: 5px 5px 5px  0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.45); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.45); transition: background 300ms ease-out; }
.productthumb:hover { background: #46253E; transition: background 300ms ease-out; }
.productthumb_name { padding: 2px 0 2px 2px; display: block; float: left; text-align: left; font-weight: bold; font-size: 1.0em; color: #dddddd; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); }
.productthumb_price { display: block; float: right; text-align: right; font-size: 0.9em; font-weight: bold; color: #FD7C1F; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
.product_img_report { background: #fff; display: block; clear: both; width: 100%; margin: auto; padding: 20px; }
.product_img_report_container { display: block; clear: both; width: 100%; margin: 20px 0 10px 0; }
#sliderleft { margin: 0; padding: 0; left: 0; top: 0; height: 110px; width: 30px; position: absolute; z-index: 2; float: left; background: -moz-linear-gradient(left, rgba(204, 204, 204, 1) 20%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 0.33) 74%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(204, 204, 204, 1)), color-stop(50%, rgba(204, 204, 204, 0.63)), color-stop(74%, rgba(204, 204, 204, 0.33)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(204, 204, 204, 1) 20%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 0.33) 74%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(204, 204, 204, 1) 20%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 0.33) 74%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(204, 204, 204, 1) 20%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 0.33) 74%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(204, 204, 204, 1) 20%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 0.33) 74%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#00ffffff', GradientType=1); }
#sliderright { margin: 0; padding: 0; right: 0; top: 0; height: 110px; width: 30px; position: absolute; z-index: 2; float: right; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 1) 80%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(204, 204, 204, 0.63)), color-stop(80%, rgba(204, 204, 204, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 1) 80%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 0.63) 50%, rgba(204, 204, 204, 1) 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#cccccc', GradientType=1); }
.producttd { text-align: right; font-weight: bold; vertical-align: top }
.productcell { padding: 3px; text-align: left; font-size: 1.3em; }
#producttable th { background: #565a60; background: -moz-linear-gradient(top, #565a60 0%, #1e1e1e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565a60), color-stop(100%, #1e1e1e)); background: -webkit-linear-gradient(top, #565a60 0%, #1e1e1e 100%); background: -o-linear-gradient(top, #565a60 0%, #1e1e1e 100%); background: -ms-linear-gradient(top, #565a60 0%, #1e1e1e 100%); background: linear-gradient(to bottom, #565a60 0%, #1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565a60', endColorstr='#1e1e1e', GradientType=0); color: #fff; }
#producttable td { padding: 1px 10px; }
.productstcell { font-size: 1.4em; border-right: solid 1px #aaa; border-left: solid 1px #aaa; }
.productstcell-right { font-size: 1.4em; text-align: right; border-right: solid 1px #aaa; }
.productstcell-center { font-size: 1.4em; text-align: center; }
.detaillrg { }
#slickmainimgarea { display: inline-block; width: 490px; padding: 0; margin: 10px 0 15px -6px; border-radius: 11px; border: solid 2px #000; overflow: hidden; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 1); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 1); }
.detailthumb { margin: 2px; border: solid 1px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-color: #ddd #999 #555 #aaa; }
.zoomthumb { width: 200px; border: solid 1px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 5px 5px  0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); border-color: #ddd #999 #555 #aaa; }
.pagination { margin: 0; padding: 0; }
.pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; *zoom: 1; }
.pagination ul > li { display: inline; }
.pagination ul > li > a, .pagination ul > li > span { font-size: 0.95rem; float: left; padding: 6px 16px; line-height: 20px; text-decoration: none; background-color: #222222; border: 1px solid #000000; border-left-width: 0; color: #888888; transition: background-color 300ms ease-out; transition: color 300ms ease-out; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #333333; color: #ffffff; transition: background-color 300ms ease-out; transition: color 300ms ease-out; }
.pagination ul > .active > a, .pagination ul > .active > span { color: #008CBA; cursor: default; font-weight: 800; font-size: 1.3em; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #ffffff; cursor: default; background-color: transparent; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 13px; font-size: 17.5px; }
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; }
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; }
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; }
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; }
.pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; }
.pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; }
#searchquery, #searcherror { background-color: #555; color: #ccc; border-left: 0; border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; -webkit-box-shadow: inset 0px 0px 11px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 11px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 11px 1px rgba(0, 0, 0, 0.5); }
#searchquery:focus, #searcherror:focus { background-color: #ccc; color: #111; border-left: 0; border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; -webkit-box-shadow: inset 0px 0px 11px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 11px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 11px 1px rgba(0, 0, 0, 0.5); transition: background-color 300ms ease-out; }
#topbanner, #topbanner2, #topbanner3 { width: 1000px; height: 101px; display: block; clear: both; border-bottom: solid 1px #000; }
#topbanner2, #topbanner3 { border-top: solid 1px #000; }
#gogglegallery { width: 100%; height: 100%; padding: 1px 0 0 0; margin: 1px 0 0 0; background: #ccc url('/assets/img/backgrounds/template/abstractgrey0.jpg') top left repeat-y; }
.productdetailbar { margin-top: 0; background: #aaa url('/assets/img/backgrounds/template/purplehexagon.jpg') top left repeat-x; color: #eee; padding: 0; border-bottom: solid 2px #000; border-top: solid 2px #000; -webkit-box-shadow: 0px 5px 5px  0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); }
.productdetailsbox { margin: auto; margin-top: 10px; vertical-align: top; background: #ddd; width: 95%; text-align: left; border: solid 2px #000; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); }
.storesharingbar { margin: auto; margin: 10px 0 15px 10px; vertical-align: bottom; display: block; clear: both; background: #ddd; width: 95%; min-height: 40px; text-align: center; border: solid 2px #000; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.45); }
.storesharingbar h4, .productdetailsbox h4 { color: #fff; border-bottom: solid 1px #000; background: #666 url('/assets/img/backgrounds/template/diamondplate.jpg') top left repeat-x; margin-top: 0; vertical-align: top; width: 100%; text-align: left; padding: 5px 10px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45); text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); }
.storesharingbar span { padding: 0; }
.hidden { visibility: hidden; display: none; }
.bwWrapper { position: relative; display: block; }
.relatedproductsheader { font-family: 'Qwigley', cursive; margin: 0 0 5px 0; padding: 5px; display: block; clear: both; background: #4e1a43; background: -moz-linear-gradient(top, #4e1a43 0%, #451739 50%, #3a0029 51%, #520e3b 100%); background: -webkit-linear-gradient(top, #4e1a43 0%, #451739 50%, #3a0029 51%, #520e3b 100%); background: linear-gradient(to bottom, #4e1a43 0%, #451739 50%, #3a0029 51%, #520e3b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e1a43', endColorstr='#520e3b', GradientType=0); color: #ddd; font-size: 1.1em; font-weight: 100; border-bottom: solid 1px #000; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.45); }
.relatedproductsfooter { font-family: 'Exo', sans-serif; font-weight: 400; font-size: 14px; margin: 5px 0; padding: 1px; display: block; clear: both; background: #45484d; background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); background: linear-gradient(to bottom, #45484d 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); color: #aaa; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); text-transform: uppercase; }
.zoomrelateditem { position: relative; vertical-align: top; margin: 3px 3px auto; padding: 0; display: inline-block; width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.zoomrelateditem img { max-width: 96%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border: solid 1px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.zoomrelateditem:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.7); z-index: 50; }
.zoommainitem { vertical-align: top; margin: auto; padding: 3px; display: inline-block; width: 96%; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.zoommainitem a img { max-width: 100%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: solid 1px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: center; margin: auto; padding: 0; }
.zoommainitem a:hover img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.7); }
.filter-simple .button-group { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.filter-simple .filter-simple-button.hollow.is-active, .filter-simple .filter-simple-button.hollow:focus, .filter-simple .filter-simple-button.hollow:active { background: rgb(255, 183, 107); background: -moz-linear-gradient(top, rgba(255, 183, 107, 1) 0%, rgba(255, 167, 61, 1) 50%, rgba(255, 124, 0, 1) 51%, rgba(255, 127, 4, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 183, 107, 1) 0%, rgba(255, 167, 61, 1) 50%, rgba(255, 124, 0, 1) 51%, rgba(255, 127, 4, 1) 100%); background: linear-gradient(to bottom, rgba(255, 183, 107, 1) 0%, rgba(255, 167, 61, 1) 50%, rgba(255, 124, 0, 1) 51%, rgba(255, 127, 4, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0); color: #ffffff; }
.button-group.round:first-child { border-radius: 5000px 0 0 5000px; }
.button-group.round:last-child { border-radius: 0 5000px 5000px 0; }
.column-block { margin-bottom: 30px; }
button.secondary, a.secondary { border: solid 1px #000; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); transition: all 1s ease-out; }
button.secondary:hover, a.secondary:hover { border: solid 1px #888; box-shadow: 0 0 4px rgba(255, 255, 255, 0.5); transition: all 0.8s ease-out; }
button.secondary:active, a.secondary:active { border: solid 1px #f00; box-shadow: 0 0 4px rgba(255, 0, 0, 0.5); box-shadow: none; transition: all 0.2s ease-out; }
.rotate { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; margin: 10px; overflow: hidden; }
#rotatordiv:hover .rotate { width:; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); }
.myButt { outline: none; border: none; padding: 20px; display: block; margin: 50px auto; cursor: pointer; font-size: 20px; background-color: transparent; position: relative; border: 2px solid #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.button.one, .button a.one, button.one, a.one { border-color: #fff; overflow: hidden; color: #fff; }
.button.one .insider, .button a.one .insider, button.one .insider, a.one .insider { background-color: #fff; width: 100%; height: 20px; position: absolute; left: -135px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); }
.button.one:hover, .button a.one:hover, button.one:hover, a.one:hover { background-color: #F44336; border-color: #fff; color: #fff; }
.button.one:hover .insider, .button a.one:hover .insider, button.one:hover .insider, a.one:hover .insider { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; left: 135px; }
.two { color: #fff; }
.two:hover { border-color: #F44336; color: #F44336; animation: shakeThatBooty 0.3s linear 1; -webkit-animation: shakeThatBooty 0.3s linear 1; -moz-animation: shakeThatBooty 0.3s linear 1; -o-animation: shakeThatBooty 0.3s linear 1; -ms-animation: shakeThatBooty 0.3s linear 1; }
@keyframes shakeThatBooty {
	33% { transform: rotateZ(10deg); -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); -o-transform: rotateZ(10deg); -ms-transform: rotateZ(10deg); }
	67% { transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); -moz-transform: rotateZ(-10deg); -o-transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); }
	100% { transform: rotateZ(10deg); -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); -o-transform: rotateZ(10deg); -ms-transform: rotateZ(10deg); }
}
.three { color: #fff; border-color: transparent; }
.three:before, .three:after { width: 0; height: 3px; content: " "; background-color: #F44336; position: absolute; top: 0; left: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.three:after { top: 100%; }
.three:hover { letter-spacing: 8px; color: #F44336; }
.three:hover:before, .three:hover:after { width: 100%; left: 0; }
.three:hover:after { width: 100%; left: 0; }
.four { overflow: hidden; }
.four span { color: #fff; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.four .icon { position: absolute; left: -60px; top: 0; color: #fff; padding: 20px; background-color: #F44336; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.four:hover .icon { left: 0px; }
.four:hover span { color: #F44336; margin-left: 50px; }
.five { overflow: hidden; color: #fff; }
.five .layer { color: #fff; position: absolute; top: -70px; width: 100%; left: 0; padding: 20px 0; background-color: #F44336; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.five:hover .layer { top: 0; }
.thetools { margin: -20px -20px 10px -20px; padding: 3px; background: rgb(119, 3, 173); background: -moz-linear-gradient(top, rgba(40, 3, 60, 1) 0%, rgba(59, 1, 86, 1) 46%, rgba(20, 20, 20, 1) 100%); background: -webkit-linear-gradient(top, rgba(40, 3, 60, 1) 0%, rgba(59, 1, 86, 1) 46%, rgba(20, 20, 20, 1) 100%); background: linear-gradient(to bottom, rgba(40, 3, 60, 1) 0%, rgba(59, 1, 86, 1) 46%, rgba(20, 20, 20, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7703ad', endColorstr='#6e5c7c', GradientType=0); color: #eeeeee; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; font-weight: 800; font-family: 'Exo', sans-serif; letter-spacing: 2px; }
.divsort { background: #111; border-radius: 9px; border: solid 1px #999; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.6); clear: right; color: #111; display: inline-block; font-size: 0.8em; margin: 3px; overflow: hidden; padding: 4px 4px; text-align: center; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7); vertical-align: top; }
.divsort:hover { border: solid 1px #fff; cursor: move; margin: 3px; padding: 4px 4px; }
.divsort .fa { color: #444; font-size: 1.4em; line-height: 48px; }
.divsort:hover .fa { color: #090; font-size: 2.5em; transform: rotate(45deg); line-height: 48px; }
.fa-li { font-family: 'Exo', cursive; color: #8200ad; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); line-height: 1.6em; text-align: left; }
.mnmtext { font-family: 'Exo', cursive; color: #222222; line-height: 1.6em; text-align: left; }
.separater { text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7); background: rgb(181, 189, 200); background: -moz-linear-gradient(top, rgba(181, 189, 200, 1) 0%, rgba(130, 140, 149, 1) 36%, rgba(40, 52, 59, 1) 100%); background: -webkit-linear-gradient(top, rgba(181, 189, 200, 1) 0%, rgba(130, 140, 149, 1) 36%, rgba(40, 52, 59, 1) 100%); background: linear-gradient(to bottom, rgba(181, 189, 200, 1) 0%, rgba(130, 140, 149, 1) 36%, rgba(40, 52, 59, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0); text-transform: uppercase; }
.autocontenttitle { font-family: 'Exo', cursive; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7); }
.autocontenttitle i { color: #f84; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7); }
.autocontenttitle i:hover { color: aqua; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7); }
.switch label { box-shadow: inset 2px 3px 4px rgba(0, 0, 0, 0.6); border-radius: 25px; color: #fff; background-color: #222; background-size: contain; border: solid 2px #555; border-color: #777 #888 #ddd #999; }
.switch label:after { background: url('/assets/img/ui/switch.png') 50% 50%; background-size: contain; border-radius: 25px; color: #fff; background-color: #0084ff; border: solid 1px #000; box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.6); }
.orbit-bullets, .orbit-slide-number { display: none; }
.grad1 { background-color: #FAACA8; background-image: linear-gradient(15deg, #FAACA8 0%, #DDD6F3 100%); }
.grad2 { background-color: #7500f9; background-image: linear-gradient(43deg, #7500f9 0%, #C850C0 45%, #FFCC70 100%); }
.grad3 { background-color: #58327e; background-image: linear-gradient(195deg, #58327e 0%, #151212 50%, #280098 100%); }
.grad4 { background-color: #7d009f; background-image: linear-gradient(19deg, #7d009f 0%, #000000 50%, #007794 100%); }
.title_changer { color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); text-shadow: none; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0.1); -webkit-animation: hue 60s infinite linear; }
@-webkit-keyframes hue {
	from { -webkit-filter: hue-rotate(0deg); }
	to { -webkit-filter: hue-rotate(-360deg); }
}
.blackheaderbar { font-family: 'Raleway', sans-serif; box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.7); background: #5a6e72; background: -moz-linear-gradient(top, #5a6e72 0%, #3d4341 50%, #060806 51%, #060405 100%); background: -webkit-linear-gradient(top, #5a6e72 0%, #3d4341 50%, #060806 51%, #060405 100%); background: linear-gradient(to bottom, #5a6e72 0%, #3d4341 50%, #060806 51%, #060405 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a6e72', endColorstr='#060405', GradientType=0); font-size: 32px; width: 100%; padding: 20px; margin: 0 0 0 0; text-align: center; text-transform: uppercase; }
.headerradius { -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; border-top-right-radius: 9px; }
.dominantcolor { margin: auto; width: 188px; border: ridge 2px #aaa; }
.dominantcolor:hover { border: solid 2px #555; margin: auto; width: 188px; }
.colorpalette { margin: auto; width: 188px; }
.intcolor { position: relative; margin: 0; padding: 0; width: 360px; height: 35px; transition: left .5s ease-in-out; }
.intcolor1 { position: relative; margin: 0; padding: 0; width: 180px; height: 35px; position: relative; display: inline-block; text-align: center; transition: left .5s ease-in-out; }
.intcolor2 { position: relative; margin: 0; padding: 0; width: 180px; height: 35px; display: inline-block; text-align: center; transition: left .5s ease-in-out; }
.auxcolorbuttons { position: relative; padding: 0 0 0 0; z-index: 2; margin: 2px auto; border: solid 1px #000; border-radius: 3px; text-align: center; vertical-align: center; display: block; width: 180px; height: 35px; line-height: 31px; transition: all .5s ease-out; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); cursor: normal; overflow: hidden; }
.auxcolorbuttons:hover { color: white !important; border-radius: 100px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.6); text-shadow: -1px -1px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1); border: ridge 3px #fb0; line-height: 31px; font-weight: 600; transition: all .5s ease-in-out; cursor: pointer; }
.auxcolorbuttons:hover .intcolor { position: relative; top: 0; left: -180px; padding: 0; margin: 0 0 0 0; }
.auxcolorbuttons .active { border-radius: 100px; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.6), inset 0 0 5px 5px rgba(0, 0, 0, 0.6); text-shadow: -1px 1px 2px rgba(0, 0, 0, 1), 1px 1px 2px rgba(0, 0, 0, 1); color: white !important; font-weight: 600; border: ridge 3px #a00; line-height: 31px; transition: all .5s ease-out; cursor: pointer; animation: pulseborder 1s infinite; -webkit-animation: pulseborder 1s infinite; -moz-animation: pulseborder 1s infinite; -o-animation: pulseborder 1s infinite; -ms-animation: pulseborder 1s infinite; }
.auxcolorbuttonslight { position: relative; padding: 0 0 0 0; z-index: 2; margin: 2px auto; border: solid 1px #000; border-radius: 3px; text-align: center; vertical-align: center; display: block; width: 180px; height: 35px; line-height: 31px; transition: all .5s ease-out; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); cursor: normal; overflow: hidden; }
.auxcolorbuttonslight:hover { color: white !important; border-radius: 100px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.6); text-shadow: -1px -1px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1); border: ridge 3px #b0f; line-height: 31px; font-weight: 600; transition: all .5s ease-in-out; cursor: pointer; }
.auxcolorbuttonslight:hover .intcolor { position: relative; top: 0; left: -180px; padding: 0; margin: 0 0 0 0; }
.auxcolorbuttonslight .active { border-radius: 100px; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.6), inset 0 0 5px 5px rgba(0, 0, 0, 0.6); text-shadow: -1px 1px 2px rgba(0, 0, 0, 1), 1px 1px 2px rgba(0, 0, 0, 1); color: white !important; font-weight: 600; border: ridge 3px #a00; line-height: 31px; transition: all .5s ease-out; cursor: pointer; animation: pulseborder 1s infinite; -webkit-animation: pulseborder 1s infinite; -moz-animation: pulseborder 1s infinite; -o-animation: pulseborder 1s infinite; -ms-animation: pulseborder 1s infinite; }
.auxcolorbuttonsdark { position: relative; padding: 0 0 0 0; z-index: 2; margin: 2px auto; border: solid 1px #000; border-radius: 3px; text-align: center; vertical-align: center; display: block; width: 180px; height: 35px; line-height: 31px; transition: all .5s ease-out; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); cursor: normal; overflow: hidden; }
.auxcolorbuttonsdark:hover { color: white !important; border-radius: 100px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.6); text-shadow: -1px -1px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1); border: ridge 3px #fb0; line-height: 31px; font-weight: 600; transition: all .5s ease-in-out; cursor: pointer; }
.auxcolorbuttonsdark:hover .intcolor { position: relative; top: 0; left: -180px; padding: 0; margin: 0 0 0 0; }
.auxcolorbuttonsdark.active { border-radius: 100px; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.6), inset 0 0 5px 5px rgba(0, 0, 0, 0.6); text-shadow: -1px 1px 2px rgba(0, 0, 0, 1), 1px 1px 2px rgba(0, 0, 0, 1); color: white !important; font-weight: 600; border: ridge 3px #a00; line-height: 31px; transition: all .5s ease-out; cursor: pointer; animation: pulseborder 1s infinite; -webkit-animation: pulseborder 1s infinite; -moz-animation: pulseborder 1s infinite; -o-animation: pulseborder 1s infinite; -ms-animation: pulseborder 1s infinite; }
.maincolorbutton { margin: 2px; padding: 0 0 0 0; border: solid 1px #000; text-align: center; vertical-align: center; display: inline-block; float: left; width: 180px; height: 56px; line-height: 56px; transition: all .5s ease-out; cursor: normal; overflow: hidden; }
.maincolorbutton:hover { border-radius: 100px; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.6); text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(255, 255, 255, 0.8); transition: all .5s ease-out; line-height: 46px; border: ridge 5px #fb0; cursor: pointer; }
.auxcolorbuttons.active !important { border-radius: 100px; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.6), inset 0 3px 3px 3px rgba(0, 0, 0, 0.6); text-shadow: -2px 1px 0 rgba(0, 0, 0, 0.8), 2px 1px 0 rgba(0, 0, 0, 0.8); color: #fff; border: ridge 5px #a00; line-height: 46px; transition: all .5s ease-out; cursor: pointer; animation: pulseborder 5s infinite; -webkit-animation: pulseborder 5s infinite; -moz-animation: pulseborder 5s infinite; -o-animation: pulseborder 5s infinite; -ms-animation: pulseborder 5s infinite; }
@keyframes pulseborder {
	0% { border: ridge 3px white; }
	50% { border: ridge 3px black; }
	100% { border: ridge 3px white; }
}
@keyframes pulseborderdark {
	0% { border: ridge 3px white; }
	50% { border: ridge 3px orange; }
	100% { border: ridge 3px white; }
}
@keyframes pulseborderlight {
	0% { border: ridge 3px white; }
	50% { border: ridge 3px purple; }
	100% { border: ridge 3px white; }
}
.eventboxcontainer { background: url('/assets/img/ui/eventbackground.png'); background-color: rgba(0, 0, 0, 0.4); position: relative; width: 100%; height: 6.35em; padding: 0 0 0 0; margin: 10px 0 10px 0; border-radius: 11px; border: solid 1px #000; border-color: #333 #666 #888 #444; box-shadow: inset 5px 5px 8px rgba(0, 0, 0, 0.8); overflow: hidden; z-index: 2; }
.eventboxcontainer:hover .intcolor1 { position: relative; top: 0; left: 165px; width: 100%; height: 6.2em; padding: 0; margin: 0 0 0 0; border-radius: 11px; transition: left 0.3s ease-out; }
.darkMatter { }
.featureBG { background: #b70c0c; background: linear-gradient(228deg, #000000, #b70c0c, #7d009f, #ff7e00, #007794, #000000); background-size: 800% 800%; -webkit-animation: DarkMatterAnimated 100s ease infinite; -moz-animation: DarkMatterAnimated 100s ease infinite; animation: DarkMatterAnimated 100s ease infinite; }
.darkMatter:hover { background: linear-gradient(1deg, #b70c0c, #ff7e00, #3e00ff, #000002); background-size: 800% 800%; -webkit-animation: DarkMatterAnimated 4s ease infinite; -moz-animation: DarkMatterAnimated 4s ease infinite; animation: DarkMatterAnimated 4s ease infinite; }
@-webkit-keyframes DarkMatterAnimated {
	0% { background-position: 51% 0% }
	50% { background-position: 50% 100% }
	100% { background-position: 51% 0% }
}
@-moz-keyframes DarkMatterAnimated {
	0% { background-position: 51% 0% }
	50% { background-position: 50% 100% }
	100% { background-position: 51% 0% }
}
@keyframes DarkMatterAnimated {
	0% { background-position: 51% 0% }
	50% { background-position: 50% 100% }
	100% { background-position: 51% 0% }
}
.dossier p { font-size: 1.3em; line-height: 1.4em; }
.dossier ul { font-size: 1.5em; padding: 4px; margin-left: 30px; margin-top: 4px; line-height: 1.4em; }
.dossier li { list-style-type: square; line-height: 1.4em; height: auto; margin: 0; }
.dossier hr { background-color: #fff; border-top: 2px dashed #8c8b8b; }
.rotatingicon {
position: relative;
width: 30px;
height: 30px;
margin: 0;
webkit-animation:spin 4s linear infinite;
moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }