/*========================================================================*/

/*   TABLE OF CONTENT

/*========================================================================*/

/*

/* 01. Accordion basic styles

        1.1 Expand/Collapse box style.

    02. Accordion search container

    03. Accordion title bar & Themes 

        3.1 Default theme(Olive)

        3.2 Red theme 

        3.3 Blue theme

        3.4 Green theme

        3.5 Orange theme

        3.6 Yellow theme

        3.7 Custom theme

 

/*========================================================================*/

/***********************************************************************************************/

/* 01. Accordion basic styles */

/***********************************************************************************************/

.bwl_acc_container {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-smooth: always;

  max-width: 100%;

  margin: 0 auto;

}

/***********************************************************************************************/

/* 1.1: Expand/Collapse Box. */

/***********************************************************************************************/

.acc-ctrl-btn {

  padding: 0;

  margin: 0 0 12px 0;

  box-sizing: border-box;

  text-align: right;

  display: block;

  clear: both;

  width: 100%;

}

.acc-ctrl-btn .acc-expand-all,

.acc-ctrl-btn .acc-collapsible-all {

  width: 24px;

  height: 24px;

  border: 1px solid #CCCCCC;

  font-size: 12px;

  text-align: center;

  display: inline-block;

  cursor: pointer;

}

.acc-ctrl-btn .acc-expand-all {

  margin-right: 5px;

}



/***********************************************************************************************/

/* 03. Accordion title bar & Themes */

/***********************************************************************************************/

h2.acc_title_bar {

  font-family: 'rajdhanimedium';

  padding: 0;

  margin: 0 0 10px 0;

  height: 74px;

  line-height: 74px;

  display: block;

  background: transparent;

  overflow: hidden;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

  -webkit-transition: font-size 0.5s 0.1s ease-in;

  -moz-transition: font-size 0.5s 0.1s ease-in;

  -o-transition: font-size 0.5s 0.1s ease-in;

  transition: font-size 0.5s 0.1s ease-in;

}

h2.acc_title_bar a {

  color: #ffffff;

  text-decoration: none;

  display: block;

  padding: 0 0 0 110px; font-size:20px;

  position: relative;

}

h2.acc_title_bar a:after {

  z-index: 1;

  left: 30px;

  top: 0;

  content: '';

  position: absolute;

  display: inline-block;

  width: 7px;

  height: 74px;

  line-height: 74px;

  background: transparent;

  -webkit-transform: skewX(50deg);

  -moz-transform: skewX(50deg);

  -ms-transform: skewX(50deg);

  -o-transform: skewX(50deg);

  transform: skewX(50deg);

  -webkit-transition: 0.5s 0.2s ease-out;

  -moz-transition: 0.5s 0.2s ease-out;

  -o-transition: 0.5s 0.2s ease-out;

  transition: 0.5s 0.2s ease-out;

}

h2.acc_title_bar a:before {

  z-index: 2;

  content: "\f054";

  font-family: 'FontAwesome';

  display: inline-block;

  width: 75px;

  height: 74px;

  line-height: 74px;

  background: transparent;

  position: absolute;

  left: 0;

  top: 0;

  text-align: center;

  overflow: hidden;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

}

h2.acc_title_bar a:hover {

  color: #f0f0f0;

}

h2.acc_title_bar a:hover:before {

  content: "\f067";

  font-family: 'FontAwesome';

  display: inline-block;

  width: 75px;

  height: 74px;

  line-height: 74px;

  background: transparent;

  position: absolute;

  left: 0;

  top: 0;

}



/***********************************************************************************************/

/* 3.1 Default theme */

/***********************************************************************************************/

h2.default-title-bar {

  background: #2c2c2c;

}

h2.default-title-bar a {

  color: #ffffff;

}

h2.default-title-bar a:after {

  background: #ee2024;

}

h2.default-title-bar a:before {

  background: #eb9645;

}

h2.default-title-bar a:hover {

  color: #f0f0f0;

}

h2.default-title-bar a:hover:before {

  background: #ec3135;

}

h2.default-title-bar-active {

  background: #121212;

}

h2.default-title-bar-active a {

  color: #f0f0f0;

}

h2.default-title-bar-active a:after {

  -webkit-transform: skewX(0deg);

  -moz-transform: skewX(0deg);

  -ms-transform: skewX(0deg);

  -o-transform: skewX(0deg);

  transform: skewX(0deg);

  background: #cfcf4d;

}

h2.default-title-bar-active a:before {

  content: "\f068";

  background: #ee2024;

}

h2.default-title-bar-active a:hover {

  color: #f0f0f0;

}

h2.default-title-bar-active a:hover:before {

  content: "\f068";

  background: #ee2024;

}



/***********************************************************************************************/

/* 04. Accordion content */

/***********************************************************************************************/

div.acc_container {

  margin: -10px 0 2px 0;

  padding: 0;

  overflow: hidden;

  clear: both;

  /*background: #fbfbfb;*/

  border: 1px solid #2c2c2c; border-top:0;

  display: none;

}

div.acc_container .block {

  padding: 0 12px; color:#bfbfbf;

}



/***********************************************************************************************/

/* 09. Responsive styling */

/***********************************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {

  h2.acc_title_bar {

    min-height: 46px;

    line-height: 18px;

    font-size: 14px;

  }

  h2.acc_title_bar a {

    color: #ffffff;

    text-decoration: none;

    display: block;

    padding: 28px 2px 0 90px;

    position: relative;

    height: 100%;

  }

  h2.nav_circle a::after,

  h2.nav_arrow a::after {

    display: none;

  }

}

@media only screen and (min-width: 0px) and (max-width: 479px) {

  h2.acc_title_bar {

    min-height: 46px;

    line-height: 24px;

    font-size: 13px;

  }

  h2.acc_title_bar a {

    color: #ffffff;

    text-decoration: none;

    display: block;

    padding: 28px 2px 0 90px;

    position: relative;

    height: 100%;

    line-height: 14px;

  }

  h2.nav_circle a::after,

  h2.nav_arrow a::after {

    display: none;

  }

  h2.rtl-title-bar a {

    padding: 0px 56px 0 0;

  }

}

h2.acc_title_bar a:after {
    z-index: 1;
    width: 0!important;
    height: 0!important;
    border-top: 50px solid transparent;
    border-left: 100px solid #eb9645;
    border-bottom: 50px solid transparent;
    left: 3px;
    top: -14px;
    content: '';
    position: absolute;
    display: none!important;
    display: inline-block;
    width: 7px;
    height: 74px;
    line-height: 74px;
    background: transparent;
     -webkit-transform: inherit!important; 
    -moz-transform: inherit!important;
    -ms-transform: inherit!important;
    -o-transform: inherit!important;
     transform: skewX(50deg)inherit!important; 
    -webkit-transition: 0.5s 0.2s ease-out;
    -moz-transition: 0.5s 0.2s ease-out;
    -o-transition: 0.5s 0.2s ease-out;
    transition: 0.5s 0.2s ease-out;
    background: inherit!important;
}
h2.default-title-bar a:hover:before {
    background: #eb9645!important;
}
h2.acc_title_bar a:hover:before {
    content: "\f054"!important;
  }

  h2.default-title-bar:hover {
    background: #a2c942;
}