first commit

css/fileinput-rtl.css

@@ -0,0 +1,101 @@
+/*!
+ * bootstrap-fileinput v4.5.3
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee RTL (Right To Left) default styling for bootstrap-fileinput.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2019, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD-3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+.kv-rtl .close, .kv-rtl .krajee-default .file-actions, .kv-rtl .krajee-default .file-other-error {
+    float: left;
+}
+
+.kv-rtl .krajee-default.file-preview-frame, .kv-rtl .krajee-default .file-drag-handle, .kv-rtl .krajee-default .file-upload-indicator {
+    float: right;
+}
+
+.kv-rtl .file-zoom-dialog, .kv-rtl .file-error-message pre, .kv-rtl .file-error-message ul {
+    text-align: right;
+}
+
+.kv-rtl {
+    direction: rtl;
+}
+
+.kv-rtl .floating-buttons {
+    left: 10px;
+    right: auto;
+}
+
+.kv-rtl .floating-buttons .btn-kv {
+    margin-left: 0;
+    margin-right: 3px;
+}
+
+.kv-rtl .file-caption-icon {
+    left: auto;
+    right: 8px;
+}
+
+.kv-rtl .file-drop-zone {
+    margin: 12px 12px 12px 15px;
+}
+
+.kv-rtl .btn-prev {
+    right: 1px;
+    left: auto;
+}
+
+.kv-rtl .btn-next {
+    left: 1px;
+    right: auto;
+}
+
+.kv-rtl .pull-right, .kv-rtl .float-right {
+    float: left !important;
+}
+
+.kv-rtl .pull-left, .kv-rtl .float-left {
+    float: right !important;
+}
+
+.kv-rtl .kv-zoom-title {
+    direction: ltr;
+}
+
+.kv-rtl .krajee-default.file-preview-frame {
+    box-shadow: -1px 1px 5px 0 #a2958a;
+}
+
+.kv-rtl .krajee-default.file-preview-frame:not(.file-preview-error):hover {
+    box-shadow: -3px 3px 5px 0 #333;
+}
+
+.kv-rtl .kv-zoom-actions .btn-kv {
+    margin-left: 0;
+    margin-right: 3px;
+}
+
+.kv-rtl .file-caption.icon-visible .file-caption-name {
+    padding-left: 0;
+    padding-right: 15px;
+}
+
+.kv-rtl .input-group-btn > .btn:last-child {
+    border-radius: 4px 0 0 4px;
+}
+
+.kv-rtl .input-group .form-control:first-child {
+    border-radius: 0 4px 4px 0;
+}
+
+.kv-rtl .btn-file input[type=file] {
+    left: auto;
+    right: 0;
+    text-align: left;
+    background: none repeat scroll 100% 0 transparent;
+}

css/fileinput.css

@@ -0,0 +1,434 @@
+/*!
+ * bootstrap-fileinput v4.5.3
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee default styling for bootstrap-fileinput.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2019, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD-3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+.file-loading input[type=file], input[type=file].file-loading {
+    width: 0;
+    height: 0;
+}
+.file-no-browse {
+    position: absolute;
+    left: 50%;
+    bottom: 20%;
+    width: 1px;
+    height: 1px;
+    font-size: 0;
+    opacity: 0;
+    border: none;
+    background: none;
+    outline: none;
+    box-shadow: none;
+}
+.kv-hidden, .file-caption-icon, .file-zoom-dialog .modal-header:before, .file-zoom-dialog .modal-header:after, .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .no-browse .input-group-btn, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .no-browse .input-group-btn, .hide-content .kv-file-content {
+    display: none;
+}
+.btn-file input[type=file], .file-caption-icon, .file-preview .fileinput-remove, .krajee-default .file-thumb-progress, .file-zoom-dialog .btn-navigate, .file-zoom-dialog .floating-buttons {
+    position: absolute;
+}
+.file-input, .file-loading:before, .btn-file, .file-caption, .file-preview, .krajee-default.file-preview-frame, .krajee-default .file-thumbnail-footer, .file-zoom-dialog .modal-dialog {
+    position: relative;
+}
+.file-error-message pre, .file-error-message ul, .krajee-default .file-actions, .krajee-default .file-other-error {
+    text-align: left;
+}
+.file-error-message pre, .file-error-message ul {
+    margin: 0;
+}
+.krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
+    float: left;
+    margin: 5px 0 -5px;
+    width: 16px;
+    height: 16px;
+}
+.krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
+    height: 11px;
+    font-family: Verdana, Helvetica, sans-serif;
+    font-size: 9px;
+}
+.krajee-default .file-caption-info, .krajee-default .file-size-info {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 160px;
+    height: 15px;
+    margin: auto;
+}
+.file-zoom-content > .file-object.type-video, .file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-image {
+    max-width: 100%;
+    max-height: 100%;
+    width: auto;
+}
+.file-zoom-content > .file-object.type-video, .file-zoom-content > .file-object.type-flash {
+    height: 100%;
+}
+.file-zoom-content > .file-object.type-pdf, .file-zoom-content > .file-object.type-html, .file-zoom-content > .file-object.type-text, .file-zoom-content > .file-object.type-default {
+    width: 100%;
+}
+.file-loading:before {
+    content: " Loading...";
+    display: inline-block;
+    padding-left: 20px;
+    line-height: 16px;
+    font-size: 13px;
+    font-variant: small-caps;
+    color: #999;
+    background: transparent url(../img/loading.gif) top left no-repeat;
+}
+.file-object {
+    margin: 0 0 -5px 0;
+    padding: 0;
+}
+.btn-file {
+    overflow: hidden;
+}
+.btn-file input[type=file] {
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    min-height: 100%;
+    text-align: right;
+    opacity: 0;
+    background: none repeat scroll 0 0 transparent;
+    cursor: inherit;
+    display: block;
+}
+.btn-file ::-ms-browse {
+    font-size: 10000px;
+    width: 100%;
+    height: 100%;
+}
+.file-caption .file-caption-name {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+    border: none;
+    background: none;
+    outline: none;
+}
+.file-caption.icon-visible .file-caption-icon {
+    display: inline-block;
+}
+.file-caption.icon-visible .file-caption-name {
+    padding-left: 15px;
+}
+.file-caption-icon {
+    left: 8px;
+}
+.file-error-message {
+    color: #a94442;
+    background-color: #f2dede;
+    margin: 5px;
+    border: 1px solid #ebccd1;
+    border-radius: 4px;
+    padding: 15px;
+}
+.file-error-message pre {
+    margin: 5px 0;
+}
+.file-caption-disabled {
+    background-color: #eee;
+    cursor: not-allowed;
+    opacity: 1;
+}
+.file-preview {
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    padding: 8px;
+    width: 100%;
+    margin-bottom: 5px;
+}
+.file-preview .btn-xs {
+    padding: 1px 5px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+}
+.file-preview .fileinput-remove {
+    top: 1px;
+    right: 1px;
+    line-height: 10px;
+}
+.file-preview .clickable {
+    cursor: pointer;
+}
+.file-preview-image {
+    font: 40px Impact, Charcoal, sans-serif;
+    color: #008000;
+}
+.krajee-default.file-preview-frame {
+    margin: 8px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+    padding: 6px;
+    float: left;
+    text-align: center;
+}
+.krajee-default.file-preview-frame .kv-file-content {
+    width: 213px;
+    height: 160px;
+}
+.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
+    width: 400px;
+}
+.krajee-default.file-preview-frame[data-template="audio"] .kv-file-content {
+    width: 240px;
+    height: 55px;
+}
+.krajee-default.file-preview-frame .file-thumbnail-footer {
+    height: 70px;
+}
+.krajee-default.file-preview-frame:not(.file-preview-error):hover {
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
+}
+.krajee-default .file-preview-text {
+    display: block;
+    color: #428bca;
+    border: 1px solid #ddd;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    outline: none;
+    padding: 8px;
+    resize: none;
+}
+.krajee-default .file-preview-html {
+    border: 1px solid #ddd;
+    padding: 8px;
+    overflow: auto;
+}
+.krajee-default .file-other-icon {
+    font-size: 6em;
+}
+.krajee-default .file-footer-buttons {
+    float: right;
+}
+.krajee-default .file-footer-caption {
+    display: block;
+    text-align: center;
+    padding-top: 4px;
+    font-size: 11px;
+    color: #777;
+    margin-bottom: 15px;
+}
+.krajee-default .file-preview-error {
+    opacity: 0.65;
+    box-shadow: none;
+}
+.krajee-default .file-thumb-progress {
+    height: 11px;
+    top: 37px;
+    left: 0;
+    right: 0;
+}
+.krajee-default.kvsortable-ghost {
+    background: #e1edf7;
+    border: 2px solid #a1abff;
+}
+.krajee-default .file-preview-other:hover {
+    opacity: 0.8;
+}
+.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
+    color: #000;
+}
+.kv-upload-progress .progress {
+    height: 20px;
+    margin: 10px 0;
+    overflow: hidden;
+}
+.kv-upload-progress .progress-bar {
+    height: 20px;
+    font-family: Verdana, Helvetica, sans-serif;
+}
+/*noinspection CssOverwrittenProperties*/
+.file-zoom-dialog .file-other-icon {
+    font-size: 22em;
+    font-size: 50vmin;
+}
+.file-zoom-dialog .modal-dialog {
+    width: auto;
+}
+.file-zoom-dialog .modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.file-zoom-dialog .btn-navigate {
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    text-decoration: none;
+    outline: none;
+    opacity: 0.7;
+    top: 45%;
+    font-size: 4em;
+    color: #1c94c4;
+}
+.file-zoom-dialog .btn-navigate:not([disabled]):hover {
+    outline: none;
+    box-shadow: none;
+    opacity: 0.6;
+}
+.file-zoom-dialog .floating-buttons {
+    top: 5px;
+    right: 10px;
+}
+.file-zoom-dialog .btn-navigate[disabled] {
+    opacity: 0.3;
+}
+.file-zoom-dialog .btn-prev {
+    left: 1px;
+}
+.file-zoom-dialog .btn-next {
+    right: 1px;
+}
+.file-zoom-dialog .kv-zoom-title {
+    font-weight: 300;
+    color: #999;
+    max-width: 50%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.file-input-new .no-browse .form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+.file-input-ajax-new .no-browse .form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+.file-caption-main {
+    width: 100%;
+}
+.file-thumb-loading {
+    background: transparent url(../img/loading.gif) no-repeat scroll center center content-box !important;
+}
+.file-drop-zone {
+    border: 1px dashed #aaa;
+    border-radius: 4px;
+    text-align: center;
+    vertical-align: middle;
+    margin: 12px 15px 12px 12px;
+    padding: 5px;
+}
+.file-drop-zone.clickable:hover {
+    border: 2px dashed #999;
+}
+.file-drop-zone.clickable:focus {
+    border: 2px solid #5acde2;
+}
+.file-drop-zone .file-preview-thumbnails {
+    cursor: default;
+}
+.file-drop-zone-title {
+    color: #aaa;
+    font-size: 1.6em;
+    padding: 85px 10px;
+    cursor: default;
+}
+.file-highlighted {
+    border: 2px dashed #999 !important;
+    background-color: #eee;
+}
+.file-uploading {
+    background: url(../img/loading-sm.gif) no-repeat center bottom 10px;
+    opacity: 0.65;
+}
+.file-zoom-fullscreen .modal-dialog {
+    min-width: 100%;
+    margin: 0;
+}
+.file-zoom-fullscreen .modal-content {
+    border-radius: 0;
+    box-shadow: none;
+    min-height: 100vh;
+}
+.file-zoom-fullscreen .modal-body {
+    overflow-y: auto;
+}
+.floating-buttons {
+    z-index: 3000;
+}
+.floating-buttons .btn-kv {
+    margin-left: 3px;
+    z-index: 3000;
+}
+.file-zoom-content {
+    height: 480px;
+    text-align: center;
+}
+.file-zoom-content .file-preview-image {
+    max-height: 100%;
+}
+.file-zoom-content .file-preview-video {
+    max-height: 100%;
+}
+.file-zoom-content > .file-object.type-image {
+    height: auto;
+    min-height: inherit;
+}
+.file-zoom-content > .file-object.type-audio {
+    width: auto;
+    height: 30px;
+}
+@media (min-width: 576px) {
+    .file-zoom-dialog .modal-dialog {
+        max-width: 500px;
+    }
+}
+@media (min-width: 992px) {
+    .file-zoom-dialog .modal-lg {
+        max-width: 800px;
+    }
+}
+@media (max-width: 767px) {
+    .file-preview-thumbnails {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+    .file-zoom-dialog .modal-header {
+        flex-direction: column;
+    }
+}
+@media (max-width: 350px) {
+    .krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content {
+        width: 160px;
+    }
+}
+@media (max-width: 420px) {
+    .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
+        width: 100%;
+    }
+}
+.file-loading[dir=rtl]:before {
+    background: transparent url(../img/loading.gif) top right no-repeat;
+    padding-left: 0;
+    padding-right: 20px;
+}
+.file-sortable .file-drag-handle {
+    cursor: move;
+    opacity: 1;
+}
+.file-sortable .file-drag-handle:hover {
+    opacity: 0.7;
+}
+.clickable .file-drop-zone-title {
+    cursor: pointer;
+}
+.kv-zoom-actions .btn-kv {
+    margin-left: 3px;
+}
+.file-preview-initial.sortable-chosen {
+    background-color: #d9edf7;
+}

css/flexslider.css

@@ -0,0 +1,276 @@
+/*
+ * jQuery FlexSlider v2.7.0
+ * http://www.woothemes.com/flexslider/
+ *
+ * Copyright 2012 WooThemes
+ * Free to use under the GPLv2 and later license.
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ *
+ * Contributing author: Tyler Smith (@mbmufffin)
+ *
+ */
+/* ====================================================================================================================
+ * FONT-FACE
+ * ====================================================================================================================*/
+@font-face {
+  font-family: 'flexslider-icon';
+  src: url('fonts/flexslider-icon.eot');
+  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* ====================================================================================================================
+ * RESETS
+ * ====================================================================================================================*/
+.flex-container a:hover,
+.flex-slider a:hover {
+  outline: none;
+}
+.slides,
+.slides > li,
+.flex-control-nav,
+.flex-direction-nav {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.flex-pauseplay span {
+  text-transform: capitalize;
+}
+/* ====================================================================================================================
+ * BASE STYLES
+ * ====================================================================================================================*/
+.flexslider {
+  margin: 0;
+  padding: 0;
+}
+.flexslider .slides > li {
+  display: none;
+  -webkit-backface-visibility: hidden;
+}
+.flexslider .slides img {
+  width: 100%;
+  display: block;
+}
+.flexslider .slides:after {
+  content: "\0020";
+  display: block;
+  clear: both;
+  visibility: hidden;
+  line-height: 0;
+  height: 0;
+}
+html[xmlns] .flexslider .slides {
+  display: block;
+}
+* html .flexslider .slides {
+  height: 1%;
+}
+.no-js .flexslider .slides > li:first-child {
+  display: block;
+}
+/* ====================================================================================================================
+ * DEFAULT THEME
+ * ====================================================================================================================*/
+.flexslider {
+  margin: 0 0 60px;
+  background: #fff;
+  border: 4px solid #fff;
+  position: relative;
+  zoom: 1;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
+  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
+}
+.flexslider .slides {
+  zoom: 1;
+}
+.flexslider .slides img {
+  height: auto;
+  -moz-user-select: none;
+}
+.flex-viewport {
+  max-height: 2000px;
+  -webkit-transition: all 1s ease;
+  -moz-transition: all 1s ease;
+  -ms-transition: all 1s ease;
+  -o-transition: all 1s ease;
+  transition: all 1s ease;
+}
+.loading .flex-viewport {
+  max-height: 300px;
+}
+.carousel li {
+  margin-right: 5px;
+}
+.flex-direction-nav {
+  *height: 0;
+}
+.flex-direction-nav a {
+  text-decoration: none;
+  display: block;
+  width: 40px;
+  height: 25px;
+  margin: -20px 0 0;
+  position: absolute;
+  top: 50%;
+  z-index: 10;
+  overflow: hidden;
+  opacity: 0;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.8);
+  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+.flex-direction-nav a:before {
+  font-family: "FontAwesome";
+  font-size: 33px;
+  display: inline-block;
+  content: '\f104';
+  color: rgba(0, 0, 0, 0.8);
+  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
+}
+.flex-direction-nav a.flex-next:before {
+  content: '\f105';
+  font-family: FontAwesome;
+}
+.flex-direction-nav .flex-prev {
+  left: -50px;
+}
+.flex-direction-nav .flex-next {
+  right: -50px;
+  text-align: right;
+}
+.flexslider:hover .flex-direction-nav .flex-prev {
+  opacity: 0.7;
+  left: 10px;
+}
+.flexslider:hover .flex-direction-nav .flex-prev:hover {
+  opacity: 1;
+}
+.flexslider:hover .flex-direction-nav .flex-next {
+  opacity: 0.7;
+  right: 10px;
+}
+.flexslider:hover .flex-direction-nav .flex-next:hover {
+  opacity: 1;
+}
+.flex-direction-nav .flex-disabled {
+  opacity: 0!important;
+  filter: alpha(opacity=0);
+  cursor: default;
+  z-index: -1;
+}
+.flex-pauseplay a {
+  display: block;
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  bottom: 5px;
+  left: 10px;
+  opacity: 0.8;
+  z-index: 10;
+  overflow: hidden;
+  cursor: pointer;
+  color: #000;
+}
+.flex-pauseplay a:before {
+  font-family: "flexslider-icon";
+  font-size: 20px;
+  display: inline-block;
+  content: '\f004';
+}
+.flex-pauseplay a:hover {
+  opacity: 1;
+}
+.flex-pauseplay a.flex-play:before {
+  content: '\f003';
+}
+.flex-control-nav {
+  width: 100%;
+  position: absolute;
+  bottom: -40px;
+  text-align: center;
+}
+.flex-control-nav li {
+  margin: 0 6px;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.flex-control-paging li a {
+  width: 11px;
+  height: 11px;
+  display: block;
+  background: #666;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+  text-indent: -9999px;
+  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
+  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 20px;
+  -moz-border-radius: 20px;
+  border-radius: 20px;
+}
+.flex-control-paging li a:hover {
+  background: #333;
+  background: rgba(0, 0, 0, 0.7);
+}
+.flex-control-paging li a.flex-active {
+  background: #000;
+  background: rgba(0, 0, 0, 0.9);
+  cursor: default;
+}
+.flex-control-thumbs {
+  margin: 5px 0 0;
+  position: static;
+  overflow: hidden;
+}
+.flex-control-thumbs li {
+  width: 25%;
+  float: left;
+  margin: 0;
+}
+.flex-control-thumbs img {
+  width: 100%;
+  height: auto;
+  display: block;
+  opacity: .7;
+  cursor: pointer;
+  -moz-user-select: none;
+  -webkit-transition: all 1s ease;
+  -moz-transition: all 1s ease;
+  -ms-transition: all 1s ease;
+  -o-transition: all 1s ease;
+  transition: all 1s ease;
+}
+.flex-control-thumbs img:hover {
+  opacity: 1;
+}
+.flex-control-thumbs .flex-active {
+  opacity: 0.6;
+  cursor: default;
+}
+/* ====================================================================================================================
+ * RESPONSIVE
+ * ==============================:======================================================================================*/
+@media screen and (max-width: 860px) {
+  .flex-direction-nav .flex-prev {
+    opacity: 1;
+    left: 10px;
+  }
+  .flex-direction-nav .flex-next {
+    opacity: 1;
+    right: 10px;
+  }
+}

css/modal-oubonce.css

@@ -0,0 +1,194 @@
+#ouibounce-modal {
+	font-family: 'Open Sans', sans-serif;
+	display: none;
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%
+}
+
+#ouibounce-modal .underlay {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	background-color: rgba(0, 0, 0, .5);
+	cursor: pointer;
+	-webkit-animation: fadein .5s;
+	animation: fadein .5s
+}
+
+#ouibounce-modal .modalNuevo {
+	width: 600px;
+	height: 410px;
+	background-color: #f0f1f2;
+	z-index: 1;
+	position: absolute;
+	margin: auto;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: 4px;
+	-webkit-animation: popin .3s;
+	animation: popin .3s
+}
+
+#ouibounce-modal .modal-title {
+	font-size: 18px;
+	background-color: #252525;
+	color: #fff;
+	padding: 10px;
+	margin: 0;
+	border-radius: 4px 4px 0 0;
+	text-align: center
+}
+
+#ouibounce-modal h3 {
+	color: #fff;
+	font-size: 1em;
+	margin: .2em;
+	text-transform: uppercase;
+	font-weight: 500
+}
+
+#ouibounce-modal .modal-body {
+	padding: 20px 35px;
+	font-size: .9em
+}
+
+#ouibounce-modal p {
+	color: #344a5f
+}
+
+#ouibounce-modal form {
+	text-align: center;
+	margin-top: 25px
+}
+
+#ouibounce-modal form input[type=email] {
+	padding: 10px;
+	margin: 1px;
+	margin-bottom: 10px;
+	font-size: 1.2em;
+	width: 260px;
+	border-radius: 4px;
+	border:1px solid #ccc;
+	-webkit-font-smoothing: antialiased
+}
+
+#ouibounce-modal form input[type=submit] {
+	text-transform: uppercase;
+	font-weight: 700;
+	padding: 12px;
+	font-size: 1.1em;
+	border-radius: 4px;
+	color: #fff;
+	background-color: #4ab471;
+	border: none;
+	cursor: pointer;
+	-webkit-font-smoothing: antialiased
+}
+#ouibounce-modal .modal-footer {
+	position: absolute;
+	bottom: 10px;
+	text-align: center;
+	width: 100%;
+	justify-content: center;
+	border-top: none;
+}
+
+#ouibounce-modal .modal-footer p {
+	text-transform: capitalize;
+	cursor: pointer;
+	display: inline;
+	text-align: center
+	border-bottom: 1px solid #344a5f
+}
+
+@-webkit-keyframes fadein {
+	0% {
+		opacity: 0
+	}
+	100% {
+		opacity: 1
+	}
+}
+
+@-ms-keyframes fadein {
+	0% {
+		opacity: 0
+	}
+	100% {
+		opacity: 1
+	}
+}
+
+@keyframes fadein {
+	0% {
+		opacity: 0
+	}
+	100% {
+		opacity: 1
+	}
+}
+
+@-webkit-keyframes popin {
+	0% {
+		-webkit-transform: scale(0);
+		transform: scale(0);
+		opacity: 0
+	}
+	85% {
+		-webkit-transform: scale(1.05);
+		transform: scale(1.05);
+		opacity: 1
+	}
+	100% {
+		-webkit-transform: scale(1);
+		transform: scale(1);
+		opacity: 1
+	}
+}
+
+@-ms-keyframes popin {
+	0% {
+		-ms-transform: scale(0);
+		transform: scale(0);
+		opacity: 0
+	}
+	85% {
+		-ms-transform: scale(1.05);
+		transform: scale(1.05);
+		opacity: 1
+	}
+	100% {
+		-ms-transform: scale(1);
+		transform: scale(1);
+		opacity: 1
+	}
+}
+
+@keyframes popin {
+	0% {
+		-webkit-transform: scale(0);
+		-ms-transform: scale(0);
+		transform: scale(0);
+		opacity: 0
+	}
+	85% {
+		-webkit-transform: scale(1.05);
+		-ms-transform: scale(1.05);
+		transform: scale(1.05);
+		opacity: 1
+	}
+	100% {
+		-webkit-transform: scale(1);
+		-ms-transform: scale(1);
+		transform: scale(1);
+		opacity: 1
+	}
+}
+

