/* 
tone color : f1bc0e ( Color Default )
tone color-dark : C4530B ( Color Default )
tone black : 221E1F , 191B1C , 120E0F
tone white : ECEEE1 , ffffff , F1F1F1 , dbdbdb , e2e2e2
*/
.bg-white {
  background: #ffffff;
}
.bg-color {
  background: #f1bc0e;
}
.bg-black {
  background: #221E1F;
}
.border-gradient-left {
  background-image: -webkit-gradient(linear, right bottom, left bottom, color-stop(0, #f1bc0e), color-stop(0.56, #120e0f));
  background-image: -o-linear-gradient(left, #f1bc0e 0%, #120e0f 56%);
  background-image: -moz-linear-gradient(left, #f1bc0e 0%, #120e0f 56%);
  background-image: -webkit-linear-gradient(left, #f1bc0e 0%, #120e0f 56%);
  background-image: -ms-linear-gradient(left, #f1bc0e 0%, #120e0f 56%);
  background-image: linear-gradient(to left, #f1bc0e 0%, #120e0f 56%);
  height: 3px;
  width: 100%;
}
.border-gradient-right {
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #f1bc0e), color-stop(0.56, #120e0f));
  background-image: -o-linear-gradient(right, #f1bc0e 0%, #120e0f 56%);
  background-image: -moz-linear-gradient(right, #f1bc0e 0%, #120e0f 56%);
  background-image: -webkit-linear-gradient(right, #f1bc0e 0%, #120e0f 56%);
  background-image: -ms-linear-gradient(right, #f1bc0e 0%, #120e0f 56%);
  background-image: linear-gradient(to right, #f1bc0e 0%, #120e0f 56%);
  height: 3px;
  width: 100%;
}
.border-gradient-center {
  background-image: -webkit-gradient(linear, right bottom, left bottom, color-stop(0.03, #f1bc0e), color-stop(0.56, #120e0f), color-stop(0.98, #f1bc0e), color-stop(1, #f1bc0e));
  background-image: -o-linear-gradient(left, #f1bc0e 3%, #120e0f 56%, #f1bc0e 98%, #f1bc0e 100%);
  background-image: -moz-linear-gradient(left, #f1bc0e 3%, #120e0f 56%, #f1bc0e 98%, #f1bc0e 100%);
  background-image: -webkit-linear-gradient(left, #f1bc0e 3%, #120e0f 56%, #f1bc0e 98%, #f1bc0e 100%);
  background-image: -ms-linear-gradient(left, #f1bc0e 3%, #120e0f 56%, #f1bc0e 98%, #f1bc0e 100%);
  background-image: linear-gradient(to left, #f1bc0e 3%, #120e0f 56%, #f1bc0e 98%, #f1bc0e 100%);
  height: 3px;
  width: 100%;
}
.dotstyle-stroke.border-dark li.current a {
  box-shadow: 0 0 0 2px rgba(34, 30, 31, 0.7);
  background-color: rgba(34, 30, 31, 0) !important;
}
.dotstyle.border-dark li a {
  background-color: rgba(34, 30, 31, 0.2);
}
.dotstyle-stroke.border-color li.current a {
  box-shadow: 0 0 0 2px rgba(242, 102, 13, 0.7);
  background-color: rgba(242, 102, 13, 0) !important;
}
.dotstyle.border-color li a {
  background-color: rgba(34, 30, 31, 0.2);
}
.dotstyle-stroke.border-color li.current a {
  box-shadow: 0 0 0 2px #f1bc0e;
}
.text-color {
  color: #f1bc0e !important;
}
.hover-bg-black:hover {
  background: #120E0F!important;
}
.hover-bg-light-black:hover {
  background: #221E1F!important;
}
.hover-bg-white:hover {
  background: #ffffff!important;
}
.hover-bg-color:hover {
  background: #f1bc0e !important;
}
body {
  background-color: #F1F1F1;
}
.btn-nav {
  background: #f1bc0e;
}
.nav-top,
.nav-left {
  background: #fff;
}
.nav-top {
  border-bottom: 1px solid #dbdbdb;
}
.nav-top ul li a,
.nav-left ul li a {
  color: #f1bc0e;
}
.nav-left ul li.active a {
  background: #f1bc0e;
  color: #ffffff;
}
.text-white {
  color: #ffffff!important;
}
.text-gray {
  color: #888!important;
}
.nav-top ul li a:hover {
  background-color: #221E1F;
  color: #fff;
}
.nav-top ul li a.search {
  background-color: #f1bc0e;
  color: #fff!important;
}
.nav-top ul li a.search:hover i {
  color: #fff!important;
}
.nav-left {
  background: #221E1F;
}
.nav-left {
  background: #221E1F;
}
.nav-left ul li a {
  border-bottom: 1px solid #120E0F;
}
.nav-left ul li a:hover {
  background-color: #913d08;
  color: #fff;
}
.nav-left ul li a:hover:after {
  background: #f1bc0e;
  color: #fff;
}
.nav-left ul li a:hover:before {
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #913d08;
}
.modal-header {
  color: #fff;
}
.modal-header .glyphicon-remove {
  color: #fff;
  border-radius: 50%;
}
.btn-ba5nanas-modal {
  color: #ccc;
  background-color: #221E1F;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.btn-ba5nanas-modal:hover {
  color: #fff;
  padding-left: 80px;
}
.btn-ba5nanas-modal:after {
  color: #fff;
  background: #f1bc0e;
}
.btn-ba5nanas-modal:before,
.btn-ba5nanas-modal:hover:before {
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #f1bc0e;
}
.btn-ba5nanas-transparent {
  border: 3px solid #ECEEE1;
  color: #ECEEE1;
}
.dark.btn-ba5nanas-transparent {
  border: 3px solid #221E1F!important;
  color: #221E1F!important;
}
.gray.btn-ba5nanas-transparent {
  border: 3px solid #898989!important;
  color: #898989!important;
}
.btn-ba5nanas-transparent:hover {
  border: 3px solid #f1bc0e !important;
  color: #f1bc0e !important;
}
.box-icon {
  background: #f1bc0e;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #434141;
}
.section-white {
  background: #ffffff;
}
.section-color {
  background: #f1bc0e;
}
.section-gray {
  background: #F1F1F1;
}
.section-black {
  background: #221E1F;
}
.section-dark {
  background: #191B1C;
}
.section-very-dark {
  background: #120E0F;
}
.around-white p,
.around-white i,
.around-white a,
.around-white span,
.around-white div,
.around-white small,
.around-white h1,
.around-white h2,
.around-white h3,
.around-white h4,
.around-white h5,
.around-white h6 {
  color: #ffffff;
  text-decoration: none;
}
.around-black p,
.around-black i,
.around-black a,
.around-black span,
.around-black div,
.around-black small,
.around-black h1,
.around-black h2,
.around-black h3,
.around-black h4,
.around-black h5,
.around-black h6 {
  color: #221E1F;
  text-decoration: none;
}
.hover-around-white:hover p,
.hover-around-white:hover i,
.hover-around-white:hover a,
.hover-around-white:hover span,
.hover-around-white:hover div,
.hover-around-white:hover small,
.hover-around-white:hover h1,
.hover-around-white:hover h2,
.hover-around-white:hover h3,
.hover-around-white:hover h4,
.hover-around-white:hover h5,
.hover-around-white:hover h6 {
  color: #ffffff;
  text-decoration: none;
}
.hover-around-black:hover p,
.hover-around-black:hover i,
.hover-around-black:hover a,
.hover-around-black:hover span,
.hover-around-black:hover div,
.hover-around-black:hover small,
.hover-around-black:hover h1,
.hover-around-black:hover h2,
.hover-around-black:hover h3,
.hover-around-black:hover h4,
.hover-around-black:hover h5,
.hover-around-black:hover h6 {
  color: #221E1F;
  text-decoration: none;
}
.hover-text-color a:hover,
.hover-text-color:hover {
  color: #f1bc0e !important;
  text-decoration: none;
}
.hover-text-white:hover {
  color: #FFFFFF!important;
  text-decoration: none;
}
.ourteam-box:hover .ourteam-position {
  color: #f1bc0e;
  font-weight: 700;
}
.hover-text-title-color:hover .text-title {
  color: #f1bc0e;
  /*-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);*/
}
.btn-ba5nanas-blog {
  color: #898989;
}
.btn-ba5nanas-blog:hover {
  color: #f1bc0e;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
a:hover span,
a:hover i {
  color: #f1bc0e !important;
}
.icon-title-blog a {
  color: #221E1F;
  border-left: 1px solid #e2e2e2;
}
.icon-title-blog a:hover {
  color: #f1bc0e;
}
.hover-text-title-color:first-child {
  border-left: 0px solid #e2e2e2!important;
}
.hover-text-title-color {
  border-left: 1px solid #e2e2e2;
  min-height: 150px;
}
hr {
  border-color: #e2e2e2;
}
.navigation-isotope a {
  color: #221E1F;
  font-style: italic;
  margin-left: -4px;
}
.navigation-isotope a:hover {
  color: #f1bc0e;
}
.navigation-isotope a.active {
  color: #f1bc0e;
  font-weight: 700;
}
.navigation-isotope a:before {
  content: ' / ';
  color: #000;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 21px;
  margin-right: 10px;
}
.navigation-isotope a:first-child:before {
  content: '';
  color: #000;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 21px;
  margin-left: 10px;
}
.progress-bar {
  background-color: #f1bc0e;
}
.wrapper-hover article nav.social-work a {
  color: #ffffff;
  border-radius: 50%;
  border: 1px solid #ffffff;
  padding: 5px 8px;
  padding-top: 7px;
  margin: 10px 5px;
  display: inline-block;
  font-size: 11px;
}
.wrapper-hover article nav.social-work a:hover,
.wrapper-hover article header a:hover {
  color: #f1bc0e;
  border-color: #f1bc0e;
}
.wrapper-hover article header a {
  color: #ffffff;
}
.text-hover-color:hover {
  color: #f1bc0e !important;
}
.box-shadow {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.hover-box-shadow:hover {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.box-shadow-soft {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.hover-box-shadow-soft:hover {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.border-gray {
  border: 1px solid #ECEEE1;
}
.nav-tabs > li.active > a {
  background: #f1bc0e;
  color: #fff!important;
}
.nav-tabs > li > a:hover {
  background: #913d08 !important;
  color: #fff!important;
}
.owl-theme .owl-controls .owl-page span {
  background: #221E1F;
}
.owl-theme .owl-controls .owl-page.active span {
  background: #f1bc0e;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #f1bc0e;
  border-color: #f1bc0e;
  cursor: default;
}
.pagination > li > a,
.pagination > li > span {
  color: #f1bc0e;
  margin: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #913d08;
  border-color: #913d08;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  background-color: #fff;
  cursor: not-allowed;
}
.pagination > .disabled a,
.pagination > .disabled:hover a {
  background-color: #221E1F;
  color: #fff;
}
.cd-active.cd-dropdown > span {
  color: #f1bc0e;
}
.cd-active.cd-dropdown ul li span:hover {
  background: #f1bc0e;
}
ul.navigation-item li a {
  color: #bcbcbc;
  border-bottom: 1px solid #eee;
}
ul.navigation-item li a:hover {
  background: #f1bc0e;
  border-bottom: 1px solid #f1bc0e;
  color: #fff;
}