body{
  margin:0px;
  padding:0px;
  font-weight:normal;
  font-size:13px;
  line-height:22px;
  font-family: Ubuntu;
  min-width:648px;
}
body,html{
  width:100%;
}

a{
  text-decoration:none;
  //color:#FFF;
}
@media (min-width: 1200px){
  .content{
    width:1170px;
  }
  .featured .node{
    width:560px;
    height:285px;
  }
  .product-node{
    width:226px;
  }
  #services-content .wrapper{
    width:1200px;
  }
  #popular-products{
    min-height:802px;
  }
  #services-content{
    min-height:121px;
  }
  #footer-products,
  #blog{
    height:370px;
  }
}
.transition{
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.loading{
  position:fixed;
  width:200px;
  top:calc(50% - 100px);
  left:calc(50% - 100px);
  z-index:2000;
}
#powerTip{
  background-color:#FFF;
  border:.5px solid #cfcece;
  color:#999;
}
.content{
  position:relative;
  z-index:201;
  margin:0px auto;
}
.node{
  border:.5px solid #cfcece;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.node:hover{
  -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.2);
  box-shadow: 0 0 35px 0 rgba(0,0,0,.2);
}
.cont{
  //margin-top:4px;
  z-index:201;
  position:relative;
}
.cont .inner{
  width:80%;
  margin:0px auto;
}
.product-node{
  display: inline-block;
  height: 320px;
  vertical-align: top;
  position: relative;
  padding:16px;
  margin:0 0 30px 30px;
}
.product-node .name{
  padding:5px;
  font-size: 12px;
  padding: 0;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
  display: block;
  margin-bottom: 7px;
}
.product-node .product-menu{
  position:absolute;
  right:6px;
  top:9px;
  width:50px;
}
.product-node .product-menu .view-pricing{
  padding:14px 18px!important;
}
.product-node .product-menu .fa-shopping-cart{
  background-color:#3ac596!important;
  color:#fff!important;
}
.product-node .product-menu i{
  background-color:#fff;
  padding:14px;
  border-radius:100%;
  cursor:pointer;
  font-size:16px;
  border:.5px solid #cfcece;
  margin-bottom:4px;
  color:#999;
}
.product-node .product-menu i:hover{
  background-color:#000;
  color:#fff;
}
.product-node .price{
  width: 100%;
  font-size:22px;
  color:#3ac596;
}
.sizes{
  font-size: 8pt;
  text-align: center;
}
.product-node .image{
  text-align:center;
}
.product-node .image img{
  width: 140px;
}
.section-title{
  text-align:left;
  font-size:22pt;
  color:#008AAB;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:124px;
}
.section-title a{
  font-size:14pt;
  text-decoration:underline;
  color:#000;
  cursor:pointer;
}
.loading{
  position:fixed;
  width:200px;
  top:calc(50% - 100px);
  left:calc(50% - 100px);
  z-index:2000;
}
.common-node{
  width:376px;
  height:608px;
  display:inline-block;
  vertical-align:top;
  margin-left:17px;
  margin-bottom:20px;
}
.common-node.supplier{
  width:275px!important;
  height:480px!important;
}
.common-node.supplier .image{
  height:273px!important;
}
.common-node.supplier .info .text{
  height:100px!important;
}
.common-node .image{
  width:374px;
  height:374px;
}
.common-node .info{
  border-top: 1px solid #cfcece;
  padding: 20px 20px 12px;
  height:200px;
}
.common-node .info .title:hover{
  color:#000;
}
.common-node .info .title{
  font-size:20px;
  color: #3ac596;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.common-node .info .text{
  font-weight:300;
  font-size:13px;
  color:#777;
  height:128px;
}
.button{
  padding: 12px 20px;
  font-size: 14px;
  line-height: 22px;
  background: #fff;
  color: #000;
  border: 2px solid #3ac596;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 22px;
  background: #fff;
  color: #000;
  border: 2px solid #3ac596;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.button:hover,
.slideMenu-active{
  color: #fff!important;
  background: #3ac596;
  text-decoration: none;
  outline: none;
}
.slideMenu-li:hover,
.slideMenu-nested:hover{
  color: #fff!important;
  background: #3ac596;
  text-decoration: none;
  outline: none;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.header{
  padding: 8px 0;
  margin: 18px 0;
  border: none;
  margin-bottom: 3px;
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
}
.route{
  font-size:13px;
  color:#3ac596;
  padding: 8px 0;
  margin: 0!important;
  list-style: none;
  background: 0 0;
  border-radius: 0;
  text-shadow: none;
  font-size: 13px;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  font-weight: 400;
}
.route .active{
  color:#777!important;
}
.nodes-container{
  padding-top:13px;
  width:1200px;
  margin-left:-17px;
}
.common-node .image{
  width:100%;
  //display:table-cell;
  //vertical-align:middle;
  //overflow:hidden;
  text-align:center;
}
.common-node .image img{
  width:99%;
}
.qty-selector{
  font-size:20px;
}
.group-select{
  display:none;
  position:fixed;
  width:600px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: calc(50% - 330px);
  z-index: 2000;
  padding: 30px;
  background-color: #fff;
}
.group-select .groups{
  text-align:center;
}
.group-select .title{
  font-size:18px;
  padding-bottom:20px;
  text-align:center;
}
.group-select .newOption{
  text-align:center;
  cursor:pointer;
  font-size:18px;
  margin:15px;
}
.group-select .newOption:hover{
  color:#3ac596;
}
#overlay{
  position:fixed;
  cursor:pointer;
  display:none;
  width:100%;
  height:100%;
  opacity:.7;
  background-color:#000;
  z-index:300;
}
.addToGroup{
}
.addToCart{
  font-size:19px!important;
}
.open-dialog .close .fa-window-close{
  font-size:36px;
  color:#F63C3B;
  cursor:pointer;
}
.open-dialog .close{
  text-align:right;
}
#decorations{
  position:relative;
}
.slideMenu-init{
  width:150px;
}
#slideMenu-parent,
.slideMenu-child{
  display:none;
  position:absolute;
  background-color:#fff;
  z-index:3000;
  border:2px solid #3ac596;
}
#slideMenu-parent{
  width:146px;
}
.slideMenu-child{
  width:200px;
  //padding:10px;
  border:1px solid #3ac596;
}
.slideMenu-child-li{
  color:#000!important;
  font-size:18px;
  padding:10px 10px;
  cursor:pointer;
}
.slideMenu-li{
  font-size:18px;
  padding:10px;
  cursor:pointer;
  position:relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.slideMenu-li:before,
.slideMenu-nested:before{
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  text-indent: 0;
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  font-weight: 600;
  color: #3ac596;
}

.slideMenu-li:before{
  margin-left:120px;
}
.slideMenu-nested:before{
  margin-left:170px;
}
.popup-header{
  padding:5px;
  background-color:#000;
  position:relative;
}
.popup-header .close{
  color:red;
  position:absolute;
  right:0;
  font-size: 30px;
  padding: 16px;
  cursor:pointer;
}
.popup-header .title{
  font-size:32px;
  color:#fff;
  text-align:center;
  padding:20px;
}