/*side menu*/
.cbp-spmenu {
  overflow-y: auto;
  position: fixed;
  color: #faf7f6;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cbp-spmenu .header {
  font-size: 36px;
  margin: 0;
  background: #3faddb;
  padding: 10px 0 10px 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

.cbp-spmenu .header .fa {
  font-size: 28px;
  float: right;
  margin: 12px 21px 0 0;
  cursor: pointer;
}

.cbp-spmenu table {
  width: 99%;
  margin-top: 5px;
}

.cbp-spmenu .icon {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #3faddb;
  border: 2px solid #1487c8;
}

.change-color-icon-f96535 {
  background: #3faddb !important;
}


.cbp-spmenu a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  background: #3faddb;
  margin: 1px 4px 1px 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cbp-spmenu a:hover {
  background: #3faddb;
  text-decoration: none;
}

.cbp-spmenu .icon i {
  font-size: 28px;
}

.cbp-spmenu .tools .colors a {
  /*margin-top: -4px;*/
  width: 100%;
  height: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 35px;
}

.cbp-spmenu .tools .colors a.active {
  -webkit-box-shadow: inset 0px 0px 3px 3px rgb(129, 255, 5);
  -moz-box-shadow:    inset 0px 0px 3px 3px rgb(129, 255, 5);
  box-shadow:         inset 0px 0px 3px 3px rgb(129, 255, 5);
}

.cbp-spmenu .tools .colors .purple a {
  background: #b11276;
}

.cbp-spmenu .tools .colors .blue a {
  background: #3fc7f9;
}

.cbp-spmenu .tools .colors .red a {
  background: #fb371d;
}

.cbp-spmenu .tools .colors .white a {
  background: #fff;
}

.cbp-spmenu .tools .colors .black a {
  background: #040404;
}

.cbp-spmenu .tools .utensils a {
  margin-top: -4px;
  width: 97%;
  height: 97%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 35px;
  background: #fff;
  color: #013b64;
}

.cbp-spmenu .tools .utensils a.active {
  background-color: rgb(129, 255, 5);
}

.cbp-spmenu .tools .utensils a i {
  color: #013b64 !important;
}

.cbp-spmenu-vertical {
  width: 240px;
  height: 630px;
  top: 5%;
  z-index: 1000;
}

.cbp-spmenu-vertical a {
  padding: 5px;
}

.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}

.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}

.cbp-spmenu-left {
  left: -174px;
}

.cbp-spmenu-right {
  right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 240px;
}

.cbp-spmenu-push-toleft {
  left: -240px;
}

.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 55.1875em){

  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }

  .cbp-spmenu-top {
    top: -110px;
  }

  .cbp-spmenu-bottom {
    bottom: -110px;
  }

}

@media screen and (max-height: 26.375em){

  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }

  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }

  .cbp-spmenu-right {
    right: -190px;
  }

  .cbp-spmenu-push-toright {
    left: 190px;
  }
}
.cbp-spmenu-left.main-color {
  background: #1487c8 !important;
}
.big-class {
  /*padding: 5px 84px 5px 27px;*/
  font-size: 36px;
  top: 44px;
}