Cleanup & Minor improvements

TODO Selector configuration for easier implementation

slider.css

@@ -61,22 +61,22 @@ header {
   left: 12.5%;
   position: fixed;
   height: 200px;
-  background-color: #333333;
+  background-color: #0C0C0C;
   z-index: 1000; }
   header .brand {
     display: block;
     font-size: 100px;
     font-weight: 700;
     padding: 25px 50px !important;
-    color: #ffffff;
+    color: #ADD0D8;
     text-transform: uppercase; }
 
 div#content {
   width: 75%;
   margin: 200px auto 0 auto;
-  background-color: #ffffff;
-  border-left: solid 1px #eeeeee;
-  border-right: solid 1px #eeeeee;
+  background-color: #ADD0D8;
+  border-left: solid 1px #A5033E;
+  border-right: solid 1px #A5033E;
   box-sizing: border-box;
   padding-bottom: 120px; }
   div#content .text {
@@ -91,7 +91,7 @@ footer {
   right: 0;
   height: 100px;
   width: 100%;
-  background-color: #eeeeee;
+  background-color: #A5033E;
   text-align: center; }
   footer span {
     display: table-cell;
@@ -105,7 +105,7 @@ div.bannergroup {
   margin: 0 auto;
   padding: 0 !important;
   overflow: hidden;
-  background-color: #ffffff; }
+  background-color: #ADD0D8; }
   div.bannergroup .banneritem {
     position: absolute;
     overflow: hidden;
@@ -128,9 +128,6 @@ div.bannergroup {
       div.bannergroup .banneritem.inactive.visible {
         z-index: 95; }
       div.bannergroup .banneritem.inactive img {
-        -webkit-filter: blur(1px);
-        -ms-filter: blur(1px);
-        filter: blur(1px) !important;
         -webkit-transform: scale(1.1);
         transform: scale(1.1); }
     div.bannergroup .banneritem img {
@@ -160,7 +157,7 @@ div.bannergroup {
         line-height: 56px;
         font-family: Calibri, sans-serif;
         font-size: 42px;
-        color: #ffffff;
+        color: #FFFFFF;
         text-shadow: 0px 0px 4.62px #000;
         background: transparent !important; }
   div.bannergroup .banneritem
@@ -185,13 +182,11 @@ div.bannergroup {
       width: 7.77778px !important;
       height: 7.77778px;
       margin: 0 9.24px -2px 0;
-      border-top: solid 4.62px #eeeeee;
-      border-right: solid 4.62px #eeeeee;
+      border-top: solid 4.62px #A5033E;
+      border-right: solid 4.62px #A5033E;
       border-bottom-left-radius: 7.77778px;
-      background: #333333;
       -webkit-transform: rotate(45deg);
-              transform: rotate(45deg);
-      box-shadow: 0 0 4.62px #333333; }
+              transform: rotate(45deg); }
       div.bannergroup .bannerautoplay .play:first-of-type {
         margin-left: 0; }
       div.bannergroup .bannerautoplay .play:last-of-type {
@@ -201,10 +196,8 @@ div.bannergroup {
       height: 14px;
       width: 4.62px !important;
       margin: 0 9.24px -4px 0;
-      border-left: solid 4.62px #eeeeee;
-      border-right: solid 4.62px #eeeeee;
-      background: #333333;
-      box-shadow: 0 0 4.62px #333333; }
+      border-left: solid 4.62px #A5033E;
+      border-right: solid 4.62px #A5033E; }
       div.bannergroup .bannerautoplay .pause:first-of-type {
         margin-left: 0; }
       div.bannergroup .bannerautoplay .pause:last-of-type {
@@ -223,11 +216,11 @@ div.bannergroup {
       height: 4.62px;
       margin: 0 9.24px -4px 0;
       border-radius: 9.24px;
-      border: solid 4.62px #333333;
-      background: #eeeeee; }
+      border: solid 4.62px #0C0C0C;
+      background: #A5033E; }
       div.bannergroup .bannerjump-wrapper .bannerjump.active {
-        background: #333333;
-        border-color: #eeeeee; }
+        background: #0C0C0C;
+        border-color: #A5033E; }
       div.bannergroup .bannerjump-wrapper .bannerjump:first-of-type {
         margin-left: 0; }
       div.bannergroup .bannerjump-wrapper .bannerjump:last-of-type {
@@ -262,10 +255,10 @@ div.bannergroup {
         height: 46.62px;
         margin: 0 auto;
         border-radius: 46.62px;
-        border: solid 4.62px #eeeeee;
-        background-color: #333333;
+        border: solid 4.62px #A5033E;
+        background-color: #0C0C0C;
         opacity: 1;
-        box-shadow: 0 0 4.62px #333333; }
+        box-shadow: 0 0 4.62px #0C0C0C; }
         div.bannergroup .bannercontrols .iconwrapper .circle .arrow {
           display: block;
           position: absolute;
@@ -273,8 +266,8 @@ div.bannergroup {
           top: 30%;
           width: 15.54px;
           height: 15.54px;
-          border-left: solid 4.62px #eeeeee;
-          border-top: solid 4.62px #eeeeee;
+          border-left: solid 4.62px #A5033E;
+          border-top: solid 4.62px #A5033E;
           -webkit-transform: rotate(-45deg);
                   transform: rotate(-45deg); }