body {
  color:#555;
}


/* Demo styles */
.but_center {
  /* position: absolute;
  left: 50%;  */
  margin: 0;
  position: absolute;
  top: 95%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
html,
body {
  position: relative;
  height: 100%;
}
body {
  background: #000;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  overflow: hidden;
}

img{
    width:100%;
    max-width:600px;
}



h1 {
  font-style: italic;
  color: #373fff;
  max-width: calc(100% - 0rem);
  line-height: 1.1;
    text-align: center;
}
/* this file is loaded by index.html and styles the page */

* {
  box-sizing: border-box;
}



/* text over image */
.centeredImgTxt {
  position: absolute;
  bottom: 1%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centeredImgTxt2 {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Fading */
/* .fadingIn{
    animation-delay: 4s;

    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadeIn 2s;
    -moz-animation: fadeIn 2s; /* Firefox * /
    -webkit-animation: fadeIn 2s; /* Safari and Chrome * /
    -o-animation: fadeIn 2s; /* Opera * /
} */

.fadingIn{
    animation: fadeIn 4s backwards;
    animation-delay: 5s;
/*     background: black; */
    color: darkgreen;
    padding: 10px;
    text-align: center;
}
@keyframes fadeIn {from {       opacity:0; } to {opacity:1; } }
@-moz-keyframes fadeIn { /* Firefox */ from {opacity:0; } to {opacity:1; } }
@-webkit-keyframes fadeIn { /* Safari and Chrome */ from {opacity:0; } to {opacity:1; } }
@-o-keyframes fadeIn { /* Opera */ from {opacity:0; } to {opacity: 1; } }

.fadingOut
{
    animation: fadeOut 4s forwards;
    animation-delay: 2s;
/*     background: black; */
    color: darkgreen;
    padding: 10px;
    text-align: center;
}

.fadingOut2
{
    animation: fadeOut 6s forwards;
    animation-delay: 5s;
/*     background: black; */
    color: darkgreen;
    padding: 10px;
    text-align: center;
}

@keyframes fadeOut {from {       opacity:1; } to {opacity:0; } }
@-moz-keyframes fadeOut { /* Firefox */ from {opacity:1; } to {opacity:0; } }
@-webkit-keyframes fadeOut { /* Safari and Chrome */ from {opacity:1; } to {opacity:0; } }
@-o-keyframes fadeOut { /* Opera */ from opacity:1; } to {opacity:0; } }



/* 
body {
  font-family: sans-serif;
  margin: 2em 1em;
  line-height: 1.5em;
}

h1 {
  font-style: italic;
  color: #373fff;
  max-width: calc(100% - 5rem);
  line-height: 1.1;
}

form {
  background-color: #eee;
  display: grid;
  grid-gap: 1em;
  padding: 1em;
  max-width: 40ch;
}

input {
  border: 1px solid silver;
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
}

form button {
  background-color: #bbbbf2;
  border: 2px solid currentColor;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: inherit;
  line-height: 1.4em;
  padding: 0.25em 1em;
  max-width: 20ch;
}

form button:hover {
  background-color: lavender;
}

footer {
  margin-top: 3em;
  padding-top: 1.5em;
  border-top: 1px solid lightgrey;
}
 */


/*  https://www.herewego.net/src/css/fab-buttons.min.css  
.m-fab-box *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-fab-box :before,.m-fab-box :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-fab-box{position:fixed;z-index:999;width:56px;height:56px;right:20px;bottom:20px;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.4;text-align:left}.m-fab-box.m-fab-absolute{position:absolute}.m-fab-box.m-fab-relative{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}.m-fab-button{position:relative;border:none;width:56px;height:56px;cursor:pointer;outline:none!important;border-radius:50%;color:#FFF;-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-fab-button span{position:absolute;width:56px;height:56px;display:block;left:0;top:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.m-fab-notify{position:absolute;top:-3px;right:-3px;width:20px;height:20px;border-radius:50%;color:#FFF;background-color:#F44336;text-align:center;line-height:20px;font-size:12px;font-weight:700;z-index:5}.m-fab-button i{line-height:56px}.m-fab-button i:not(.material-icons){font-size:18px}.m-fab-icon-open{opacity:0;transform:scale(0)}.m-fab-box.m-showing .m-fab-icon-default{opacity:0;transform:scale(0)}.m-fab-box.m-showing .m-fab-icon-open{opacity:1;transform:scale(1)}.m-fab-panel-close{position:absolute;right:20px;top:20px;cursor:pointer}.m-fab-panel{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;transform:scale(0.5);opacity:0;display:none;position:absolute;padding:20px;width:300px;background-color:#FFF;border-radius:3px;-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.m-bottom-right .m-fab-panel{bottom:70px;right:0;-ms-transform-origin:bottom right;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-bottom-left .m-fab-panel{bottom:70px;left:0;-ms-transform-origin:bottom left;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-top-right .m-fab-panel{top:70px;right:0;-ms-transform-origin:top right;-webkit-transform-origin:top right;transform-origin:top right}.m-top-left .m-fab-panel{top:70px;left:0;-ms-transform-origin:top left;-webkit-transform-origin:top left;transform-origin:top left}.m-fab-menu{position:absolute;bottom:60px;right:0;padding:0;margin:0;list-style:none;width:100%;display:none}.m-fab-box.m-fab-show .m-fab-menu,.m-fab-box.m-fab-show .m-fab-panel{display:block}.m-fab-box.m-fab-show .m-fab-menu li{opacity:0;transform:scale(0)}.m-fab-box.m-fab-show.m-showing .m-fab-menu li,.m-fab-box.m-fab-show.m-showing .m-fab-panel{opacity:1;transform:scale(1)}.m-fab-menu .m-item{display:inline-block;position:relative;width:40px;height:40px;border-radius:50%;color:#FFF;text-align:center;-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.m-fab-menu li{width:100%;text-align:center;margin-bottom:10px;position:relative;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.m-fab-menu li:nth-child(2){-webkit-transition-delay:.05s;transition-delay:.05s}.m-fab-menu li:nth-child(3){-webkit-transition-delay:.08s;transition-delay:.08s}.m-fab-menu li:nth-child(4){-webkit-transition-delay:.11s;transition-delay:.11s}.m-fab-menu li:nth-child(5){-webkit-transition-delay:.14s;transition-delay:.14s}.m-fab-menu li:nth-child(6){-webkit-transition-delay:.15s;transition-delay:.15s}.m-fab-menu li:nth-child(7){-webkit-transition-delay:.16s;transition-delay:.16s}.m-fab-menu li:nth-child(8){-webkit-transition-delay:.17s;transition-delay:.17s}.m-fab-menu li:nth-child(9){-webkit-transition-delay:.18s;transition-delay:.18s}.m-fab-menu li:nth-child(10){-webkit-transition-delay:.19s;transition-delay:.19s}.m-fab-menu li:nth-child(11){-webkit-transition-delay:.19s;transition-delay:.19s}.m-fab-menu li:nth-child(12){-webkit-transition-delay:.19s;transition-delay:.19s}.m-fab-menu li:nth-child(13){-webkit-transition-delay:.19s;transition-delay:.19s}.m-fab-menu li:nth-child(14){-webkit-transition-delay:.19s;transition-delay:.19s}.m-fab-menu li:nth-child(15){-webkit-transition-delay:.19s;transition-delay:.19s}.m-fab-menu .m-item i{line-height:40px}.m-fab-menu .m-item i:not(.material-icons){font-size:18px}.m-fab-menu .m-tooltip{display:none;position:absolute;right:100%;white-space:nowrap;background-color:#333;color:#FFF;padding:0 10px;border-radius:3px;border:solid 1px #EEE;height:28px;line-height:28px;top:50%;margin-top:-14px;z-index:50}.m-fab-menu li:hover .m-tooltip{display:block}.m-fab-box.m-bottom-left{right:auto;left:20px}.m-fab-box.m-bottom-left .m-tooltip{right:auto;left:100%}.m-top-left .m-fab-menu li,.m-top-right .m-fab-menu li{-ms-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top}.m-bottom-left .m-fab-menu li,.m-bottom-right .m-fab-menu li{-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.m-fab-box.m-top-left{right:auto;bottom:auto;top:20px;left:20px}.m-fab-box.m-top-left .m-tooltip{right:auto;left:100%}.m-fab-box.m-top-left .m-fab-menu{bottom:auto;top:60px}.m-fab-box.m-top-left .m-fab-menu li{margin-bottom:0;margin-top:10px}.m-fab-box.m-top-right{bottom:auto;top:20px}.m-fab-box.m-top-right .m-tooltip{right:100%;left:auto}.m-fab-box.m-top-right .m-fab-menu{bottom:auto;top:60px}.m-fab-box.m-top-right .m-fab-menu li{margin-bottom:0;margin-top:10px}.m-bottom-right.m-fab-horizontal .m-fab-menu{bottom:0;right:70px;width:auto;white-space:nowrap;height:56px}.m-bottom-right.m-fab-horizontal .m-fab-menu li{width:50px;display:inline-block;margin-bottom:0;padding:8px 0}.m-bottom-right.m-fab-horizontal .m-tooltip{-ms-transform:rotate(-90deg);-ms-transform-origin:left bottom;-webkit-transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform:rotate(-90deg);transform-origin:left bottom;bottom:60px;top:auto;left:50%;margin-left:14px;right:auto}.m-bottom-left.m-fab-horizontal .m-fab-menu{bottom:0;right:auto;left:70px;width:auto;white-space:nowrap;height:56px}.m-bottom-left.m-fab-horizontal .m-fab-menu li{width:50px;display:inline-block;margin-bottom:0;padding:8px 0}.m-bottom-left.m-fab-horizontal .m-tooltip{-ms-transform:rotate(-90deg);-ms-transform-origin:left bottom;-webkit-transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform:rotate(-90deg);transform-origin:left bottom;bottom:60px;top:auto;left:50%;margin-left:14px;right:auto}.m-top-left.m-fab-horizontal .m-fab-menu{bottom:auto;top:0;right:auto;left:70px;width:auto;white-space:nowrap;height:56px}.m-top-left.m-fab-horizontal .m-fab-menu li{width:50px;display:inline-block;margin-top:0;padding:8px 0}.m-top-left.m-fab-horizontal .m-tooltip{-ms-transform:rotate(90deg);-ms-transform-origin:left bottom;-webkit-transform:rotate(90deg);-webkit-transform-origin:left bottom;transform:rotate(90deg);transform-origin:left bottom;bottom:auto;top:50px;left:50%;margin-left:-14px;right:auto}.m-top-left.m-fab-horizontal .m-fab-menu li,.m-bottom-left.m-fab-horizontal .m-fab-menu li{-ms-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center}.m-top-right.m-fab-horizontal .m-fab-menu{bottom:auto;top:0;right:70px;left:auto;width:auto;white-space:nowrap;height:56px}.m-top-right.m-fab-horizontal .m-fab-menu li{width:50px;display:inline-block;margin-top:0;padding:8px 0}.m-top-right.m-fab-horizontal .m-tooltip{-ms-transform:rotate(90deg);-ms-transform-origin:left bottom;-webkit-transform:rotate(90deg);-webkit-transform-origin:left bottom;transform:rotate(90deg);transform-origin:left bottom;bottom:auto;top:50px;left:50%;margin-left:-14px;right:auto}.m-top-right.m-fab-horizontal .m-fab-menu li,.m-bottom-right.m-fab-horizontal .m-fab-menu li{-ms-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center}.m-fab-title{margin:0;padding:0;font-size:24px;margin-bottom:15px}div.m-fab-element{padding-top:8px}div.m-fab-element label span{position:relative;top:-2px}.m-fab-element,.m-fab-form-button{display:block;width:100%;height:42px;background-color:#f9fafa;border:solid 2px #d4d9dd;border-radius:3px;outline:none;margin-bottom:10px;padding:5px 10px;font-family:inherit}.m-fab-element.m-fab-error{border-color:#F44336!important}textarea.m-fab-element:focus,input.m-fab-element:focus,select.m-fab-element:focus{background-color:#FFF;border-color:#8c9aa6}.m-fab-element:hover{border-color:#8c9aa6}select.m-fab-element{line-height:38px}textarea.m-fab-element{min-height:80px;resize:none}.m-fab-form-button{color:#333;font-weight:700;border-color:transparent!important;cursor:pointer;margin-bottom:0;text-align:center;line-height:32px;text-decoration:none}.m-fab-form-button:hover{-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2)}.m-fab-element:last-child{margin-bottom:0}.m-fab-captcha{height:42px;width:100%;margin-bottom:10px;position:relative}.m-fab-captcha .m-fab-column{width:50%;float:left;height:42px}.m-fab-captcha .m-fab-numbers{text-align:center;line-height:42px;display:table;padding-left:42px}.m-fab-captcha .m-fab-numbers span{font-size:16px;margin:0 2px}.m-fab-captcha .m-fab-action-type{display:inline-block;width:10px;background-color:#333;position:relative;height:2px;top:-4px}.m-fab-refresh{position:absolute;width:42px;height:42px;top:0;left:0;border:solid 2px transparent;background-color:transparent;cursor:pointer;outline:none;border-radius:3px;color:#8c9aa6}.m-fab-refresh:focus{border-color:#8c9aa6}.m-fab-refresh i{font-size:24px}.m-message-box{width:100%;text-align:center;margin-top:10px}.m-fab-red{background-color:#F44336;color:#FFF!important}.m-fab-retro-red{background-color:#f67280;color:#FFF!important}.m-fab-turquoise{background-color:#26a69a;color:#FFF!important}.m-fab-green{background-color:#5fcf80;color:#FFF!important}.m-fab-green-dark{background-color:#0b8457;color:#FFF!important}.m-fab-blue{background-color:#2196F3;color:#FFF!important}.m-fab-yellow{background-color:#ffeb3b;color:#203541!important}.m-fab-dark{background-color:#2c3e50;color:#FFF!important}.m-fab-purple{background-color:#674993;color:#FFF!important}.m-fab-primary{background-color:#387bab;color:#FFF!important}.m-fab-white{background-color:#f2f2f2;color:#203541!important}.m-fab-pink{background-color:#f6416c;color:#FFF!important}.m-fab-orange{background-color:#fd5f00;color:#FFF!important}.m-chat-box{margin:-20px}.m-chat-header{position:relative;background-color:#5fcf80;color:#FFF;padding:20px;min-height:80px;text-align:center;border-top-left-radius:3px;border-top-right-radius:3px}.m-chat-title{font-size:24px;display:block;font-weight:700}.m-chat-content{min-height:200px;max-height:300px;overflow-y:auto;background-image:url(../img/chat-bg-pattern.png)}.m-chat-content::-webkit-scrollbar{width:4px}.m-chat-content::-webkit-scrollbar-thumb{background:#DDD}.m-chat-content::-webkit-scrollbar-track{background:#FFF}.m-chat-footer{position:relative}.m-chat-input{display:block;width:100%;height:42px;background-color:#f9fafa;border:none;border-top:solid 2px #d4d9dd;outline:none;padding:5px 10px;font-family:inherit;padding-right:40px}.m-chat-send{position:absolute;width:38px;height:38px;border:none;background-color:transparent;top:2px;right:2px;cursor:pointer;outline:none}.m-chat-item{display:block;width:100%;margin:15px 0;padding:0 15px}.m-chat-msg{display:inline-block;background-color:#FFF;color:#2c3e50;padding:8px 10px;border-radius:3px;position:relative;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);line-height:1.2}.m-chat-msg:after{position:absolute;content:'';width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;left:-10px;top:0}.m-chat-item.m-your-answer{text-align:right}.m-chat-item.m-your-answer .m-chat-msg{background-color:#e9fadd}.m-chat-item.m-your-answer .m-chat-msg:after{left:auto;right:-10px;border-width:10px 10px 0 0;border-color:#e9fadd transparent transparent}.m-basket-items{display:table;margin:0;padding:0;list-style:none;width:100%}.m-basket-items li{display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #EEE}.m-basket-items div{display:table-cell;vertical-align:top;min-width:40px;padding-right:10px}.m-basket-items div:last-child{padding-right:0;text-align:right}.m-basket-image img{display:block;border:none}.m-basket-quantity{width:40px!important;text-align:right}.m-basket-total{width:60px!important;font-weight:700}.m-basket-product-info h3{margin:0;padding:0;line-height:1;font-size:16px;margin-bottom:8px}.m-basket-product-info p{margin:0;padding:0;font-size:12px;opacity:.6}li.m-basket-header div{height:20px}.m-basket-summary{width:100%;text-align:right;font-weight:700}.m-basket-summary div{margin-top:4px}.m-basket-summary span{display:inline-block;width:120px}.m-basket-row{width:100%}.m-basket-columns{width:50%;float:left;padding-right:20px}.m-basket-columns:last-child{padding-right:0}.m-fab-app-button{display:block;width:100%;padding:20px 0;text-align:center;color:#2c3e50;font-size:14px;text-decoration:none}.m-fab-app-button span{display:block;width:100%}.m-fab-app-button i{font-size:24px}.m-fab-app-button:hover{background-color:#f2f2f2;color:#2c3e50!important}.m-fab-row{overflow:hidden;margin:-10px}.m-fab-column{float:left}.m-fab-col-1{width:16.6666667%}.m-fab-col-2{width:33.3333334%}.m-fab-col-3{width:50%}.m-fab-col-4{width:66.6666667%}.m-fab-col-5{width:83.3333334%}.m-fab-col-6{width:100%}.m-fab-overlay{position:fixed;z-index:998;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);display:none}.m-fab-overlay.m-fab-overlay-show{display:block;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-fab-overlay.m-fab-overlay-showing{opacity:1}.m-fab-overlay.m-fab-overlay-close{cursor:pointer}.m-fab-loading{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.9);border-radius:3px;z-index:50}.m-fab-spinner{position:absolute;height:24px;width:70px;text-align:center;top:50%;margin-top:-12px;left:50%;margin-left:-35px}.m-fab-spinner > div{width:18px;height:18px;background-color:#5fcf80;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.m-fab-spinner .m-fab-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.m-fab-spinner .m-fab-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}
*/


/*  https://www.herewego.net/demo/css/demo-styles.css
body{
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin:0;
  box-sizing: border-box;
  background-color: #ececec;
}
body *{
  box-sizing: border-box;
}
 /* */

header{
  width: 100%;
  height: 160px;
  background-color: #2eb872;
  text-align: center;
  color: #FFF;
}
header h1{
  margin: 0;
  padding: 30px 0 0 0;
}
header p{
  padding-top: 0;
  margin-top: 0;
  color: #eee;
}

.container{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.step-title{
  position: relative;
  min-height: 40px;
}
.step-title span{
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border:solid 2px #2eb872;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
  color: #2eb872;
}
.step-title h3{
  margin: 0;
  color: #2eb872;
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  padding-bottom: 5px;
  margin-left: 60px;
  line-height: 34px;
  border-bottom: solid 3px #2eb872;
}
.step-title.with-margin{
  margin: 30px 0;
}
code{
  font-size: 16px;
  line-height: 1.2;
}
table{
  width: 100%;
}
table thead{
  text-align: left;
  background-color: #2eb872 !important;
  color: #FFF;
}
table thead th{
  padding: 5px 10px;
}
table td{
  padding: 10px 10px;
}
table tbody tr:nth-child(odd){
  background-color: #f9f9f9;
}
table tbody tr:nth-child(even){
  background-color: #ffffff;
}
table table{
  border:solid 1px #CCC;
}
table .first{
  color: #2eb872;
}

.expandProperties{
  color: #00C;
  text-decoration: underline;
  cursor: pointer;
}
#startValues, #finishValues, #dataValues{
  display: none;
}
.show-table{
  display: table-row !important;
}
.examples-button{
  border: solid 2px #2eb872;
  color: #2eb872;
  display: inline-block;
  padding: 8px 26px;
  text-decoration: none;
  font-size: 18px;
  border-radius: 3px;
}
.examples-button:hover{
  color: #FFF;
  background-color: #2eb872;
}

footer{
  text-align: center;
  margin: 30px 0;
}
.demo-link-style{
  color: #2eb872;
  font-weight: bold;
}



.demo-panel{
  width: 100%;
  max-width: 800px;
  padding: 70px;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
  border-radius: 5px;
  margin: 100px auto;
  position: relative;
}

.demo-page-wrapper{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
}
.demo-page-container{
  border:solid 2px #2c3e50;
  border-radius: 3px;
  padding: 30px;
  min-height: 200px;
  margin: 15px;
}
.demo-page-button{
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  color: #2c3e50;
  margin: 5px;
  background-color: #FFF;
  border-radius: 3px;
  border: solid 2px #2c3e50;
}
.demo-page-button:hover{
  background-color: #EEE;
}
.demo-page-button.active{
  background-color: #2c3e50;
  color: #FFF;
}
.demo-main-feature{
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}
.demo-main-feature ul{
  display: inline-block;
  padding: 0;
  margin: 0;
}
.demo-important{
  color: #F44336;
  font-size: 18px;
  text-align: center;
}

.demo-console{
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
  border:solid 2px #DDD;
  background-color: #EEE;
  min-height: 100px;
  border-radius: 3px;
  padding: 15px;
}