css/style-css02.css

@@ -0,0 +1,753 @@
+/* ####################################### */
+/* ########### STANDARD SETUP ############ */
+/* ####################################### */
+
+.slider-image {
+    width: 600px;
+    height: 500px;
+}
+
+.slider-button {
+    position: absolute;
+    background: #ffffff;
+    color: #000000;
+    top : 0;
+    min-width: 100px;
+}
+
+.slider-button-bold {
+    font-weight: bold;
+    color: red;
+}
+
+#widget_slider {
+    width: 600px;
+    height: 500px;
+    overflow:hidden;
+    position:relative;
+    margin: 0 auto;
+}
+
+.protoshow,
+.protoshow .show {
+    position: relative;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    width: 900px;
+    height: 300px;
+}
+
+.slide {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 90;
+    height: 100%;
+}
+
+.active-slide {
+    z-index: 100;
+}
+
+.protoshow .slide-caption {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 100;
+    padding: 1em 10px;
+    background-color: #000;
+    background-color: rgba(0,0,0,.4);
+    color:#fff;
+}
+
+.proto-progress-timer {
+    position: absolute;
+    top: 7px;
+    right: 7px;
+    z-index: 9999;
+}
+
+
+/* TRANSITION SLIDE
+------------------------------------------------*/
+
+.transition-slide .show-window {
+    overflow: hidden;
+    position: relative;
+}
+
+.transition-slide .show {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 999999px;
+}
+
+.transition-slide .slide {
+    position: static; /*overide*/
+    float: left;
+    display: block;
+}
+
+
+/* PROTO CONTROLS
+------------------------------------------------*/
+
+.proto-controls,
+.proto-navigation {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.proto-controls a:link,
+.proto-controls a:visited,
+.proto-navigation a:link,
+.proto-navigation a:visited {
+    display: block;
+    text-indent: -9999px;
+    overflow: hidden;
+}
+
+.proto-controls li {
+    position: absolute;
+    top: 50%;
+    margin-top: -36px;
+    left: 10px;
+    width: 10%;
+    height: 100%;
+    z-index: 110;
+}
+
+.proto-controls .forward {
+    right: 10px;
+    left: auto;
+}
+
+.proto-controls a {
+    width: 100%;
+    height: 61px;
+    background: url(https://www.solerpalau.com/) no-repeat 0 0;
+    opacity: 0.2;
+    -moz-opacity: 0.2;
+    filter:alpha(opacity=20);
+}
+
+.proto-controls a:hover,
+.proto-controls a:focus {
+    opacity: 1;
+    -moz-opacity: 1;
+    filter:alpha(opacity=100);
+}
+
+.proto-controls .forward a {
+    background-position: 100% -90px;
+}
+
+
+/* PROTO NAVIGATION
+------------------------------------------------*/
+
+.proto-navigation {
+    position: absolute;
+    bottom: 0;
+    right: 50%;
+    float: right;
+    z-index: 120;
+}
+
+.proto-navigation li {
+    float: left;
+    left: 50%;
+    padding: 12px 6px;
+    position: relative;
+
+}
+
+.proto-navigation a {
+    background-color: #fff;
+    background-color: rgba(0,0,0,.2);
+    height: 8px;
+    text-decoration: none;
+    width: 8px;
+    -moz-border-radius:30px;
+    -webkit-border-radius:30px;
+    border-radius:30px;
+    -moz-box-shadow:    inset 0 1px 0 1px rgba(0,0,0,.1);
+    -webkit-box-shadow:    inset 0 1px 0 1px rgba(0,0,0,.1);
+    box-shadow:    inset 0 1px 0 1px rgba(0,0,0,.1);
+}
+
+.proto-navigation a:hover,
+.proto-navigation a:focus {
+    background-color: #999;
+}
+
+.proto-navigation .current-slide a {
+    background-color: #363F4E;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+.proto-navigation {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	position: absolute;
+	right: 5px;
+	bottom: -25px;
+	z-index: 200;
+}
+
+.proto-navigation li {
+	float: left;
+	margin-right: 10px;
+}
+
+.proto-navigation li a:link,
+.proto-navigation li a:visited {
+	display: block;
+	width: 8px;
+	height: 8px;
+	text-decoration: none;
+	background-color: rgba(255,255,255,0.5);
+	border: 1px solid #090809;
+	color: #666;
+	text-indent: -9999px;
+	overflow: hidden;
+	-moz-border-radius: 30px;
+	-webkit-border-radius: 30px;
+	border-radius: 30px;
+}
+
+.proto-navigation li a:hover,
+.proto-navigation li a:focus {
+	background-color: #fff;
+	border-color: #000;
+}
+
+
+.proto-navigation li.current-slide a:link,
+.proto-navigation li.current-slide a:visited {
+	background-color: rgba(30,30,30,0.9);
+
+}
+
+
+
+
+
+
+.proto-controls  {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+
+}
+
+.proto-controls .forward,
+.proto-controls .backward,
+.proto-controls .start-stop {
+	z-index: 200;
+	float: left;
+	margin: 10px 10px 0 0;
+}
+
+.proto-controls .start-stop {
+	margin-top: 10px;
+
+}
+
+
+
+
+
+.proto-controls a:link,
+.proto-controls a:visited {
+	display: inline-block;
+	background-color: #090809;
+	background-image: -moz-linear-gradient(
+		center top,
+		rgb(123,125,130) 2%,
+		rgb(75,80,88) 3%,
+		rgb(42,45,50) 100%
+	);
+	color: #fff;
+	padding: 5px 10px;
+	border: 1px solid #090809;
+	-moz-border-radius: 20px;
+	-webkit-border-radius: 20px;
+	border-radius: 20px;
+	text-decoration: none;
+	text-align: center;
+	width: 60px;
+}
+
+.proto-controls a:hover,
+.proto-controls a:focus {
+	background-image: -moz-linear-gradient(
+		center bottom,
+		rgb(42,45,50) 100%,
+		rgb(75,80,88) 90%,
+		rgb(123,125,130) 20%
+	);
+	color: #e1e1e1;
+}
+
+
+.slide-caption {
+	position: absolute;
+	bottom: 0px;
+	left: 0px;
+	width: 880px;
+	background-color: rgba(0,0,0,.5);
+	color: #fff;
+	z-index: 200;
+	padding: 10px;
+}
+
+
+.proto-timer {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	z-index: 9999;
+}*/
+
+.s-center-text { text-align: center; }
+.highlight { font-weight: bold; }
+
+
+/* ************************************* */
+/* OVERLAY SEARCH                        */
+/* ************************************* */
+.overlay { height: 100%; width: 0; position: fixed; z-index: 9999; left: 0; top: 0; background-color: rgb(255,255,255); overflow-x: hidden;
+    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
+
+.overlay-header { padding: 2%; position: relative; width: 100%; background: #dbdbdb; border-top: 20px black solid; }
+.overlay-header div { display: inline-block; vertical-align: middle; }
+
+.overlay-header .searchbox { border: 0; outline: 0; font-size: 26px; width: 100%; line-height: 50px; min-height: 50px;
+    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+.overlay-header .closebtn { line-height: 50px; width: 50px; height: 50px; }
+.overlay-header .closebtn svg { fill: #000; }
+
+.overlay-content { padding: 2%; }
+.overlay-content h3 { padding: 25px 0; margin: 0; font-weight: normal; font-size: 20px; color: #3399cc; }
+/* ************************************* */
+/* END - OVERLAY SEARCH                  */
+/* ************************************* */
+
+
+/* ************************************* */
+/* LEFT BLOCK - PRODUCTS                 */
+/* ************************************* */
+.overlay-content .searcher-left .searched-prod { min-height: 110px; margin-bottom: 20px; }
+.overlay-content .searcher-left .searched-prod-info { display: none !important; }
+.overlay-content .searcher-left .searched-prod div.product-image { float: left; margin-right: 10px; border: 0; width: 75px; }
+.product-image { border: 0 !Important; }
+.overlay-content .searcher-left .searched-prod .product-name a { /*color: #414141;*/ }
+.overlay-content .searcher-left .searched-prod .product-price { margin-left: 85px; }
+.overlay-content .searcher-left .searched-prod .product-price .price-box { margin-bottom: 0; line-height: 15px; }
+.overlay-content .searcher-left .searched-prod .product-price .price-label { font-size: 11px; font-weight: normal; }
+.overlay-content .searcher-left .searched-prod .product-price span.price { color: #414141; font-weight: bold; }
+.overlay-content .searcher-left .searched-prod .product-price .minimal-price-link { text-decoration: none; font-size: 11px; }
+.overlay-content .searcher-left .searched-prod .product-price .minimal-price-link span.price { font-size: 11px; }
+.overlay-content .searcher-left .searched-prod .tax-details { display: none; }
+/* ************************************* */
+/* END - LEFT BLOCK                      */
+/* ************************************* */
+
+
+/* ************************************* */
+/* RIGHT BLOCK                           */
+/* ************************************* */
+.overlay-content .searcher-right { }
+.overlay-content .searcher-right ul li { padding: 3px 0; }
+.overlay-content .searcher-right ul li:last-child { padding: 3px 0 0; }
+.overlay-content .searcher-right ul li a { font-size: 15px; text-transform: uppercase; display: inline-block; vertical-align: middle; }
+/* ************************************* */
+/* END - RIGHT BLOCK                     */
+/* ************************************* */
+/*
+  Simple Grid
+  Project Page - http://thisisdallas.github.com/Simple-Grid/
+  Author - Dallas Bass
+  Site - http://dallasbass.com
+*/
+
+
+[class*='s-grid'],
+[class*='s-col-'],
+[class*='s-mobile-'],
+.s-grid:after {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;	
+}
+
+[class*='s-col-'] {
+	float: left;
+  	min-height: 1px;
+	padding-right: 20px; /* column-space */
+}
+
+.s-grid {
+	width: 100%;
+	/*max-width: 1140px;*/
+	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+.s-grid:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.s-grid-pad {
+	padding-top: 20px;
+	padding-left: 20px; /* grid-space to left */
+	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
+}
+
+.push-right {
+	float: right;
+}
+
+/* Content Columns */
+
+.s-col-1-1 {
+	width: 100%;
+}
+.s-col-2-3, .s-col-8-12 {
+	width: 66.66%;
+}
+
+.s-col-1-2, .s-col-6-12 {
+	width: 50%;
+}
+
+.s-col-1-3, .s-col-4-12 {
+	width: 33.33%;
+}
+
+.s-col-1-4, .s-col-3-12 {
+	width: 25%;
+}
+
+.s-col-1-5 {
+	width: 20%;
+}
+
+.s-col-1-6, .s-col-2-12 {
+	width: 16.667%;
+}
+
+.s-col-1-7 {
+	width: 14.28%;
+}
+
+.s-col-1-8 {
+	width: 12.5%;
+}
+
+.s-col-1-9 {
+	width: 11.1%;
+}
+
+.s-col-1-10 {
+	width: 10%;
+}
+
+.s-col-1-11 {
+	width: 9.09%;
+}
+
+.s-col-1-12 {
+	width: 8.33%
+}
+
+/* Layout Columns */
+
+.s-col-11-12 {
+	width: 91.66%
+}
+
+.s-col-10-12 {
+	width: 83.333%;
+}
+
+.s-col-9-12 {
+	width: 75%;
+}
+
+.s-col-5-12 {
+	width: 41.66%;
+}
+
+.s-col-7-12 {
+	width: 58.33%
+}
+
+/* Pushing blocks */
+
+.push-2-3, .push-8-12 {
+	margin-left: 66.66%;
+}
+
+.push-1-2, .push-6-12 {
+	margin-left: 50%;
+}
+
+.push-1-3, .push-4-12 {
+	margin-left: 33.33%;
+}
+
+.push-1-4, .push-3-12 {
+	margin-left: 25%;
+}
+
+.push-1-5 {
+	margin-left: 20%;
+}
+
+.push-1-6, .push-2-12 {
+	margin-left: 16.667%;
+}
+
+.push-1-7 {
+	margin-left: 14.28%;
+}
+
+.push-1-8 {
+	margin-left: 12.5%;
+}
+
+.push-1-9 {
+	margin-left: 11.1%;
+}
+
+.push-1-10 {
+	margin-left: 10%;
+}
+
+.push-1-11 {
+	margin-left: 9.09%;
+}
+
+.push-1-12 {
+	margin-left: 8.33%
+}
+
+@media handheld, only screen and (max-width: 767px) {
+	.s-grid {
+		width: 100%;
+		min-width: 0;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 20px; /* grid-space to left */
+		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
+	}
+
+	[class*='s-col-'] {
+		width: auto;
+		float: none;
+		margin: 10px 0;
+		padding-left: 0;
+		padding-right: 10px; /* column-space */
+	}
+
+	[class*='s-col-'] [class*='s-col-'] {
+		padding-right: 0;
+	}
+
+	/* Mobile Layout */
+
+	[class*='s-mobile-s-col-'] {
+		float: left;
+		margin: 0 0 10px;
+		padding-left: 0;
+		padding-right: 10px; /* column-space */
+		padding-bottom: 0;
+	}
+
+	.s-mobile-s-col-1-1 {
+		width: 100%;
+	}
+	.s-mobile-s-col-2-3, .s-mobile-s-col-8-12 {
+		width: 66.66%;
+	}
+
+	.s-mobile-s-col-1-2, .s-mobile-s-col-6-12 {
+		width: 50%;
+	}
+
+	.s-mobile-s-col-1-3, .s-mobile-s-col-4-12 {
+		width: 33.33%;
+	}
+
+	.s-mobile-s-col-1-4, .s-mobile-s-col-3-12 {
+		width: 25%;
+	}
+
+	.s-mobile-s-col-1-5 {
+		width: 20%;
+	}
+
+	.s-mobile-s-col-1-6, .s-mobile-s-col-2-12 {
+		width: 16.667%;
+	}
+
+	.s-mobile-s-col-1-7 {
+		width: 14.28%;
+	}
+
+	.s-mobile-s-col-1-8 {
+		width: 12.5%;
+	}
+
+	.s-mobile-s-col-1-9 {
+		width: 11.1%;
+	}
+
+	.s-mobile-s-col-1-10 {
+		width: 10%;
+	}
+
+	.s-mobile-s-col-1-11 {
+		width: 9.09%;
+	}
+
+	.s-mobile-s-col-1-12 {
+		width: 8.33%
+	}
+
+	/* Layout Columns */
+
+	.s-mobile-s-col-11-12 {
+		width: 91.66%
+	}
+
+	.s-mobile-s-col-10-12 {
+		width: 83.333%;
+	}
+
+	.s-mobile-s-col-9-12 {
+		width: 75%;
+	}
+
+	.s-mobile-s-col-5-12 {
+		width: 41.66%;
+	}
+
+	.s-mobile-s-col-7-12 {
+		width: 58.33%
+	}
+
+	.hide-on-s-mobile {
+		display: none !important;
+		width: 0;
+		height: 0;
+	}
+}
+
+
+/* For tooltip target element that has set class="tooltip" */
+.tooltip {text-decoration: none; border-bottom:1px dotted #004B6B;color: #004B6B; outline: none; }
+
+.tooltip-hide { display: none; }
+.tooltip-wrapper { padding: 0 10px; }
+.locate-info { float: right; }
+.locate-info-cat { display: inline-block; }
+
+/* For tooltip box */
+#mcTooltip 
+{
+    line-height:16px;
+    border-width: 1px;   
+    color:#333; 
+    border-color:#BBB;
+    padding:20px;
+    font-size: 12px;
+    font-family: Verdana, Arial;
+    border-radius:6px;
+    background-color:#F6F6F6;
+}
+
+#mcTooltip.no-padding
+{
+    padding:0;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+}
+
+#mcTooltip, #mcttCo b {
+    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
+}
+
+/* For hyperlink within tooltip */
+#mcTooltip a { color:#069; }
+
+/* Close button. Available when sticky or overlay has been set to true, or is on touch-enabled devices. */
+#mcttCloseButton
+{ 
+    border-radius:4px;
+    width:18px;
+    height:18px;
+    margin-right:2px;
+    margin-top:2px;
+    background:black;    
+}
+
+/* Close button X symbol */
+#mcttCloseButton:after {
+    font:normal 38px/18px arial, sans-serif;
+    color:white;
+    top:0;left:-2px;
+}
+
+/* Give the close button a bigger size on smaller devices */
+@media only screen and (max-width: 736px) {
+    #mcttCloseButton {
+        width:28px;
+        height:28px;
+    }
+    #mcttCloseButton:after {
+        font-size:48px;
+        line-height:28px;
+    }    
+} 
+
+/* Useful when overlay has been set to true or 1 in JS */
+#mcOverlay 
+{
+    background-color: rgba(0,0,0,0.5);
+    display:none;top:0;left:0;width:100%;height: 100%;overflow:visible;z-index:4; 
+}
+#mcTooltip img {border:0;vertical-align:middle;}
+
+/* The settings below should remain unchanged */
+#mcTooltipWrapper { position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;top:-2000px;}
+#mcTooltip { float:left;border-style:solid;position:relative;overflow:hidden;}
+.mcTooltipInner { float:left;position:relative;width:auto;height:auto;}
+#mcttCo,  #mcttCo b{ position:absolute;overflow:hidden;}
+
+/* compatible with bootstrap */
+#mcTooltip, #mcTooltip div {box-sizing:content-box;}

css/style-shop.css

@@ -0,0 +1,751 @@
+/*!José Manuel
+ * Start Bootstrap - 3 Col Portfolio (https://startbootstrap.com/template-overviews/3-col-portfolio)
+ * Copyright 2013-2017 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-3-col-portfolio/blob/master/LICENSE)
+ */
+
+
+body {
+  padding-top: 15px;
+}
+
+@media (min-width: 992px) {
+  body {
+    padding-top: 17px;
+  }
+}
+
+.form-group {
+     
+    margin-left: 2px !important;
+}
+
+.portfolio-item {
+  margin-bottom: 30px;
+}
+
+.pagination {
+  margin-bottom: 30px;
+}
+.titlelineas{
+
+	display: block;
+	margin: 0 auto;
+	text-align: center !important;
+	color: #FFFFFF !important;
+	font-size: 25px !important;
+	font-weight: 600 !important;
+	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
+
+}
+
+.centrardiv{
+text-align: center;
+}
+.imagenc:hover{
+    -webkit-transform: rotate(-360deg);  /* safari - Chrome*/
+    -moz-transform: rotate(-360deg);     /* Firefox */
+    -o-transform: rotate(-360deg);       /* Opera */
+    transform: rotate(-360deg);
+}
+.imagen{
+	height: 230px !important;
+	transition: transform .6s;
+}
+/*.contenedor:hover .imagen {
+	
+   transform: scale(1.06);
+	}
+*/
+.imagenInicio {
+	transition: transform .6s;
+}
+.contenedor:hover .imagenInicio {
+	
+   transform: scale(1.04);
+	}
+.contenedor {
+	overflow:hidden;
+}
+.shadow:hover{
+ box-shadow: 0 5px 15px 0 #b5bcc7;
+}
+
+.list-group-item.active{
+
+	z-index: 2;
+	color: #fff;
+	background-color: #f70000;
+	border-color: #f70000;
+}
+a.onlysub:link{
+	text-decoration: none;
+
+}
+/*quitar el subrayado en las letras y ponerlas en negro*/
+a.nosubrayado:link{
+	text-decoration: none;
+	color:#000;
+
+}
+.breadcrumb-item.activen{
+	color: #ff0000;
+}
+
+.breadcrumb-item a{
+	color: #868e96;
+}
+.breadcrumb-item:hover a{
+	color: #ff0000;
+}
+.activelist li{
+		color:#f6303e !important;
+}
+.group{
+	font-size: 16px;
+	padding: 0px;
+	display: block;
+	position: relative;
+	color: #908c93;
+}
+.group:hover{
+	color: #f6303e;
+
+}
+.card{
+	/*height: 340px !important;*/
+	border: 1.2px solid rgba(0,0,0,.125) !important;
+  margin-top: 15px !important;
+}
+.hr2 {
+margin-top: 0.45rem !important;
+}
+
+.nav-link{
+	color: gray !important;
+}
+.nav-link:hover{
+	color: #ff0000 !important;
+
+}
+
+.nav-link.active{
+	font-weight: bold;
+	color: #000 !important;
+}
+
+.item-format{
+
+padding: 25px !important;
+text-align: justify !important;
+
+}
+.table-format{
+
+	text-align: center !important;
+	font-size: 15px;
+	width: 100% !important;
+}
+
+/*Efecto de imagen mejorado*/
+.hovereffect {
+  width: 100%;
+  height: auto;
+  float: left;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+  cursor: default;
+}
+
+.hovereffect .overlay {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  overflow: hidden;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.7);
+  top: -200px;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  -webkit-transition: all 0.1s ease-out 0.5s;
+  transition: all 0.1s ease-out 0.5s;
+}
+
+.hovereffect:hover .overlay {
+  opacity: 1;
+  filter: alpha(opacity=100);
+  top: 0px;
+  -webkit-transition-delay: 0s;
+  transition-delay: 0s;
+}
+
+.hovereffect img {
+  display: block;
+  position: relative;
+}
+
+.hovereffect h2 {
+  text-transform: uppercase;
+  color: #fff;
+  text-align: center;
+  position: relative;
+  font-size: 17px;
+  padding: 10px;
+  background: rgba(255, 0, 0, 0.6);
+  -webkit-transform: translateY(-200px);
+  -ms-transform: translateY(-200px);
+  transform: translateY(-200px);
+  -webkit-transition: all ease-in-out 0.1s;
+  transition: all ease-in-out 0.1s;
+  -webkit-transition-delay: 0.3s;
+  transition-delay: 0.3s;
+}
+
+.hovereffect:hover h2 {
+  -webkit-transform: translateY(0px);
+  -ms-transform: translateY(0px);
+  transform: translateY(0px);
+  -webkit-transition-delay: 0.3s;
+  transition-delay: 0.3s;
+}
+
+.hovereffect a.info {
+  font-weight: bold;
+  display: inline-block;
+  text-decoration: none;
+  padding: 7px 14px;
+  text-transform: uppercase;
+  margin: 30px 0 0 0;
+  background-color: #e8262694;
+  -webkit-transform: translateY(-200px);
+  -ms-transform: translateY(-200px);
+  transform: translateY(-200px);
+  color: #f00;
+  border: 1px solid #f00;
+  -webkit-transition: all ease-in-out 0.2s;
+  transition: all ease-in-out 0.2s;
+}
+
+.hovereffect a.info:hover {
+  box-shadow: 0 0 5px #fff;
+}
+
+.hovereffect:hover a.info {
+  -webkit-transform: translateY(0px);
+  -ms-transform: translateY(0px);
+  transform: translateY(0px);
+  color: #fff;
+  border: 1px solid #f00;
+  -webkit-transition-delay: 0.2s;
+  transition-delay: 0.2s;
+}
+/*Termina efecto de imagen mejorado*/
+
+/*diseño modal	*/
+.modal-product{
+	overflow: hidden;
+}
+.modal-product .product-images{
+	float: left;
+	width: 40%;
+}
+.modal-product .product-images .main-image {
+    float: left;
+    margin-bottom: 10px;
+    width: 100%;
+}
+.modal-product .product-info {
+    float: left;
+    padding-left: 30px;
+    width: 60%;
+}
+.table-format{
+  font-size: 14px !important;
+}
+.color{
+  color: #e00202 !important;
+}
+.colorBlack{
+  color: black !important;
+}
+.containerIz{
+  background-color: #6666660d;
+}
+.containerDe{
+  background-color: #b1acac40;
+      padding: 10px;
+}
+.imgCheck{
+
+  border-radius: 2px;
+}
+.hrNuevo{
+  border-top: 10px solid rgba(0,0,0,.1) !important;
+}
+
+/*Barra de progreso*/
+.bs-wizard {margin-top: 10px;}
+
+/*Form Wizard*/
+.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
+.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
+.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
+.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
+.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
+.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #ff04049e; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
+.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: white; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
+.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
+.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: red;}
+.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
+.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
+.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
+.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
+.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
+.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
+.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
+.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
+.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
+/*END Form Wizard*/
+
+
+.error2{
+        background-color: #BC1010;
+        padding: 6px 12px;
+        border-radius: 4px;
+        color: white;
+        font-weight: bold;
+        margin-left: 16px;
+        margin-top: 6px;
+        position: absolute;
+    }
+    .error2:before{ /* Este es un truco para crear una flechita */
+        content: '';
+        border-top: 8px solid transparent;
+        border-bottom: 8px solid transparent;
+        border-right: 8px solid #BC1010;
+        border-left: 8px solid transparent;
+        left: -16px;
+        position: absolute;
+        top: 5px;
+    }
+/*efectos de form_item*/
+    .wizard {
+        margin: 20px auto;
+        background: #fff;
+    }
+
+    .wizard .nav-tabs {
+        position: relative;
+        margin: 40px auto;
+        margin-bottom: 0;
+        border-bottom-color: #e0e0e0;
+    }
+
+    .wizard > div.wizard-inner {
+        position: relative;
+    }
+
+    .connecting-line {
+        height: 2px;
+        background: #e0e0e0;
+        position: absolute;
+        width: 80%;
+        margin: 0 auto;
+        left: 0;
+        right: 0;
+        top: 50%;
+        z-index: 1;
+    }
+
+    .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
+        color: #555555;
+        cursor: default;
+        border: 0;
+        border-bottom-color: transparent;
+    }
+
+    span.round-tab {
+        width: 70px;
+        height: 70px;
+        line-height: 70px;
+        display: inline-block;
+        border-radius: 100px;
+        background: #fff;
+        border: 2px solid #e0e0e0;
+        z-index: 2;
+        position: absolute;
+        left: 0;
+        text-align: center;
+        font-size: 25px;
+    }
+    span.round-tab i{
+        color:#555555;
+    }
+    .wizard li.active span.round-tab {
+        background: #fff;
+        /*color de borde del circulo activo*/
+        border: 2px solid #fd5050;
+
+    }
+    .wizard li.active span.round-tab i{
+        /*color del icono de carrito*/
+        color: #fd5050;   
+    }
+    /*comienda diseño de carrito de compras*/
+    .cart-qty{
+    position: absolute;
+    left: 56px;
+    bottom: 23px;
+    min-width: 20px;
+    height: 21px;
+    border-radius: 40px;
+    background-color: #ff0404c9;
+    font: 400 10px/20px myriad-pro,sans-serif;
+    text-align: center;
+    color: white;
+    }
+    span.round-tab-car {
+        width: 44px;
+        height: 44px;
+        line-height: 44px;
+        display: inline-block;
+        border-radius: 100px;
+        /*background: #fff0;*/
+        border: 2px solid #e0e0e0;
+        z-index: 2;
+        position: relative;
+        left: 0;
+        text-align: center;
+        font-size: 25px;
+    }
+    span.round-tab-car i{
+        color:#555555;
+    }
+    span.round-tab-car {
+        /*background: #fff0;*/
+        /*color de borde del circulo activo*/
+        border: 2px solid #fd5050;
+
+    }
+    span.round-tab-car i{
+        /*color del icono de carrito*/
+        color: #fd5050;   
+    }
+    /*termina diseño de carrito de compras*/
+
+    span.round-tab:hover {
+        color: #333;
+        border: 2px solid #333;
+    }
+
+    .wizard .nav-tabs > li {
+        width: 33.3%;
+    }
+
+    .wizard li:after {
+        content: " ";
+        position: absolute;
+        left: 46%;
+        opacity: 0;
+        margin: 0 auto;
+        bottom: 0px;
+        border: 5px solid transparent;
+        border-bottom-color: #5bc0de;
+        transition: 0.1s ease-in-out;
+    }
+
+    .wizard li.active:after {
+        content: " ";
+        position: absolute;
+        left: 46%;
+        opacity: 1;
+        margin: 0 auto;
+        bottom: 0px;
+        border: 10px solid transparent;
+        border-bottom-color: #ff000091;
+    }
+
+    .wizard .nav-tabs > li a {
+        width: 70px;
+        height: 70px;
+        margin: 20px auto;
+        border-radius: 100%;
+        padding: 0;
+    }
+
+    .wizard .nav-tabs > li a:hover {
+        background: transparent;
+    }
+
+    .wizard .tab-pane {
+        position: relative;
+        padding-top: 50px;
+    }
+
+    .wizard h3 {
+        margin-top: 0;
+    }
+    .step1 .row {
+        margin-bottom:10px;
+    }
+    .step_21 {
+        border :2px solid #eee;
+        border-radius:5px;
+        padding:30px;
+    }
+    .step33 {
+        border:1px solid #ccc;
+        border-radius:5px;
+        padding-left:10px;
+        margin-bottom:10px;
+    }
+    .dropselectsec {
+        width: 68%;
+        padding: 6px 5px;
+        border: 1px solid #ccc;
+        border-radius: 3px;
+        color: #333;
+        margin-left: 10px;
+        outline: none;
+        font-weight: normal;
+    }
+    .dropselectsec1 {
+        width: 74%;
+        padding: 6px 5px;
+        border: 1px solid #ccc;
+        border-radius: 3px;
+        color: #333;
+        margin-left: 10px;
+        outline: none;
+        font-weight: normal;
+    }
+    .mar_ned {
+        margin-bottom:10px;
+    }
+    .wdth {
+        width:25%;
+    }
+    .birthdrop {
+        padding: 6px 5px;
+        border: 1px solid #ccc;
+        border-radius: 3px;
+        color: #333;
+        margin-left: 10px;
+        width: 16%;
+        outline: 0;
+        font-weight: normal;
+    }
+
+
+    /* according menu */
+    #accordion-container {
+        font-size:13px
+    }
+    .accordion-header {
+        font-size:13px;
+        background:#ebebeb;
+        margin:5px 0 0;
+        padding:7px 20px;
+        cursor:pointer;
+        color:#fff;
+        font-weight:400;
+        -moz-border-radius:5px;
+        -webkit-border-radius:5px;
+        border-radius:5px
+    }
+    .unselect_img{
+       width:18px;
+       -webkit-user-select: none;  
+       -moz-user-select: none;     
+       -ms-user-select: none;      
+       user-select: none; 
+   }
+   .active-header {
+       -moz-border-radius:5px 5px 0 0;
+       -webkit-border-radius:5px 5px 0 0;
+       border-radius:5px 5px 0 0;
+       background:#F53B27;
+   }
+   .active-header:after {
+       content:"\f068";
+       font-family:'FontAwesome';
+       float:right;
+       margin:5px;
+       font-weight:400
+   }
+   .inactive-header {
+       background:#333;
+   }
+   .inactive-header:after {
+       content:"\f067";
+       font-family:'FontAwesome';
+       float:right;
+       margin:4px 5px;
+       font-weight:400
+   }
+   .accordion-content {
+       display:none;
+       padding:20px;
+       background:red;
+       border:1px solid #ccc;
+       border-top:0;
+       -moz-border-radius:0 0 5px 5px;
+       -webkit-border-radius:0 0 5px 5px;
+       border-radius:0 0 5px 5px
+   }
+   .accordion-content a{
+       text-decoration:none;
+       color:#333;
+   }
+   .accordion-content td{
+       border-bottom:1px solid #dcdcdc;
+   }
+
+
+
+   @media( max-width : 585px ) {
+
+    .wizard {
+        width: 90%;
+        height: auto !important;
+    }
+
+    span.round-tab {
+        font-size: 16px;
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+    }
+
+    .wizard .nav-tabs > li a {
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+    }
+
+    .wizard li.active:after {
+        content: " ";
+        position: absolute;
+        left: 35%;
+    }
+
+    .plus-minus-input {
+      -webkit-align-items: center;
+          -ms-flex-align: center;
+              align-items: center;
+    }
+
+    .plus-minus-input .input-group-field {
+      text-align: center;
+      margin-left: 0.5rem;
+      margin-right: 0.5rem;
+      padding: 1rem;
+    }
+
+    .plus-minus-input .input-group-field::-webkit-inner-spin-button,
+    .plus-minus-input .input-group-field ::-webkit-outer-spin-button {
+      -webkit-appearance: none;
+              appearance: none;
+    }
+
+    .plus-minus-input .input-group-button .circle {
+      border-radius: 50%;
+      padding: 0.25em 0.8em;
+    }
+
+
+}
+
+/*estilo de columna*/
+.ux-card {
+  border: 1px solid #E8E8E8;
+  /*background: #FCFCFC;*/
+  padding:20px;
+  position: relative;
+  &:hover {
+    cursor: pointer;
+    border-color: #008a32;
+    background-color: #fff;
+  }
+}
+
+.product {
+  color: black;
+  margin-bottom: 20px;
+  box-shadow: 0 7px 0 0 rgba(0, 0, 0, 0.1);
+}
+
+.complete {
+    padding: 80px;
+    border: 2px solid #eee;
+    position: relative;
+}
+
+td.disabled {
+  background: #d8d6d9 !important;
+}
+
+.datepicker table tr td, .datepicker table tr th{
+  border-radius: 1px !important
+}
+/*estilo para darle un ancho definido a las tarjetas (linea)*/
+.h {
+  height: 340px !important
+}
+
+.form-control {
+  font-size: 1.3rem !important;
+  font-family: Verdana, Arial !important;
+
+}
+
+/*carrito*/
+@media (min-width: 768px) { 
+  .car1{
+    padding: 15px;
+    /*margin-top:20px;*/
+
+  }
+  .p {padding: 20px;}
+  
+
+}
+
+@media (max-width: 576px){
+.imgP {
+  padding: 50px;
+}
+.imagen {
+    transition: transform .6s;
+    width: auto;
+    display: block;
+    margin: auto;
+
+}
+
+}
+
+@media (min-width: 800px){
+.sp{padding-top: 50px}
+}
+
+@media (max-width: 500px){
+.block{
+    display: block;
+    width: 100%;
+    padding-right: 0;
+    padding-left: 0;
+    margin-top:10px;
+  }
+}
+.pad {
+  padding-bottom: 13px;
+}
+/*quitar el text tranform*/
+.none {
+  text-transform: none !important;
+}
+.confir {
+      padding: 15px 30px 15px !important;
+}

css/style-sustentability.css

@@ -0,0 +1,1008 @@
+@font-face {
+    font-family: 'helvetica';
+    src: url(../fonts/Helvetica400.ttf);
+}
+
+html,
+body {
+    width: 100%;
+    margin-left: -1px;
+    overflow-x: hidden;
+}
+
+.main-padding {
+    padding-top: 75px;
+}
+
+.custom-container {
+    width: 60%;
+    margin: 0px auto;
+}
+
+.big-green {
+    color: rgb(0, 97, 0);
+    font-family: 'helvetica';
+    font-weight: 300;
+    font-size: 90px;
+    text-transform: uppercase;
+}
+
+.medium-green {
+    color: rgb(50, 172, 50);
+    font-family: 'helvetica';
+    font-weight: 300;
+    font-size: 56px;
+    margin-top: 45px;
+    text-transform: uppercase;
+}
+
+.small-green {
+    color: rgb(11, 133, 11);
+    font-family: 'helvetica';
+    font-weight: 700;
+    font-size: 18px;
+    text-align: center;
+}
+
+.text-sustentability {
+    text-align: justify;
+    color: #888;
+    font-family: 'helvetica';
+    font-weight: 400;
+    margin-top: 50px;
+}
+
+.light-content {
+    margin-top: 75px;
+    width: 100%;
+}
+
+.vertical {
+    writing-mode: vertical-lr;
+    transform: rotate(180deg);
+    -ms-transform: rotate(270deg);
+    float: left;
+}
+
+.flex-box {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.graph {
+    width: 60%;
+    /* padding-right: 30px; */
+    box-sizing: border-box;
+}
+
+.light-slide {
+    width: 40%;
+    padding-left: 30px;
+    box-sizing: border-box;
+}
+
+.light-content-inside {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.separator {
+    margin: 100px 0 20px 0;
+    border: none;
+    height: 30px;
+    background: rgb(11, 133, 11);
+    background: linear-gradient(90deg, rgba(11, 133, 11, 1) 0%, rgba(77, 178, 131, 1) 50%, rgba(11, 133, 11, 1) 100%);
+    width: 100%;
+    box-shadow: 5px 5px 15px #888;
+    box-sizing: border-box;
+}
+
+.floor {
+    background: rgb(77, 178, 131);
+    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(77, 178, 131, 1) 10%, rgba(77, 178, 131, 1) 30%, rgba(70, 161, 119, 1) 30%, rgba(70, 161, 119, 1) 100%, rgba(77, 178, 131, 1) 100%);
+    margin-top: -10px;
+    margin-bottom: 25px;
+}
+
+.padding-floor {
+    border: 30px solid rgb(77, 178, 131);
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.floor-title {
+    color: #fff;
+    text-align: justify;
+    font-family: 'helvetica';
+    font-weight: 500;
+    font-size: 44px;
+    margin-top: 50px;
+    text-transform: uppercase;
+}
+
+.floor-subtitle {
+    color: #fff;
+    text-align: justify;
+    font-family: 'helvetica';
+    font-weight: 300;
+    font-size: 28px;
+    margin-top: 10px;
+}
+
+.floor-text-container {
+    padding-left: 25px;
+    width: 40%;
+    box-sizing: border-box;
+}
+
+.floor-slider-container {
+    padding-right: 25px;
+    width: 60%;
+    box-sizing: border-box;
+}
+
+.floor-text {
+    text-align: justify;
+    color: #fff;
+    font-family: 'helvetica';
+    font-weight: 400;
+    font-size: 18px;
+    margin-top: 30px;
+}
+
+.title {
+    width: 100%;
+}
+
+.img-little-slider {
+    height: 213px;
+    margin-bottom: 100px;
+}
+
+.img-footer {
+    text-align: center;
+    font-family: 'helvetica';
+    font-size: 18px;
+    font-weight: 600;
+    color: #888;
+}
+
+.img-title {
+    margin-bottom: 75px;
+    text-transform: uppercase;
+}
+
+.light-graph {
+    width: 80em;
+    height: 30em;
+}
+
+
+/* Slider 1 starts */
+
+.display-left {
+    position: absolute;
+    top: 50%;
+    left: 0%;
+    transform: translate(0%, -50%);
+    -ms-transform: translate(-0%, -50%);
+}
+
+.display-right {
+    position: absolute;
+    top: 50%;
+    right: 0%;
+    transform: translate(0%, -50%);
+    -ms-transform: translate(0%, -50%);
+}
+
+.slider-content {
+    margin-left: auto;
+    margin-right: auto
+}
+
+.display-container {
+    position: relative;
+}
+
+.display-container:hover {
+    display: block
+}
+
+.slider-control {
+    border: none;
+    display: inline-block;
+    padding: 8px 16px;
+    vertical-align: middle;
+    overflow: hidden;
+    text-decoration: none;
+    color: inherit;
+    background-color: rgb(77, 178, 131);
+    text-align: center;
+    cursor: pointer;
+    white-space: nowrap;
+    color: #fff;
+    border-radius: 50%;
+    width: 3em;
+    height: 3em;
+    transition: width 0.25s, height 0.25s;
+}
+
+.slider-control:hover {
+    background-color: rgba(70, 161, 119, 1);
+    width: 3.5em;
+    height: 3.5em;
+    box-shadow: 0 0 5px #888;
+}
+
+.slider-control {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: non
+}
+
+.slider-control:active {
+    width: 3.2em;
+    height: 3.2em;
+}
+
+*:focus {
+    outline: none !important
+}
+
+.slideLeft {
+    animation-name: slideLeft;
+    -webkit-animation-name: slideLeft;
+    animation-duration: 1s;
+    -webkit-animation-duration: 1s;
+    animation-timing-function: ease-in-out;
+    -webkit-animation-timing-function: ease-in-out;
+    visibility: visible !important;
+}
+
+@keyframes slideLeft {
+    0% {
+        zoom: 1;
+        filter: alpha(opacity=50);
+        opacity: 0;
+        -webkit-transition: opacity .15s ease-in-out;
+        -moz-transition: opactiy .15s ease-in-out;
+        -ms-transition: opacity .15s ease-in-out;
+        -o-transition: opacity .15s ease-in-out;
+        transition: opacity .15s ease-in-out;
+        transform: translateX(50%);
+    }
+    50% {
+        transform: translateX(-8%);
+    }
+    65% {
+        transform: translateX(4%);
+    }
+    80% {
+        transform: translateX(-4%);
+    }
+    95% {
+        transform: translateX(2%);
+    }
+    100% {
+        transform: translateX(0%);
+    }
+}
+
+@-webkit-keyframes slideLeft {
+    0% {
+        zoom: 1;
+        filter: alpha(opacity=50);
+        opacity: 0;
+        -webkit-transition: opacity .15s ease-in-out;
+        -moz-transition: opactiy .15s ease-in-out;
+        -ms-transition: opacity .15s ease-in-out;
+        -o-transition: opacity .15s ease-in-out;
+        transition: opacity .15s ease-in-out;
+        -webkit-transform: translateX(50%);
+    }
+    50% {
+        -webkit-transform: translateX(-8%);
+    }
+    65% {
+        -webkit-transform: translateX(4%);
+    }
+    80% {
+        -webkit-transform: translateX(-4%);
+    }
+    95% {
+        -webkit-transform: translateX(2%);
+    }
+    100% {
+        -webkit-transform: translateX(0%);
+    }
+}
+
+.slideRight {
+    animation-name: slideRight;
+    -webkit-animation-name: slideRight;
+    animation-duration: 1s;
+    -webkit-animation-duration: 1s;
+    animation-timing-function: ease-in-out;
+    -webkit-animation-timing-function: ease-in-out;
+    visibility: visible !important;
+}
+
+@keyframes slideRight {
+    0% {
+        zoom: 1;
+        filter: alpha(opacity=50);
+        opacity: 0;
+        -webkit-transition: opacity .15s ease-in-out;
+        -moz-transition: opactiy .15s ease-in-out;
+        -ms-transition: opacity .15s ease-in-out;
+        -o-transition: opacity .15s ease-in-out;
+        transition: opacity .15s ease-in-out;
+        transform: translateX(-50%);
+    }
+    50% {
+        transform: translateX(8%);
+    }
+    65% {
+        transform: translateX(-4%);
+    }
+    80% {
+        transform: translateX(4%);
+    }
+    95% {
+        transform: translateX(-2%);
+    }
+    100% {
+        transform: translateX(0%);
+    }
+}
+
+@-webkit-keyframes slideRight {
+    0% {
+        zoom: 1;
+        filter: alpha(opacity=50);
+        opacity: 0;
+        -webkit-transition: opacity .15s ease-in-out;
+        -moz-transition: opactiy .15s ease-in-out;
+        -ms-transition: opacity .15s ease-in-out;
+        -o-transition: opacity .15s ease-in-out;
+        transition: opacity .15s ease-in-out;
+        -webkit-transform: translateX(-50%);
+    }
+    50% {
+        -webkit-transform: translateX(8%);
+    }
+    65% {
+        -webkit-transform: translateX(-4%);
+    }
+    80% {
+        -webkit-transform: translateX(4%);
+    }
+    95% {
+        -webkit-transform: translateX(-2%);
+    }
+    100% {
+        -webkit-transform: translateX(0%);
+    }
+}
+
+
+/* Slider 1 ends */
+
+
+/*slider 3 starts*/
+
+.floor-content {
+    margin-left: auto;
+    margin-right: auto;
+    box-shadow: 0 10px 15px #333;
+}
+
+.floor-display-container {
+    position: relative
+}
+
+.center {
+    display: inline-block;
+    width: auto;
+    text-align: center!important
+}
+
+.floor-container {
+    padding: 0.01em 16px
+}
+
+.floor-container::after,
+.floor-container::before {
+    content: "";
+    display: table;
+    clear: both
+}
+
+.floor-section {
+    margin-top: 16px!important;
+    margin-bottom: 16px!important
+}
+
+.floor-large {
+    font-size: 18px!important
+}
+
+.floor-bottommiddle {
+    position: absolute;
+    left: 50%;
+    bottom: 40%;
+    transform: translate(-50%, 0%);
+    -ms-transform: translate(-50%, 0%)
+}
+
+.left {
+    padding: 15px 0;
+    width: 50px;
+    border-radius: 50%;
+    text-align: center!important;
+    float: left!important;
+    background: rgb(255, 255, 255);
+    color: #333;
+    transition: width 0.25s, height 0.25s;
+    margin-left: -25px;
+    font-size: 28px;
+    box-shadow: 0 0 10px #333;
+}
+
+.right {
+    padding: 15px 0px;
+    width: 50px;
+    border-radius: 50%;
+    text-align: center!important;
+    float: right!important;
+    background: rgb(255, 255, 255);
+    color: #333;
+    transition: width 0.25s, height 0.25s;
+    margin-right: -25px;
+    font-size: 28px;
+    box-shadow: 0 0 10px #333;
+}
+
+.badge {
+    display: inline-block;
+    text-align: center;
+    height: 8px;
+    width: 12px;
+    box-shadow: 0 0 1px rgb(77, 178, 131);
+    transition: width 0.25s, height 0.25s;
+}
+
+.border {
+    border: 2px solid #333!important
+}
+
+.transparent {
+    background-color: transparent!important
+}
+
+.badge-background {
+    background-color: #333;
+}
+
+.badge-hover:hover {
+    background-color: #333;
+    height: 10px;
+    width: 14px;
+    cursor: pointer;
+}
+
+.badge-container {
+    margin-top: 15px;
+}
+
+.left-hover:hover {
+    background: rgba(255, 255, 255, 0.5);
+    box-shadow: 0 0 15px #333;
+    cursor: pointer;
+}
+
+.right-hover:hover {
+    background: rgba(255, 255, 255, 0.5);
+    box-shadow: 0 0 15px #333;
+    cursor: pointer;
+}
+
+.left-hover:active {
+    padding: 15px 0;
+    width: 40px;
+}
+
+.right-hover:active {
+    padding: 15px 0;
+    width: 40px;
+}
+
+.item-slider-three {
+    height: 480px;
+}
+
+
+/*slider 3 ends*/
+
+@media (max-width: 1900px) {
+    .img-title {
+        margin-bottom: 100px;
+    }
+    .custom-container {
+        width: 70%;
+    }
+    .img-little-slider {
+        height: 213px;
+        margin-bottom: 75px;
+    }
+}
+
+@media (max-width: 1800px) {
+    .img-title {
+        margin-bottom: 35px;
+    }
+    .custom-container {
+        width: 80%;
+    }
+    .img-little-slider {
+        margin-top: 65px;
+        height: 213px;
+        margin-bottom: 65px;
+    }
+}
+
+@media (max-width: 1450px) {
+    .custom-container {
+        width: 90%;
+    }
+    .img-little-slider {
+        margin-top: 60px;
+        height: 213px;
+        margin-bottom: 80px;
+    }
+}
+
+@media (max-width: 1300px) {
+    .img-little-slider {
+        margin-top: 30px;
+        height: 180px;
+        margin-bottom: 50px;
+    }
+    .floor-slider-container {
+        width: 100%;
+        padding-right: 0;
+    }
+    .floor-text-container {
+        margin-top: 150px;
+        padding-left: 0;
+        padding-bottom: 10px;
+        width: 100%;
+    }
+    .padding-floor {
+        border: 10px solid rgb(255, 255, 255);
+    }
+    .floor {
+        padding-bottom: 50px;
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 20%, rgba(77, 178, 131, 1) 20%, rgba(77, 178, 131, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
+    }
+    .item-slider-three {
+        height: 640px;
+    }
+    .light-graph {
+        width: 50em;
+        height: 23.5em;
+    }
+}
+
+@media (max-width: 1250px) {
+    .floor-text-container {
+        margin-top: 100px;
+        padding-bottom: 30px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 25%, rgba(77, 178, 131, 1) 25%, rgba(77, 178, 131, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
+    }
+}
+
+@media (max-width: 1100px) {
+    .img-little-slider {
+        margin-top: 25px;
+        height: 160px;
+        margin-bottom: 35px;
+    }
+    .floor-text-container {
+        margin-top: 50px;
+    }
+    .img-footer {
+        font-size: 14px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 27%, rgba(77, 178, 131, 1) 27%, rgba(77, 178, 131, 1) 32%, rgba(255, 255, 255, 1) 32%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
+    }
+    .item-slider-three {
+        height: 500px;
+    }
+    .light-graph {
+        width: 40em;
+        height: 20.2em;
+    }
+}
+
+@media (max-width: 930px) {
+    .img-little-slider {
+        margin-top: 10px;
+        height: 140px;
+        margin-bottom: 15px;
+    }
+    .img-footer {
+        font-size: 12px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 30%, rgba(77, 178, 131, 1) 30%, rgba(77, 178, 131, 1) 35%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
+    }
+    .big-green {
+        font-size: 80px;
+    }
+    .medium-green {
+        font-size: 52px;
+        margin-top: 35px;
+    }
+    .item-slider-three {
+        height: 460px;
+    }
+    .light-graph {
+        width: 35em;
+        height: 17em;
+    }
+}
+
+@media (max-width: 820px) {
+    .img-little-slider {
+        margin-top: 5px;
+        height: 120px;
+        margin-bottom: 25px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 33%, rgba(77, 178, 131, 1) 33%, rgba(77, 178, 131, 1) 38%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
+    }
+    .big-green {
+        font-size: 76px;
+    }
+    .medium-green {
+        font-size: 48px;
+        margin-top: 30px;
+    }
+    .item-slider-three {
+        height: 420px;
+    }
+}
+
+@media (max-width: 790px) {
+    .img-little-slider {
+        margin-top: 15px;
+        height: 213px;
+        margin-bottom: 15px;
+    }
+    .img-footer {
+        font-size: 15px;
+    }
+    .big-green {
+        font-size: 70px;
+    }
+    .medium-green {
+        font-size: 42px;
+        margin-top: 25px;
+    }
+    .graph {
+        width: 100%;
+        padding-right: 0;
+    }
+    .light-slide {
+        margin-top: 25px;
+        width: 100%;
+        padding-left: 0;
+    }
+    .item-slider-three {
+        height: 380px;
+    }
+    .floor-text-container {
+        padding-bottom: 7.5px;
+    }
+    .light-graph {
+        width: 45em;
+        height: 24.6em;
+    }
+}
+
+@media (max-width: 730px) {
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 35%, rgba(77, 178, 131, 1) 35%, rgba(77, 178, 131, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
+    }
+    .big-green {
+        font-size: 60px;
+    }
+    .medium-green {
+        font-size: 36px;
+        margin-top: 25px;
+    }
+    .item-slider-three {
+        height: 340px;
+    }
+    .light-graph {
+        width: 40em;
+        height: 20em;
+    }
+}
+
+@media (max-width: 650px) {
+    .big-green {
+        font-size: 54px;
+    }
+    .medium-green {
+        font-size: 28px;
+        margin-top: 15px;
+    }
+    .floor-title {
+        font-size: 36px;
+    }
+    .floor-subtitle {
+        font-size: 32px;
+    }
+    .floor-text-container {
+        margin-top: 10px;
+        padding-bottom: 15px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 4%, rgba(77, 178, 131, 1) 4%, rgba(77, 178, 131, 1) 7%, rgba(70, 161, 119, 1) 7%, rgba(70, 161, 119, 1) 37%, rgba(77, 178, 131, 1) 37%, rgba(77, 178, 131, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
+        margin-bottom: -5px;
+    }
+    .item-slider-three {
+        height: 320px;
+    }
+    .floor-bottommiddle {
+        bottom: 32%;
+    }
+    .light-graph {
+        width: 40em;
+        height: 20em;
+    }
+}
+
+@media (max-width: 610px) {
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 39%, rgba(77, 178, 131, 1) 39%, rgba(77, 178, 131, 1) 42%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 1) 100%);
+    }
+    .item-slider-three {
+        height: 300px;
+    }
+    .floor-bottommiddle {
+        bottom: 30%;
+    }
+}
+
+@media (max-width: 570px) {
+    .big-green {
+        font-size: 44px;
+    }
+    .medium-green {
+        font-size: 26px;
+        margin-top: 15px;
+    }
+    .floor-title {
+        font-size: 32px;
+    }
+    .floor-subtitle {
+        font-size: 26px;
+        margin-top: 5px;
+    }
+    .floor-text {
+        margin-top: 15px;
+        font-size: 16px;
+    }
+    .item-slider-three {
+        height: 280px;
+    }
+    .floor-text-container {
+        padding-bottom: 20px;
+    }
+    .right {
+        padding: 10px 0;
+        margin-right: -20px;
+        width: 40px;
+    }
+    .left {
+        padding: 10px 0;
+        margin-left: -20px;
+        width: 40px;
+    }
+    .floor-bottommiddle {
+        bottom: 35%;
+    }
+    .right-hover:active {
+        padding: 10px 0;
+        width: 30px;
+    }
+    .left-hover:active {
+        padding: 10px 0;
+        width: 30px;
+    }
+    .light-graph {
+        width: 39em;
+        height: 19em;
+    }
+}
+
+@media (max-width: 490px) {
+    .big-green {
+        font-size: 38px;
+        text-align: center;
+    }
+    .medium-green {
+        font-size: 24px;
+        margin-top: 15px;
+        text-align: center;
+    }
+    .small-green {
+        font-size: 14px;
+    }
+    .floor-title {
+        text-align: center;
+    }
+    .floor-subtitle {
+        text-align: center;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 42%, rgba(77, 178, 131, 1) 42%, rgba(77, 178, 131, 1) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
+    }
+    .item-slider-three {
+        height: 260px;
+    }
+    .floor-text {
+        margin-top: 25px;
+    }
+    .right {
+        padding: 7.5px 0;
+        margin-right: -15px;
+        width: 35px;
+    }
+    .left {
+        padding: 7.5px 0;
+        margin-left: -15px;
+        width: 35px;
+    }
+    .right-hover:active {
+        padding: 7.5px 0;
+        width: 30px;
+    }
+    .left-hover:active {
+        padding: 7.5px 0;
+        width: 30px;
+    }
+    .light-graph {
+        width: 32em;
+        height: 16em;
+    }
+}
+
+@media (max-width: 460px) {
+    .floor-title {
+        font-size: 28px;
+    }
+    .floor-subtitle {
+        font-size: 24px;
+        margin-top: 5px;
+    }
+    .floor-text {
+        font-size: 14px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 40%, rgba(77, 178, 131, 1) 40%, rgba(77, 178, 131, 1) 43%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%);
+    }
+    .item-slider-three {
+        height: 240px;
+    }
+    .floor-text-container {
+        padding-bottom: 5px;
+    }
+    .floor-bottommiddle {
+        bottom: 30%;
+    }
+}
+
+@media (max-width: 440px) {
+    .big-green {
+        font-size: 34px;
+    }
+    .medium-green {
+        font-size: 20px;
+        margin-top: 5px;
+    }
+    .img-little-slider {
+        height: 180px;
+    }
+    .item-slider-three {
+        height: 220px;
+    }
+    .floor-subtitle {
+        margin-top: 5px;
+        font-size: 20px;
+    }
+    .floor-text {
+        margin-top: 15px;
+    }
+    .floor-text-container {
+        padding-bottom: 0;
+    }
+    .right {
+        padding: 5px 0;
+        width: 30px;
+    }
+    .left {
+        padding: 5px 0;
+        width: 30px;
+    }
+    .right-hover:active {
+        padding: 5px 0;
+        width: 25px;
+    }
+    .left-hover:active {
+        padding: 5px 0;
+        width: 25px;
+    }
+}
+
+@media (max-width: 400px) {
+    .floor-title {
+        font-size: 26px;
+    }
+    .floor-subtitle {
+        font-size: 18px;
+        margin-top: 5px;
+    }
+    .floor-text {
+        margin-top: 15px;
+    }
+    .floor {
+        background: rgb(77, 178, 131);
+        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 42%, rgba(77, 178, 131, 1) 42%, rgba(77, 178, 131, 1) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
+    }
+    .img-little-slider {
+        height: 150px;
+    }
+    .item-slider-three {
+        height: 200px;
+    }
+}
+
+@media (max-width: 370px) {
+    .big-green {
+        font-size: 26px;
+    }
+    .medium-green {
+        font-size: 16px;
+        margin-top: 5px;
+    }
+    .img-little-slider {
+        height: 120px;
+    }
+    .floor-subtitle {
+        font-size: 16px;
+        margin-top: 5px;
+    }
+}

css/style-table.css

@@ -0,0 +1,520 @@
+ /*tables*/
+		   table {
+		     background-color: transparent;
+		   }
+		   caption {
+		     padding-top: 8px;
+		     padding-bottom: 8px;
+		     color: #777777;
+		     text-align: left;
+		   }
+		   th {
+		     text-align: left;
+		   }
+		   .table {
+		     width: 100%;
+		     max-width: 100%;
+		     margin-bottom: 20px;
+		   }
+		   .table > thead > tr > th,
+		   .table > tbody > tr > th,
+		   .table > tfoot > tr > th,
+		   .table > thead > tr > td,
+		   .table > tbody > tr > td,
+		   .table > tfoot > tr > td {
+		     padding: 8px;
+		     line-height: 1.42857143;
+		     vertical-align: top;
+		     border-top: 1px solid #dddddd;
+		   }
+		   .table > thead > tr > th {
+		     vertical-align: bottom;
+		     border-bottom: 2px solid #dddddd;
+		   }
+		   .table > caption + thead > tr:first-child > th,
+		   .table > colgroup + thead > tr:first-child > th,
+		   .table > thead:first-child > tr:first-child > th,
+		   .table > caption + thead > tr:first-child > td,
+		   .table > colgroup + thead > tr:first-child > td,
+		   .table > thead:first-child > tr:first-child > td {
+		     border-top: 0;
+		   }
+		   .table > tbody + tbody {
+		     border-top: 2px solid #dddddd;
+		   }
+		   .table .table {
+		     background-color: #ffffff;
+		   }
+		   .table-condensed > thead > tr > th,
+		   .table-condensed > tbody > tr > th,
+		   .table-condensed > tfoot > tr > th,
+		   .table-condensed > thead > tr > td,
+		   .table-condensed > tbody > tr > td,
+		   .table-condensed > tfoot > tr > td {
+		     padding: 5px;
+		   }
+		   .table-bordered {
+		     border: 1px solid #dddddd;
+		   }
+		   .table-bordered > thead > tr > th,
+		   .table-bordered > tbody > tr > th,
+		   .table-bordered > tfoot > tr > th,
+		   .table-bordered > thead > tr > td,
+		   .table-bordered > tbody > tr > td,
+		   .table-bordered > tfoot > tr > td {
+		     border: 1px solid #dddddd;
+		   }
+		   .table-bordered > thead > tr > th,
+		   .table-bordered > thead > tr > td {
+		     border-bottom-width: 2px;
+		   }
+		   .table-striped > tbody > tr:nth-of-type(odd) {
+		     background-color: #f9f9f9;
+		   }
+		   .table-hover > tbody > tr:hover {
+		     background-color: #f5f5f5;
+		   }
+		   table col[class*="col-"] {
+		     position: static;
+		     float: none;
+		     display: table-column;
+		   }
+		   table td[class*="col-"],
+		   table th[class*="col-"] {
+		     position: static;
+		     float: none;
+		     display: table-cell;
+		   }
+		   .table > thead > tr > td.active,
+		   .table > tbody > tr > td.active,
+		   .table > tfoot > tr > td.active,
+		   .table > thead > tr > th.active,
+		   .table > tbody > tr > th.active,
+		   .table > tfoot > tr > th.active,
+		   .table > thead > tr.active > td,
+		   .table > tbody > tr.active > td,
+		   .table > tfoot > tr.active > td,
+		   .table > thead > tr.active > th,
+		   .table > tbody > tr.active > th,
+		   .table > tfoot > tr.active > th {
+		     background-color: #f5f5f5;
+		   }
+		   .table-hover > tbody > tr > td.active:hover,
+		   .table-hover > tbody > tr > th.active:hover,
+		   .table-hover > tbody > tr.active:hover > td,
+		   .table-hover > tbody > tr:hover > .active,
+		   .table-hover > tbody > tr.active:hover > th {
+		     background-color: #e8e8e8;
+		   }
+		   .table > thead > tr > td.success,
+		   .table > tbody > tr > td.success,
+		   .table > tfoot > tr > td.success,
+		   .table > thead > tr > th.success,
+		   .table > tbody > tr > th.success,
+		   .table > tfoot > tr > th.success,
+		   .table > thead > tr.success > td,
+		   .table > tbody > tr.success > td,
+		   .table > tfoot > tr.success > td,
+		   .table > thead > tr.success > th,
+		   .table > tbody > tr.success > th,
+		   .table > tfoot > tr.success > th {
+		     background-color: #dff0d8;
+		   }
+		   .table-hover > tbody > tr > td.success:hover,
+		   .table-hover > tbody > tr > th.success:hover,
+		   .table-hover > tbody > tr.success:hover > td,
+		   .table-hover > tbody > tr:hover > .success,
+		   .table-hover > tbody > tr.success:hover > th {
+		     background-color: #d0e9c6;
+		   }
+		   .table > thead > tr > td.info,
+		   .table > tbody > tr > td.info,
+		   .table > tfoot > tr > td.info,
+		   .table > thead > tr > th.info,
+		   .table > tbody > tr > th.info,
+		   .table > tfoot > tr > th.info,
+		   .table > thead > tr.info > td,
+		   .table > tbody > tr.info > td,
+		   .table > tfoot > tr.info > td,
+		   .table > thead > tr.info > th,
+		   .table > tbody > tr.info > th,
+		   .table > tfoot > tr.info > th {
+		     background-color: #d9edf7;
+		   }
+		   .table-hover > tbody > tr > td.info:hover,
+		   .table-hover > tbody > tr > th.info:hover,
+		   .table-hover > tbody > tr.info:hover > td,
+		   .table-hover > tbody > tr:hover > .info,
+		   .table-hover > tbody > tr.info:hover > th {
+		     background-color: #c4e3f3;
+		   }
+		   .table > thead > tr > td.warning,
+		   .table > tbody > tr > td.warning,
+		   .table > tfoot > tr > td.warning,
+		   .table > thead > tr > th.warning,
+		   .table > tbody > tr > th.warning,
+		   .table > tfoot > tr > th.warning,
+		   .table > thead > tr.warning > td,
+		   .table > tbody > tr.warning > td,
+		   .table > tfoot > tr.warning > td,
+		   .table > thead > tr.warning > th,
+		   .table > tbody > tr.warning > th,
+		   .table > tfoot > tr.warning > th {
+		     background-color: #fcf8e3;
+		   }
+		   .table-hover > tbody > tr > td.warning:hover,
+		   .table-hover > tbody > tr > th.warning:hover,
+		   .table-hover > tbody > tr.warning:hover > td,
+		   .table-hover > tbody > tr:hover > .warning,
+		   .table-hover > tbody > tr.warning:hover > th {
+		     background-color: #faf2cc;
+		   }
+		   .table > thead > tr > td.danger,
+		   .table > tbody > tr > td.danger,
+		   .table > tfoot > tr > td.danger,
+		   .table > thead > tr > th.danger,
+		   .table > tbody > tr > th.danger,
+		   .table > tfoot > tr > th.danger,
+		   .table > thead > tr.danger > td,
+		   .table > tbody > tr.danger > td,
+		   .table > tfoot > tr.danger > td,
+		   .table > thead > tr.danger > th,
+		   .table > tbody > tr.danger > th,
+		   .table > tfoot > tr.danger > th {
+		     background-color: #f2dede;
+		   }
+		   .table-hover > tbody > tr > td.danger:hover,
+		   .table-hover > tbody > tr > th.danger:hover,
+		   .table-hover > tbody > tr.danger:hover > td,
+		   .table-hover > tbody > tr:hover > .danger,
+		   .table-hover > tbody > tr.danger:hover > th {
+		     background-color: #ebcccc;
+		   }
+		   .table-responsive {
+		     overflow-x: auto;
+		     min-height: 0.01%;
+		   }
+		   @media screen and (max-width: 767px) {
+		     .table-responsive {
+		       width: 100%;
+		       margin-bottom: 15px;
+		       overflow-y: hidden;
+		       -ms-overflow-style: -ms-autohiding-scrollbar;
+		       border: 1px solid #dddddd;
+		     }
+		     .table-responsive > .table {
+		       margin-bottom: 0;
+		     }
+		     .table-responsive > .table > thead > tr > th,
+		     .table-responsive > .table > tbody > tr > th,
+		     .table-responsive > .table > tfoot > tr > th,
+		     .table-responsive > .table > thead > tr > td,
+		     .table-responsive > .table > tbody > tr > td,
+		     .table-responsive > .table > tfoot > tr > td {
+		       white-space: nowrap;
+		     }
+		     .table-responsive > .table-bordered {
+		       border: 0;
+		     }
+		     .table-responsive > .table-bordered > thead > tr > th:first-child,
+		     .table-responsive > .table-bordered > tbody > tr > th:first-child,
+		     .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+		     .table-responsive > .table-bordered > thead > tr > td:first-child,
+		     .table-responsive > .table-bordered > tbody > tr > td:first-child,
+		     .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+		       border-left: 0;
+		     }
+		     .table-responsive > .table-bordered > thead > tr > th:last-child,
+		     .table-responsive > .table-bordered > tbody > tr > th:last-child,
+		     .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+		     .table-responsive > .table-bordered > thead > tr > td:last-child,
+		     .table-responsive > .table-bordered > tbody > tr > td:last-child,
+		     .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+		       border-right: 0;
+		     }
+		     .table-responsive > .table-bordered > tbody > tr:last-child > th,
+		     .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+		     .table-responsive > .table-bordered > tbody > tr:last-child > td,
+		     .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+		       border-bottom: 0;
+		     }
+		   }
+
+
+		   fieldset {
+		     padding: 0;
+		     margin: 0;
+		     border: 0;
+		     min-width: 0;
+		   }
+		   legend {
+		     display: block;
+		     width: 100%;
+		     padding: 0;
+		     margin-bottom: 20px;
+		     font-size: 21px;
+		     line-height: inherit;
+		     color: #333333;
+		     border: 0;
+		     border-bottom: 1px solid #e5e5e5;
+		   }
+		   label {
+		     display: inline-block;
+		     max-width: 100%;
+		     margin-bottom: 5px;
+		     font-weight: bold;
+		   }
+		   input[type="search"] {
+		     -webkit-box-sizing: border-box;
+		     -moz-box-sizing: border-box;
+		     box-sizing: border-box;
+		   }
+		   input[type="radio"],
+		   input[type="checkbox"] {
+		     margin: 4px 0 0;
+		     margin-top: 1px \9;
+		     line-height: normal;
+		   }
+		   input[type="file"] {
+		     display: block;
+		   }
+		   input[type="range"] {
+		     display: block;
+		     width: 100%;
+		   }
+		   select[multiple],
+		   select[size] {
+		     height: auto;
+		   }
+		   input[type="file"]:focus,
+		   input[type="radio"]:focus,
+		   input[type="checkbox"]:focus {
+		     outline: 5px auto -webkit-focus-ring-color;
+		     outline-offset: -2px;
+		   }
+		   output {
+		     display: block;
+		     padding-top: 7px;
+		     font-size: 14px;
+		     line-height: 1.42857143;
+		     color: #555555;
+		   }
+		   .form-control {
+		     display: block;
+		     width: 100%;
+		     height: 34px;
+		     padding: 6px 12px;
+		     font-size: 14px;
+		     line-height: 1.42857143;
+		     color: #555555;
+		     background-color: #ffffff;
+		     background-image: none;
+		     border: 1px solid #cccccc;
+		     border-radius: 4px;
+		     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+		     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+		     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+		     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+		     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+		   }
+		   .btn {
+		     display: inline-block;
+		     margin-bottom: 0;
+		     font-weight: normal;
+		     text-align: center;
+		     vertical-align: middle;
+		     touch-action: manipulation;
+		     cursor: pointer;
+		     background-image: none;
+		     border: 1px solid transparent;
+		     white-space: nowrap;
+		     padding: 2px 6px;
+		     font-size: 13px;
+		     line-height: 1.42857143;
+		     border-radius: 100px;
+		     -webkit-user-select: none;
+		     -moz-user-select: none;
+		     -ms-user-select: none;
+		     user-select: none;
+		   }
+		   .btn:focus,
+		   .btn:active:focus,
+		   .btn.active:focus,
+		   .btn.focus,
+		   .btn:active.focus,
+		   .btn.active.focus {
+		     outline: 5px auto -webkit-focus-ring-color;
+		     outline-offset: -2px;
+		   }
+		   .btn:hover,
+		   .btn:focus,
+		   .btn.focus {
+		     color: #fff;
+		     text-decoration: none;
+		   }
+		   .btn:active,
+		   .btn.active {
+		     outline: 0;
+		     background-image: none;
+		     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+		     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+		   }
+		   .btn.disabled,
+		   .btn[disabled],
+		   fieldset[disabled] .btn {
+		     cursor: not-allowed;
+		     opacity: 0.65;
+		     filter: alpha(opacity=65);
+		     -webkit-box-shadow: none;
+		     box-shadow: none;
+		   }
+		   a.btn.disabled,
+		   fieldset[disabled] a.btn {
+		     pointer-events: none;
+		   }
+		   .btn-default {
+		     color: #333333;
+		     background-color: #ffffff;
+		     border-color: #cccccc;
+		   }
+		   .btn-default:focus,
+		   .btn-default.focus {
+		     color: #333333;
+		     background-color: #e6e6e6;
+		     border-color: #8c8c8c;
+		   }
+		   .btn-default:hover {
+		     color: #333333;
+		     background-color: #e6e6e6;
+		     border-color: #adadad;
+		   }
+		   .btn-default:active,
+		   .btn-default.active,
+		   .open > .dropdown-toggle.btn-default {
+		     color: #333333;
+		     background-color: #e6e6e6;
+		     border-color: #adadad;
+		   }
+		   .btn-default:active:hover,
+		   .btn-default.active:hover,
+		   .open > .dropdown-toggle.btn-default:hover,
+		   .btn-default:active:focus,
+		   .btn-default.active:focus,
+		   .open > .dropdown-toggle.btn-default:focus,
+		   .btn-default:active.focus,
+		   .btn-default.active.focus,
+		   .open > .dropdown-toggle.btn-default.focus {
+		     color: #333333;
+		     background-color: #d4d4d4;
+		     border-color: #8c8c8c;
+		   }
+		   .btn-default:active,
+		   .btn-default.active,
+		   .open > .dropdown-toggle.btn-default {
+		     background-image: none;
+		   }
+		   .btn-default.disabled:hover,
+		   .btn-default[disabled]:hover,
+		   fieldset[disabled] .btn-default:hover,
+		   .btn-default.disabled:focus,
+		   .btn-default[disabled]:focus,
+		   fieldset[disabled] .btn-default:focus,
+		   .btn-default.disabled.focus,
+		   .btn-default[disabled].focus,
+		   fieldset[disabled] .btn-default.focus {
+		     background-color: #ffffff;
+		     border-color: #cccccc;
+		   }
+		   .btn-default .badge {
+		     color: #ffffff;
+		     background-color: #333333;
+		   }
+		   .btn-primary {
+		     color: #ffffff;
+		     background-color: #ea2c13;
+		     border-color: #d22811;
+		   }
+		   .btn-primary:focus,
+		   .btn-primary.focus {
+		     color: #ffffff;
+		     background-color: #bb230f;
+		     border-color: #5c1108;
+		   }
+		   .btn-primary:hover {
+		     color: #ffffff;
+		     background-color: #bb230f;
+		     border-color: #9a1d0c;
+		   }
+		   .btn-primary:active,
+		   .btn-primary.active,
+		   .open > .dropdown-toggle.btn-primary {
+		     color: #ffffff;
+		     background-color: #bb230f;
+		     border-color: #9a1d0c;
+		   }
+		   .btn-primary:active:hover,
+		   .btn-primary.active:hover,
+		   .open > .dropdown-toggle.btn-primary:hover,
+		   .btn-primary:active:focus,
+		   .btn-primary.active:focus,
+		   .open > .dropdown-toggle.btn-primary:focus,
+		   .btn-primary:active.focus,
+		   .btn-primary.active.focus,
+		   .open > .dropdown-toggle.btn-primary.focus {
+		     color: #ffffff;
+		     background-color: #9a1d0c;
+		     border-color: #5c1108;
+		   }
+		   .btn-primary:active,
+		   .btn-primary.active,
+		   .open > .dropdown-toggle.btn-primary {
+		     background-image: none;
+		   }
+		   .btn-primary.disabled:hover,
+		   .btn-primary[disabled]:hover,
+		   fieldset[disabled] .btn-primary:hover,
+		   .btn-primary.disabled:focus,
+		   .btn-primary[disabled]:focus,
+		   fieldset[disabled] .btn-primary:focus,
+		   .btn-primary.disabled.focus,
+		   .btn-primary[disabled].focus,
+		   fieldset[disabled] .btn-primary.focus {
+		     background-color: #ea2c13;
+		     border-color: #d22811;
+		   }
+		   .btn-primary .badge {
+		     color: #ea2c13;
+		     background-color: #ffffff;
+		   }
+		   .section-title {
+		       margin-bottom: 27px;
+		       font-size: 25px;
+		       padding-top: 18px;
+		       font-family: "Roboto Slab", "Times New Roman", Times, serif;
+		   }
+		   div.dataTables_wrapper div.dataTables_filter input {
+		       margin-left: 0.5em;
+		       display: inline-block;
+		       width: auto;
+		   }
+		   #results-grid, #tblSeriesModels {
+		       background-color: rgb(255, 255, 255);
+		       border: 1px solid rgb(221, 221, 221);
+		       border-radius: 4px;
+		       padding: 10px;
+		   }
+		   table.dataTable {
+		       clear: both;
+		       margin-top: 6px !important;
+		       margin-bottom: 6px !important;
+		       max-width: none !important;
+		       border-collapse: separate !important;
+		   }
+		   .col-md-5 {
+		       float: left;
+		   }
+		   .col-md-7 {
+		       float: right;
+		       width: 60%;
+		   }
+		   /*termina tables*/