/*======start isotope drop down======*/

* { box-sizing: border-box; }

body {
  font-family: sans-serif;
}

select {
  font-size: 20px;
}

/* ---- isotope ---- */

.grid {
  border: 1px solid #333;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.eg-item-skin-1-element-11 {
  text-shadow: -1px -1px 0 #47484b, 1px -1px 0 #47484b, -1px 1px 0 #47484b, 1px 1px 0 #47484b;
}
  
 .eg-item-skin-1-element-9 {
  text-shadow: -1px -1px 0 #47484b, 1px -1px 0 #47484b, -1px 1px 0 #47484b, 1px 1px 0 #47484b;
}
    
 .eg-item-skin-1-element-6 {
  text-shadow: -1px -1px 0 #47484b, 1px -1px 0 #47484b, -1px 1px 0 #47484b, 1px 1px 0 #47484b;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  margin: 5px;
  padding: 10px;
  background: #888;
  color: #262524;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .name {
  position: absolute;

  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}

.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}

.element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
.element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }

/*======end isotope drop down======*/





.bt-header-top .bearsicon_tx {
  margin-top: 13px !important;
}
.bt-header-top .icocc .text {
  font-size: 130% !important;
  margin-top: -10px !important;
}



/*======BODY======*/
.main-content, .page-id-1812 .main-content {
  background-color: #ededed;
  background-size: 100% auto !important;
}

.page-id-39 .main-content {
  margin-bottom: -30px !important;
  padding-bottom: 45px !important;
}

.page-id-1812 .main-content .wpcf7-form-control.wpcf7-text, .page-id-1812 .wpcf7-form-control.wpcf7-textarea {
  background: #fff !important;
}
#home-box1 {
  margin: 140px auto 30px !important;
  text-align: center !important;
}
#home-box1 h1 {
  margin-top: -30px;
}
#home-box1 a {  
  font-size: 120%;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 30px;
}
.page-id-17 .bt-readmore, #home-box1 a {
  background: #3333ff !important;
  color: #fff !important;
  border: 1px solid #3333ff !important
}
.page-id-369 .main-content h3.vc_custom_heading {
  margin-bottom: 35px !important;
}
.page-id-369 .main-content .bt-content h3 {
  margin-bottom: -5px !important;
}
.contact-text {
  font-size: 130% !important;
}

.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern {
    color: #fff;
    border-color: #3333ff;
    background-color: #3333ff;
}

.bt-poppins-font {
    font-family: Hind;
}

/*======MOBILE======*/
@media only screen and (max-width : 1000px) {
  #home-box1 {
    margin: 30px auto !important;
  }
}
.bs-masonry.bs-masonry-layout-creative .tbbs-filter-wrap.beoreo-style1{ display:none !important;}