body{
          font-family: Arail, sans-serif;
      }
      .enq-btn{
        background: #000;
        color:#fff;
        border-radius: 3px;
        margin-left: 10px
      }     
      .result{
          position: absolute;        
          z-index: 999;
          top: 100%;
          margin-top:auto;
          left: 0;
      }
      .search-box  .result{
          width: 100%;
          box-sizing: border-box;
      }
      /* Formatting result items */
      .result p{
          background-color:#fff;
          margin: 0;
          padding: 7px 10px;
          border: 1px solid #CCCCCC;
          border-top: 10px;
          cursor: pointer;
      }
      .result p:hover{
          background: #f2f2f2;
      }
      .profileMenu tr td a{ color: #333 }
      .activeProfile{ color: #000080 !important }

      
      .radio-format {
    margin-right: 3px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.radio-format > input[type="radio"] {
    display: none;
}
.color-format > input[type="radio"]:checked + label.radio-option {
    opacity: 0.6;
  /* border: none !important;*/

}
.radio-format > input[type="radio"]:checked + label.radio-option {
   /* border: 2px solid #bbb;*/
}
.color-format .radio-option {
    background: none;
}
.radio-format > .radio-option {
    line-height: 1;
 
    border: 2px solid transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
}
.field-icon {
  float: right;
  margin-right:5px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
}
.profile_menu{
  margin-left: -30px
}
.profile_menu li{
  list-style: none;
}
.table tr th{
  line-height: 25px
}
.product_list li a{
  color: #000
}
.category{
  list-style: none;
  margin-left: -45px;

}
.category li{
             padding:  10px;
    border-bottom: solid 1px #e4e4e4;
   
}
.category li a{
  color: #000
}
.category li .active{
  font-weight: bold;
  color: #f76d2b;
}



.exo-menu{
  width: 100%;
  float: left;
  list-style: none;
  position:relative;
}
.exo-menu > li { /* display: inline-block;*/
  float:left; margin-bottom: 0}
.exo-menu > li > a{
  color: #ccc;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 1px #365670 dotted;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
  background:#ef7f1a;
  color:#fff;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}

li.drop-down>ul{
  left: 0px;
  min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #000080;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
  color: #000080;
  display: block;
  padding: 10px 22px;
  text-decoration: none;
  background-color: #eee;
  border-bottom: 1px dotted #547787;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
  border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display:none;
  height: 100%;
  padding: 15px;
  min-width: 742px;
  margin:0 10px;

}
h4.row.mega-title {
  color:#eee;
  margin: 0;
  font-size: 14px;
  padding-left: 0;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/
.flyout-right{
  margin-bottom: 0;
}
.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
h4.row.mega-title {
  color: #000080;
  margin-top: 0px;
  font-size: 14px;
/*  padding-left: 15px;
*/  padding-bottom: 13px;
  text-transform: uppercase;
  /*border-bottom: 1px solid #547787;*/
  padding-top: 15px;
 /* background-color: #365670*/
  }
 .mega-menu ul li a {
  line-height: 17px;
  font-size: 90%;
  display: block;
}
h4.row.mega-title a{color: #000080;}
/*.stander{
  margin-left: 18px !important;
}*/
ul.stander li{
  /*list-style: disc;*/
  border-bottom: 1px solid #c6c6c6;
  text-indent: 0px;
  padding-left: 10px
  /*margin-left: 10px;*/
 /*padding-left: 18px;*/
}
ul.stander li:last-child{
    border-bottom: none !important;

}
ul.stander li a {
    padding: 6px 0px;
    color: #333;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  /*background-color: #009FE1;
*/  padding: 2px 0 !important;
  line-height: 21px !important;
  display: inline-block !important;
  color: #ef7f1a;
  font-weight: bold;
  list-style: none !important;
}
a.view-more:hover{
  color:#000080;
 /* background:#0DADEF;*/
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
  left:0;
  display:none;
  color:#fefefe;
  padding-top:15px;
  background:#547787;
  padding-bottom:15px;
}
.Blog .blog-title{
  color:#fff;
  font-size:15px;
  text-transform:uppercase;

}
.Blog .blog-des{
  color:#ccc;
  font-size:90%;
  margin-top:15px;
}
.Blog a.view-more{
  margin-top:0px;
}
/*Images*/
.Images{
  left:0;
   width:100%;
   display:none;
  color:#fefefe;
  padding-top:15px;
  background:#547787;
  padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
  /*background-color: #fff;*/
 
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
  display:block;
}
/*responsive*/
.exo-menu > li > a{
  /*font-weight: bold;*/
  color: #fff;
  
 }
 @media (min-width:767px){
  .exo-menu > li > a{
  display:block;
  padding: 20px 22px;

 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
    position:absolute;
}
 .flyout-right>ul{
  left: 100%;
  }
  .flyout-left>ul{
  right: 100%;
}
 }
@media (max-width:767px){

  .exo-menu {
    min-height: 58px;
/*    background-color: #23364B;
*/    width: 100%;
  }
  
  .exo-menu > li > a{
    width:100% ;
      display:block ;
      padding: 12px 20px;
  
  }
  .exo-menu > li{
    width:100%;
  }
  .display.exo-menu > li > a{
    display:block ;
      padding: 20px 22px;
  }
  
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
    position:relative;
}

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
#navbarContent{
  background: #000080;
}
.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/



.text-uppercase {
  letter-spacing: 0.08em;
}

.size15{
  font-size: 15px !important;
}