html,
body {
    height: 100%;
    background-color: #f5f7f7;
    font-family: source-sans-pro, PT Sans, Helvetica Bold, Arial Bold, sans-serif;
    text-rendering: optimizeLegibility;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: -300px;
    padding: 0 0 150px;
    background-color: #f5f7f7;
}

.wrap > .container {
    padding: 10px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 0px 0px;
    font-family: source-sans-pro, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 300px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: source-sans-pro, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\25B2"/*"\e151"*/;
}

a.desc:after {
    content: "\25BC"/*"\e152"*/;
}

.sort-numerical a.asc:after {
    content: "\25B2";
}

.sort-numerical a.desc:after {
    content: "\25BC";
}

.sort-ordinal a.asc:after {
    content: "\25B2";
}

.sort-ordinal a.desc:after {
    content: "\25BC";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.p{
    font-family: source-sans-pro, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h1{
    font-family: source-sans-pro, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h2{
    font-family: source-sans-pro, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}





.globalCheckBox {
    font-family: source-sans-pro, "new-order", PT Sans, Helvetica Bold, Arial Bold, sans-serif;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    padding-top: 0px;
    cursor: pointer;
    font-size: 16px;
}

.globalCheckBox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.globalCheckBox_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 1px hidden #000000;
    border-radius: 5px;
}
.globalCheckBox:hover input ~ .globalCheckBox_indicator,
.globalCheckBox input:focus ~ .globalCheckBox_indicator {
    background: #cccccc;
}

.globalCheckBox input:checked ~ .globalCheckBox_indicator {
    background: #f7921e;
}
.globalCheckBox:hover input:not([disabled]):checked ~ .globalCheckBox_indicator,
.globalCheckBox input:checked:focus ~ .globalCheckBox_indicator {
    background: #0e6647d;
}
.globalCheckBox input:disabled ~ .globalCheckBox_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.globalCheckBox_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.globalCheckBox input:checked ~ .globalCheckBox_indicator:after {
    display: block;
}

.globalCheckBox-checkbox .globalCheckBox_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.globalCheckBox-checkbox input:disabled ~ .globalCheckBox_indicator:after {
    border-color: #7b7b7b;
}



.loginForm {
    background-color: transparent;
    margin: 0 auto;
    width: 340px;
}
.loginFormTable {    
    text-align: center;
    background-color: transparent;
    align: center;
}

.container_div {
    width : 300px;
    height : 400px;
}

.logo {
    max-width: 100%;
    max-height: 100%;
}

.form11 {
    width: 20px;
    height:50px;
    background: rgb(30, 46, 63);
    bordert: 3px;
    border-radius: 20px 0 0 0;
    -moz-border-radius: 20px 0 0 0;
    -webkit-border-radius: 20px 0 0 0;
}

.form12 {
    width: 20px;
    height: 400px;
    border-left: 3px solid rgb(30, 46, 63);
}

.form13 {
  width: 20;
  height: 20px;
  border-left: 3px solid rgb(30, 46, 63);
  border-bottom: 3px solid rgb(30, 46, 63);
  border-radius: 0 0 0 100px;
  -moz-border-radius: 0 0 0 100px;
  -webkit-border-radius: 0 0 0 100px;
}

.form21 {
    width: 100%;
    min-height: 50px;
    background: rgb(30, 46, 63);
}

.form22 {
    width: 300px;
    height: 400px;
}

.form23 {
    width: 100%;
    height: 20px;
    border-bottom: 3px solid rgb(30, 46, 63);
}


.form31 {
    width: 20px;
    height: 50px;
    background: rgb(30, 46, 63);
    border-radius: 0 20px 0 0;
    -moz-border-radius: 0 20px 0 0;
    -webkit-border-radius: 0 20px 0 0;
}

.form32{
    width: 20px;
    height: 350px;
    border-right: 3px solid rgb(30, 46, 63);
}

.form33{
    width: 20px;
    height: 20px;
    border-right: 3px solid rgb(30, 46, 63);
    border-bottom: 3px solid rgb(30, 46, 63);
    border-radius: 0 0 20px 0;
    -moz-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
}

.formTitle{
    color: White;
    text-align: center;
    line-height: 50px;
    form-weight: 900;
}

.buttonTextBold {

font-family: source-sans-pro, 'PT Sans', 'Helvetica Bold', 'Arial Bold', sans-serif;
font-weight: 700;
font-style: normal;
/*color:#F9F9FA;*/
}

.formInputLabel {
    font-family: source-sans-pro, "new-order", PT Sans, Helvetica Bold, Arial Bold, sans-serif;
    margin-left: 0px;
    font-weight: 700;
    font-style: normal;
    color: #231F20;
}

.formLink {
    font-family: source-sans-pro, "new-order", PT Sans, Helvetica Bold, Arial Bold, sans-serif;
    margin-left: 0px;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #231F20;
    text-decoration: underline;
}

.formText {
    font-family: source-sans-pro, "new-order", PT Sans, Helvetica Bold, Arial Bold, sans-serif;
    margin-left: 0px;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: #231F20;
}


.formTextField {
    width: 100%;
    left: 50%;
    margin-left: 0px;
    border-left: 0px;
    border-right: 10px;
    border-top: 7px;
    border-bottom: 10px;
}

.formTextField2 {
    width: 70%;
    margin-left: 0px;
}

.formBut {
    background: url(../img/but.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 50%;
    margin-left: 0px;
    width: 100%;
    height: 52px;
    box-shadow: none;
    border: none;
    /*border-radius: 15px;*/
    font-weight: 900;
}

.formButBlue {
    background: url(../img/blue-but.png);
    background-size: 100% 100%;
    border: none;
}

.formButLight {
    background: url(../img/light-but.png);
    background-size: 100% 100%;
    border: none;
}

.formButCyan {
    background: url(../img/cyan-but.png);
    background-size: 100% 100%;
    border: none;
}

.formButPink {
    background: url(../img/pink-but.png);
    background-size: 100% 100%;
    border: none;
}

.formButYellow {
    background: url(../img/yellow-but.png);
    background-size: 100% 100%;
    border: none;
}



.signinGoogleBut {
    background: url(../img/signingoogle.svg);
    background-size: cover;
    left: 50%;
    margin-left: 0px;
    width: 100%;
    height: 50px;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    font-weight: 900;
}

.signinMetaMaskBut {
    background: url(../img/connectMetaMask.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 50%;
    margin-left: 0px;
    padding: 0px;
    width: 100%;
    height: 50px;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    font-weight: 900;
}

.loginFormContainer{
    max-width: 340px;
    background-color: transparent;
    margin: 0 auto;
}


.nav-left{
    display: flex;
    position: static;
    flex-wrap: nowrap;
}

.nav-center{
    display: flex;
    position: static;
    float: nono;
    flex-wrap: nowrap;
}

.nav-fill{
    display: flex;
    position: static;
    float: none;
    flex: 1 1 0px;
    flex-wrap: nowrap;
}

.nav-right{
    display: flex;
    position: static;
    float: right;
    width: auto;
    flex-wrap: nowrap;
}



.mainSearchBar {
     padding: 10px;
     font-size: 16px;
     border-width: 1px;
     border-color: #cccccc;
     background-color: #121922;
     color: #F9F9FA;
     border-style: hidden;
     border-radius: 15px;
     text-align: right;
}
 .mainSearchBar-input:focus {
     outline:none;
}

.navContainer1 {
    background-color: #F7921E;
    color: #F9F9FA;
}

td{
    padding: 0 0 0 0;
}

ul.a {
  list-style-type: circle;
}

.navbar-brand {
    padding: 3px;
}

.navbar-brand img {
    height: 100%;
}

.navbar {
    border-radius: 0px;
    padding: 0 0 0 0;
}


.searchbar{
  -moz-border-radius:10px;  /* for Firefox */
  -webkit-border-radius:10px; /* for Webkit-Browsers */
  border-radius:10px; /* regular */
  color: white;
  height: 40px;
  margin-left: 20px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  border-radius: 10px;
}

.ccnavbg{
  background-color: rgb(247, 245, 245);
}

.searchbut{
  background-color: transparent;
  border:none;                
}

.searchbox{
  background-color: rgb(0,0,0,0);
  color: rgb(247, 245, 245);
  border:none;
  padding: 0;
  width: auto;

  display: flex;
  position: static;
  float: none;
  flex: 1 1 0px;
  flex-wrap: nowrap;
}

input, select, textarea {
  transition: all .1s linear;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.searchbox:focus {
    outline:none;
}
.search-container{
    width: 100%;
    background-color: transparent;
    margin-left: 10px;      
}
.search-form{
    line-height: 0px;
}

.no-bmp{
    border: none  !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0  !important;
}

@media (min-width: 150px) {
  .navbar-right {
    float: right !important;
    margin-right: 0px;
   }
  .navbar-nav {
    float: left;
    margin: 2 2 2 2;
    margin-right: 0px;
  }
    /* .container { width: 750px; } */
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
{
    background-color: transparent;
    padding: 2px;
}

.navbar-default img,.navbar-nav img{
    height: 40px;
}

.nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-bar{
    flex-wrap: nowrap;
}

.container {
    min-width: 200px;
    display: flex;
    position: static;
    flex-wrap: nowrap;
    padding-left: 0;
}

.formTextField {
    width: 100%;
    left: 50%;
    margin-left: 0px;
    border-left: 0px;
    border-right: 10px;
    border-top: 7px;
    border-bottom: 10px;
    background-color: rgb(0,0,0,0);
}

.navbar-brand{
    margin-left: 0px !important;
}

.country-flag-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50px;
}

.country-flag-label{
    align-self: stretch;
}

.country-flag-select{
    align-self: center;
    width: 50px;
    height: 20px;
}

.lang-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}






.cc-nav-flyout{
  width: 60px;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  display: flex;
  flex-wrap: nowrap;
}

.nav-arrow {
  display: flex;
  flex-wrap: nowrap;
  width: 5px;
  height: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgb(247, 245, 245);

  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 20px;
}

.cc-nowrap{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.nav-a-cc{
  padding: 0 0 0 0 !important;
}

a:hover {
  text-decoration: none;
}

u {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  display: inline-block;
  line-height: 0.85;
}



.navbar2{
    padding-top: 0px;
    padding-right: 0px;
    display: flex;
}

.navbar2-fill{
    padding-top: 5px;
    display: flex;
}



.container2{
    min-height: 35px;
    margin-bottom: 0;
    -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, .4), inset -3px -3px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, .4), inset -3px -3px 3px rgba(0, 0, 0, .4);
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, .4), inset -3px -3px 3px rgba(0, 0, 0, .4);
}

.list-horizontal li:before {
  content: '\00a0\00a0\2022';
}

.list-horizontal li {
  display:inline-block;
  padding-left: 0px;
}

.list-horizontal li:first-child:before {
  content: '';
}



.padLeft15 {
  padding-left: 15px;
}

.autoscale{
  max-width:100%;
  max-height:100%;
}

li {
    float:left; 
}

.searchbox::-webkit-input-placeholder {
  font-family: source-sans-pro, PT Sans, Helvetica Bold, Arial Bold, sans-serif;
}

.searchbox:-ms-input-placeholder {
  font-family: source-sans-pro, PT Sans, Helvetica Bold, Arial Bold, sans-serif;
}

.searchbox:-moz-placeholder {
  font-family: source-sans-pro, PT Sans, Helvetica Bold, Arial Bold, sans-serif;
}

.searchbox::-moz-placeholder {
  font-family: source-sans-pro, PT Sans, Helvetica Bold, Arial Bold, sans-serif;
}

.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}


.maincanvas
{
    display: flex;
    position: static;
    float: top;
    flex: 1 1 0px;
    flex-wrap: nowrap;
    padding: 0 0 0 0;
    
}


.nav-but-out{
  position: relative;
  float: left;
  height: 30px;
  padding: 2px 2px;
  margin-right: 2px;
  margin-top: 3px;
  margin-bottom: 2px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #F9F9FA;
  border-radius: 4px;
  color: #F9F9FA;
}

.nav-but-out:hover{
  border: 1px solid #7b7b7b;
}

.nav-but{
  position: relative;
  float: left;
  width: 24px;
  height: 24px;
  padding: 2px 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 2px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navIconBar0 {
    display: block;
    margin-bottom: 1px;
    width: 22px;
    height: 2px;
    background-color: rgba(0,0,0,0);
    border-radius: 1px;
    
}

.navIconBar {
    display: block;
    border-color: #F9F9FA;
    margin-bottom: 3px;
    width: 22px;
    height: 2px;
    background-color: #F9F9FA;
    border-radius: 1px;
}

.waku-center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* Make the image fully responsive */
.carousel-inner img {
  width: 100%;
  height: 100%;
}

body {
  text-rendering: optimizeLegibility;
}



.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: auto;
  margin: auto;
  object-fit: cover; /*magic*/
}

.waku-home {
  max-width: 1600px;
  width: 100%;
  transition: all .1s linear;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
.owl-carousel .owl-item img {
  display: block;
  width: auto;
  margin-left: auto; margin-right: auto;
}

.site-index {
  display: block;
  align-self:center;
}

.block {
	width: 306px;
	height: 230px;
}

.product-center{
  display: flex;
  position: static;
  float: nono;
  flex-wrap: wrap;
  justify-content: center;
}

.white {background: #999999;}

.productCanvas{
  padding-top: 1em;
}

.bannerCanvas{
  display: flex;
  flex-grow: 3;
}
  
.productCanvas{
  display: flex;
  margin: 5px 5px 5px 5px;
  width: 100%;
}

.productTheme11{
  background-color: white;
  flex-grow: 1;
}

.productTheme21{
  background-color: white;
  flex-grow: 1;
}

.productTheme31{
  background-color: white;
  flex-grow: 1;
}

.productTheme12{

}

.productTheme22{

}

.productTheme32{

}

.break {
  flex-basis: 100%;
  height: 0;
}

.productBG{
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.waku-home{
  position: relative;
  .owl-theme {
    .custom-nav {
      position: absolute;
      top: 20%;
      left: 0;
      right: 0;

      .owl-prev, .owl-next {
        position: absolute;
        height: 100px;
        color: inherit;
        background: none;
        border: none;
        z-index: 100;

        i {
          font-size: 2.5rem;
          color: #cecece;
        }
      }

      .owl-prev {
        left: 0;
      }

      .owl-next {
        right: 0;
      }
    }
  }
}

.productItem{
  width:250px;
 background-color: #ffffff; 
  border-radius: 10px !important;
  margin-bottom: 20px !important;
    box-shadow: 4px 3px 15px -4px rgba(0,0,0,0.15);
-webkit-box-shadow: 4px 3px 15px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 4px 3px 15px -4px rgba(0,0,0,0.15);
}

.productItem-dark{
  background: #2c3b4c;
  border: 5px solid #DDDDDD;
  padding: 5px 5px 5px 5px;
  color: #F9F9FA;
}

.alignTextLeft{
  text-align: left;
}

.redContecnt{
  background-color: #cdbfe3;
}

.cc-space25{
  min-height:25px;
}

.cc-space50{
  min-height:50px;
}

.producta, .producta:active, .producta:link, .producta:visited {
  text-decoration: none;
  color: #231F20;
}

.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.flexTbCol {
  display: flex;
  flex-direction: column;
}

.flexTbRow {
  display: flex;
  flex-direction: row;
}

.flexTbItem1 {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.flexTbItem2 {
  display: flex;
  flex-direction: row;
  flex-grow: 2;
}

.flexTbItem3 {
  display: flex;
  flex-direction: row;
  flex-grow: 3;
}

.flexTbItem4 {
  display: flex;
  flex-direction: row;
  flex-grow: 4;
}

.textAlignL {
  text-align: left;
}

.textAlignR {
  text-align: right;  
}


.btn-success {
  color: #fff;
  background-color: #021226;
  border-color: #021226;
}

.btn-info {
  color: #fff;
  background-color: #023859;
  border-color: #023859;
}

.btn-danger {
  color: #fff;
  background-color: #F24405;
  border-color: #F24405;
}

.width5{ width: 5%;}
.width10{ width: 10%;}
.width20{ width: 20%;}
.width30{ width: 30%;}
.width33{ width: 33%;}
.width40{ width: 40%;}
.width50{ width: 50%;}
.width60{ width: 60%;}
.width70{ width: 70%;}
.width80{ width: 80%;}

.txtColor1 {
  color: #e5e5e5;
}

.txtColor2 {
  color: #101922;
}

.txtColor3 {
  color: #D96704;
}

.cc-theme-bgcolor1{
  background-color: #FFFFFF;
}

.cc-theme-bgcolor2{
  background-color: #023859;
}

.cc-theme-bgcolor3{
  background-color: #e5e5e5;
}

.cc-theme-color1{
  color: #e5e5e5;
}

.cc-theme-color2{
  color: #e5e5e5;
}

.cc-theme-color3{
  color: #021226; 
}

.cc-theme-color4{
  color: #F24405; 
}