@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:400,500,700,900');
html,
body {
  height: 100%;
  font-size: 14px;
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
  font-weight: 400;
}
/* ....................................
1.1 Reset CSS 
.......................................*/
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 26px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 26px;
}
.aligncenter {
  display: block;
  margin: 0 auto 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 26px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}
a {
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #f58942;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
  color: #b0360a;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
::-moz-selection {
  background: #f58942;
  text-shadow: none;
}
::selection {
  background: #f58942;
  text-shadow: none;
}
.browserupgrade {
  margin: 26px  0;
  background: #f58942;
  color: #333333;
  padding: 26px 0;
}
.acurate {
  margin: 0;
  padding: 0;
}
.mobile-menu-area {
  display: none;
}
.mean-container .mean-nav {
  position: absolute;
  top: 100%;
}
.form-control::-moz-placeholder {
  color: #444444;
}
.bg-greyf1{
	background-color: #F8F8F8;
}
.section-title h2 {
  font-size: 36px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
}
.section-title h2 span {
  color: #f58942;
  font-weight: 600;
}
.section-title p {
  padding: 0 300px;
}
.section-title-two h2 {
  font-size: 36px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
  -webkit-animation: zoomIn 500ms ease-in-out;
  -moz-animation: zoomIn 500ms ease-in-out;
  -ms-animation: zoomIn 500ms ease-in-out;
  animation: zoomIn 500ms ease-in-out;
}
.section-title-two h2 span {
  color: #f58942;
  font-weight: 600;
}
.section-title-two h2 img {
  margin: 0 15px;
}
.section-title-two p {
  padding: 0 300px;
}
.section-title3 h2 {
  font-size: 36px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
  -webkit-animation: zoomIn 500ms ease-in-out;
  -moz-animation: zoomIn 500ms ease-in-out;
  -ms-animation: zoomIn 500ms ease-in-out;
  animation: zoomIn 500ms ease-in-out;
}
.section-title3 h2 span {
  font-weight: 600;
  color: #ffffff;
  padding: 10px 25px;
  background: url(images/about/bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.read-more {
  display: inline-block;
}
.read-more a {
  border: 2px solid #f58942;
  color: #f58942;
  padding: 10px 30px;
  display: block;
  font-size: 16px;
  font-weight: 600px;
  transition: all 0.5s ease 0s;
}
.read-more a:hover {
  background: #f58942;
  color: #ffffff;
}
.read-more-pro {
  display: inline-block;
}
.read-more-pro a {
  border: 2px solid #f58942;
  color: #f58942;
  padding: 2px 8px;
  display: block;
  font-size: 14px;
  margin-left:15px;
  margin-bottom:30px;
  font-weight:normal;
  transition: all 0.5s ease 0s;
}
.read-more-pro a:hover {
  background: #f58942;
  color: #ffffff;
}
.padding-top {
  padding-top: 60px;
}
/*.....................................
2.Header Area Start Here 
.......................................*/
.header-area .logo-area {
  text-align: left;
  margin-top: 7px;
  padding-left:30px;
}
.header-area .logo-area a {
  display: block;
}
.header-area .logo-area a img {
  text-align: center;
}
.header-area .main-menu ul {
  margin: 0;
  padding: 0;
  padding-right:40px;
  text-align: right;
}
.header-area .main-menu ul li {
  display: inline-block;
  padding: 38px 20px;
  position: relative;
  /* Dropdown Menu area */
}
.header-area .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
.header-area .main-menu ul li.megamenu .mega-menu-area {
  background: #2c2c2c none repeat scroll 0 0;
  right: -257%;
  opacity: 0;
  padding: 40px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 790px;
  z-index: 99999;
  margin-top: 0px;
  top: 100%;
}
.header-area .main-menu ul li.megamenu .mega-menu-area .single-mega-menu {
  float: left;
  width: 25%;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
.header-area .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
.header-area .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #f58942 !important;
  padding-left: 7px;
}
.header-area .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-weight: normal;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
.header-area .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
.header-area .main-menu ul li.active a {
  color: #f58942;
}
.header-area .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
.header-area .main-menu ul li:hover a {
  color: #f58942;
}
.header-area .main-menu ul li:after {
  position: absolute;
}
.header-area .main-menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 350px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
.header-area .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0 !important;
}
.header-area .main-menu ul li ul li:after {
  display: none;
}
.header-area .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
.header-area .main-menu ul li ul li a {
  display: block;
  padding: 6px 27px !important;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
  font-size: 14px;
}
.header-area .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #f58942 !important;
}
.header-area .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.header-area .right-area {
  background: #f58942;
  padding: 25px 50px;
  color: #ffffff;
  position: relative;
}
.header-area .right-area:before {
  border-color: transparent #f58942;
  border-style: solid;
  border-width: 102px 75px 0px 0px;
  content: "";
  height: 0;
  left: -75px;
  position: absolute;
  top: 0px;
  width: 0;
}
.header-area .right-area ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
.header-area .right-area ul li {
  display: block;
}
.header-area .right-area ul li:first-child {
  font-size: 14px;
}
.header-area .right-area ul li:last-child {
  font-weight: normal;
  font-size: 14px;
}
.stick {
  background: #fff;
  left: 0;
  margin: 0 auto !important;
  position: fixed !important;
  right: 0;
  top: 0;
  padding: 0;
  transition: all 1s;
  z-index: 999999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.stick .logo-area {
  text-align: left;
  margin-top:0px;
}
.stick .logo-area a {
  display: block;
}
.stick .logo-area a img {
  text-align: center;
}

.stick.header-three-bottom {
  background: #000 !important;
  z-index: 999999 !important;
}
.stick.header-three-bottom .main-menu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.stick.header-three-bottom .main-menu ul li {
  display: inline-block;
  padding: 25px 10px !important;
  position: relative;
  /* Dropdown Menu area */
}
.stick.header-three-bottom .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
.stick.header-three-bottom .main-menu ul li.megamenu .mega-menu-area {
  background: #2c2c2c none repeat scroll 0 0;
  right: -257%;
  opacity: 0;
  padding: 40px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 790px;
  z-index: 9999;
  margin-top: 0px;
  top: 100%;
}
.stick.header-three-bottom .main-menu ul li.megamenu .mega-menu-area .single-mega-menu {
  float: left;
  width: 25%;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
.stick.header-three-bottom .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
.stick.header-three-bottom .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #f58942 !important;
  padding-left: 7px;
}
.stick.header-three-bottom .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000 !important;
  font-weight: normal;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
.stick.header-three-bottom .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick.header-three-bottom .main-menu ul li.active a {
  color: #f58942;
}
.stick.header-three-bottom .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick.header-three-bottom .main-menu ul li:hover a {
  color: #f58942;
}
.stick.header-three-bottom .main-menu ul li:after {
  position: absolute;
}
.stick.header-three-bottom .main-menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
.stick.header-three-bottom .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0 !important;
}
.stick.header-three-bottom .main-menu ul li ul li:after {
  display: none;
}
.stick.header-three-bottom .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
.stick.header-three-bottom .main-menu ul li ul li a {
  display: block;
  padding: 6px 27px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
.stick.header-three-bottom .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #f58942 !important;
}
.stick.header-three-bottom .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.stick .main-menu ul {
  margin: 0;
  padding: 0;
  padding-right:40px;
  text-align: right;
}
.stick .main-menu ul li {
  display: inline-block;
  padding: 25px 10px !important;
  position: relative;
  /* Dropdown Menu area */
}
.stick .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
.stick .main-menu ul li.megamenu .mega-menu-area {
  background: #2c2c2c none repeat scroll 0 0;
  right: -257%;
  opacity: 0;
  padding: 40px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 790px;
  z-index: 9999;
  margin-top: 0px;
  top: 100%;
}
.stick .main-menu ul li.megamenu .mega-menu-area .single-mega-menu {
  float: left;
  width: 25%;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
.stick .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
.stick .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #f58942 !important;
  padding-left: 7px;
}
.stick .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-weight: normal;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
.stick .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick .main-menu ul li.active a {
  color: #f58942;
}
.stick .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick .main-menu ul li:hover a {
  color: #f58942;
}
.stick .main-menu ul li:after {
  position: absolute;
}
.stick .main-menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 350px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
.stick .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0 !important;
}
.stick .main-menu ul li ul li:after {
  display: none;
}
.stick .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
.stick .main-menu ul li ul li a {
  display: block;
  padding: 6px 27px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
  font-size: 14px;
}
.stick .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #f58942 !important;
}
.stick .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.stick .right-area {
  background: #f58942;
  padding: 12px 45px !important;
  color: #ffffff;
  position: relative;
}
.stick .right-area:before {
  border-color: transparent #f58942;
  border-style: solid;
  border-width: 76px 75px 0px 0px;
  content: "";
  height: 0;
  left: -75px;
  position: absolute;
  top: 0px;
  width: 0;
}
.stick .right-area ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
.stick .right-area ul li {
  display: block;
}
.stick .right-area ul li:first-child {
  font-size: 14px;
}
.stick .right-area ul li:last-child {
  font-weight: 700;
  font-size: 14px;
}
/*----------------------------------------
 03. Start Slider Area
----------------------------------------*/
.slider-area {
  position: relative;
}
.slider-overlay .nivoSlider .nivo-caption {
  color: #444444;
  padding: 0;
  opacity: 1;
}
.slider-overlay .nivoSlider .nivo-caption:after {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.slider-overlay-dark .nivoSlider .nivo-caption {
  color: #444444;
  padding: 0;
  opacity: 1;
}
.slider-overlay-dark .nivoSlider .nivo-caption:after {
  background: rgba(3, 23, 34, 0.6);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.slider-area-one .nivoSlider .nivo-caption {
  color: #444444;
  padding: 0;
  opacity: 1;
}
.slider-area-one .nivoSlider .slider-content {
  position: relative;
  z-index: 99;
}
.slider-area-one .nivoSlider .slider-content .large-title {
  color: #333;
  font-size: 48px;
  font-weight: 500;
  text-align: left;
  -webkit-animation: fadeInLeft 1000ms ease-in-out;
  -moz-animation: fadeInLeft 1000ms ease-in-out;
  -ms-animation: fadeInLeft 1000ms ease-in-out;
  animation: fadeInLeft 1000ms ease-in-out;
}
.slider-area-one .nivoSlider .slider-content p {
  color: #333;
  font-size: 14px;
  text-align: left;
  padding: 0;
  width: 50%;
  -webkit-animation: fadeInLeft 1500ms ease-in-out;
  -moz-animation: fadeInLeft 1500ms ease-in-out;
  -ms-animation: fadeInLeft 1500ms ease-in-out;
  animation: fadeInLeft 1500ms ease-in-out;
}
.slider-area-one .nivoSlider .slider-content .slider-btn-area {
  display: block;
  margin-top: 40px;
  text-align: left;
  -webkit-animation: fadeInLeft 2000ms ease-in-out;
  -moz-animation: fadeInLeft 2000ms ease-in-out;
  -ms-animation: fadeInLeft 2000ms ease-in-out;
  animation: fadeInLeft 2000ms ease-in-out;
}
.slider-area-one .nivoSlider .slider-content .slider-btn-area a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942;
  border: 1px solid #f58942;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area-one .nivoSlider .slider-content .slider-btn-area a:hover {
  background: #b0360a;
}
.slider-area-one .nivoSlider .slider-content .slider-con-2 .large-title {
  text-align: right;
  -webkit-animation: fadeInRight 1000ms ease-in-out;
  -moz-animation: fadeInRight 1000ms ease-in-out;
  -ms-animation: fadeInRight 1000ms ease-in-out;
  animation: fadeInRight 1000ms ease-in-out;
}
.slider-area-one .nivoSlider .slider-content .slider-con-2 p {
  text-align: right;
  width: 100%;
  padding-left: 50%;
  -webkit-animation: fadeInRight 1500ms ease-in-out;
  -moz-animation: fadeInRight 1500ms ease-in-out;
  -ms-animation: fadeInRight 1500ms ease-in-out;
  animation: fadeInRight 1500ms ease-in-out;
}
.slider-area-one .nivoSlider .slider-content .slider-con-2 .slider-btn-area {
  text-align: right;
  -webkit-animation: fadeInRight 2000ms ease-in-out;
  -moz-animation: fadeInRight 2000ms ease-in-out;
  -ms-animation: fadeInRight 2000ms ease-in-out;
  animation: fadeInRight 2000ms ease-in-out;
}
.slider-area-one .nivoSlider .slider-content .slider-btn-area .btn-fill-round {
  display: inline-block;
  background: #cb011b;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 14px 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slider-area-one .nivoSlider .slider-content .slider-btn-area .btn-fill-round:hover {
  background: #a51c2d;
}
.slider-area-one .nivoSlider .slider-content .slider-btn-area .btn-fill-round i {
  padding-left: 15px;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-prevNav {
  left: -15%;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-prevNav:before {
  background: #ffffff;
  color: #222222;
  position: absolute;
  display: block;
  font-family: 'FontAwesome';
  content: "\f104";
  font-size: 24px;
  height: 50px;
  width: 40px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-prevNav:hover:before {
  background: #f58942;
  color: #ffffff;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-nextNav {
  right: -15%;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-nextNav:before {
  background: #ffffff;
  color: #222222;
  display: block;
  font-family: 'FontAwesome';
  position: absolute;
  content: "\f105";
  font-size: 24px;
  height: 50px;
  width: 40px;
  line-height: 50px;
  text-align: center;
  z-index: 999;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-nextNav:hover:before {
  background: #f58942;
  color: #ffffff;
}
.slider-area-one .nivo-controlNav {
  padding: 0;
}
.slider-area-one:hover .nivoSlider .nivo-directionNav a.nivo-prevNav {
  left: 2%;
}
.slider-area-one:hover .nivoSlider .nivo-directionNav a.nivo-nextNav {
  right: 2%;
}
.slider-content-center .nivoSlider .slider-content .large-title {
  color: #ffffff;
  text-align: center;
}
.slider-content-center .nivoSlider .slider-content .large-upper-title {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
.slider-content-center .nivoSlider .slider-content p {
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
}
.slider-content-center .nivoSlider .slider-content .slider-btn-area {
  text-align: center;
}
.preview-1 .nivo-directionNav a {
  text-indent: 0;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-prevNav {
  left: 0px;
}
.slider-area-one .nivoSlider .nivo-directionNav a.nivo-nextNav {
  right: 10px;
}
.slider-area-one:hover .nivoSlider .nivo-directionNav a.nivo-prevNav {
  left: 20px;
}
.slider-area-one:hover .nivoSlider .nivo-directionNav a.nivo-nextNav {
  right: 30px;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-prevNav:hover:before {
  background: #b0360a !important;
  color: #ffffff !important;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 50px;
  transition: all 0.5s ease 0s;
  border: 1px solid #b0360a !important;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-prevNav:before {
  color: #ffffff !important;
  border: 1px solid rgba(251, 91, 36, 0.3) !important;
  background: rgba(251, 91, 36, 0.3) !important;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-nextNav:hover:before {
  background: #b0360a !important;
  color: #ffffff !important;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 50px;
  transition: all 0.5s ease 0s;
  border: 1px solid #b0360a !important;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-nextNav:before {
  color: #ffffff !important;
  border: 1px solid rgba(251, 91, 36, 0.3) !important;
  background: rgba(251, 91, 36, 0.3) !important;
}
.slider-area .slider-1 .title-container {
  text-align: right;
  padding-right: 15%;
}
.slider-area .slider-1 .title-container h1 {
  font-size: 60px;
  color: #000000;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 700;
}
.slider-area .slider-1 .title-container h1 span {
  color: #ff5722;
}
.slider-area .slider-1 .title-container div.title2 {
  font-size: 18px;
  color: #000000;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 0 0 59%;
}
.slider-area .slider-1 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-1 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-1 .title-container div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942;
  border: 1px solid #f58942;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area .slider-1 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #000000;
  border: 1px solid #000000;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area .slider-2 h1 {
  font-size: 48px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 0px 260px 0 0;
  font-weight: 700;
}
.slider-area .slider-2 h1 span {
  color: #ff5722;
}
.slider-area .slider-2 div.title2 {
  font-size: 18px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 260px 0 50%;
  text-align: right;
}
.slider-area .slider-2 div.slider-botton {
  display: block;
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 260px;
}
.slider-area .slider-2 div.slider-botton ul li {
  display: inline-block;
}
.slider-area .slider-2 div.slider-botton ul li:first-child {
  margin-right: 0px;
}
.slider-area .slider-2 div.slider-botton ul li.active {
  margin-right: 5px;
}
.slider-area .slider-2 div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942 !important;
  border: 1px solid #f58942 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area .slider-2 div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area .slider-2 div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area .slider-3 .title-container {
  text-align: left;
  padding-left: 15%;
}
.slider-area .slider-3 .title-container h1 {
  font-size: 48px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area .slider-3 .title-container h1 span {
  color: #f58942;
}
.slider-area .slider-3 .title-container div.title2 {
  font-size: 18px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 60% 0 0;
}
.slider-area .slider-3 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-3 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-3 .title-container div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942;
  border: 1px solid #f58942;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area .slider-3.color-two .title-container div.slider-botton ul li.acitve a {
  background: #f58942 !important;
  border: none;
}
.slider-area .slider-3.color-two .title-container div.slider-botton ul li.acitve a:hover {
  background: #b0360a !important;
  border: none;
}
.slider-area .slider-3 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two .slider-1 .title-container {
  text-align: right;
  padding-right: 15%;
}
.slider-area.slider-area-two .slider-1 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two .slider-1 .title-container h1 span {
  color: #7ac143;
}
.slider-area.slider-area-two .slider-1 .title-container div.title2 {
  font-size: 14px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 0 0 50%;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942 !important;
  border: 1px solid #f58942 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area.slider-area-two .slider-3 .title-container {
  text-align: left;
  padding-left: 15%;
}
.slider-area.slider-area-two .slider-3 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two .slider-3 .title-container h1 span {
  color: #7ac143;
}
.slider-area.slider-area-two .slider-3 .title-container div.title2 {
  font-size: 14px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 50% 0 0;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942 !important;
  border: 1px solid #f58942 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container {
  text-align: right;
  padding-right: 15%;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.title2 {
  font-size: 14px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 0 0 50%;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942 !important;
  border: 1px solid #f58942 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container {
  text-align: left;
  padding-left: 15%;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.title2 {
  font-size: 14px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 50% 0 0;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li.acitve a {
  font-size: 14px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942 !important;
  border: 1px solid #f58942 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #b0360a !important;
  border: 1px solid #b0360a !important;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.preview-2 .nivo-controlNav a:hover,
.preview-2 .nivo-controlNav a.active {
  background: #f58942 !important;
  cursor: pointer;
  border: 1px solid #f58942 !important;
}
#particles-js {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url("images/slider/3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 9999;
}
#particles-js:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.slider-content-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  text-align: center;
  display: block;
  z-index: 9999;
  color: #fff;
}
.slider-content-area h1 {
  color: #fff;
  text-transform: uppercase;
}
.slider-content-area p {
  color: #fff;
}
.slider-content-area a {
  font-size: 14px;
  display: inline-block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #f58942;
  border: 1px solid #f58942;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-content-area a:hover {
  background: #b0360a;
}
.slider-area .slider-5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slider-area .slider-5:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}
.slider-area .slider-5 .slider-content-area p {
  width: 50%;
  display: inline-block;
}
.slider-area .slider-5 .slider-content-area ul li {
  display: inline-block;
  padding: 0 5px;
}
.cd-words-wrapper {
  text-align: center !important;
}
/* ------------------------------------
4.Home Page About Section Start Here 
---------------------------------------*/
.home-about-area {
  margin-top: -27px;
  padding: 0 0 100px;
}
.home-about-area .about-images {
  position: relative;
  margin-top:120px;
  overflow: hidden;
}
.home-about-area .about-images a {
  display: block;
}
.home-about-area .about-images a img {
  width: 100%;
}
.home-about-area .about-content {
  padding: 100px 0 60px;
}
.home-about-area .about-content p {
  padding: 15px 0 15px 0;
  font-size: 14px;
}
.home-about-area .ab-count {
  background-size: cover;
  background-position: center;
}
.home-about-area .ab-count .about-counter-list {
  color: #ffffff;
  text-align: left;
  display: block;
  text-align:center;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  padding: 100px 0;
  transition: all 0.5s ease 0s;
}
.home-about-area .ab-count .about-counter-list:hover .overley {
  background: rgba(251, 91, 33, 0.8);
}
.home-about-area .ab-count .about-counter-list:hover .overley .informations span {
  width: 55px;
  height: 55px;
  line-height: 55px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.home-about-area .ab-count .about-counter-list .overley {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
}
.home-about-area .ab-count .about-counter-list .overley .informations {
  left: 0;
  margin-top: 0px;
  width: 100%;
  transition: .5s;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0%;
  transform: translateY(50%);
}
.home-about-area .ab-count .about-counter-list .overley .informations span {
  width: 55px;
  height: 55px;
  line-height: 55px;
  border: 1px solid #ffffff;
  display: block;
  margin: auto;
  margin-bottom: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 0.5s ease 0s;
}
.home-about-area .ab-count .about-counter-list .overley .informations span i {
  color: #ffffff;
  z-index: 999;
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  font-style: normal;
  font-size: 20px;
}
.home-about-area .ab-count .about-counter-list.part-one {
  background: url(images/counter/1.jpg) no-repeat;
  background-size: cover;
}
.home-about-area .ab-count .about-counter-list.part-two {
  background: url(images/counter/2.jpg) no-repeat;
  background-size: cover;
}
.home-about-area .ab-count .about-counter-list.part-three {
  background: url(images/counter/3.jpg) no-repeat;
  background-size: cover;
}
.home-about-area .ab-count .about-counter-list h1.about-counter {
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  margin: auto;
  margin-bottom: 10px;
  color: #ffffff;
  position: relative;
}
.home-about-area .ab-count .about-counter-list p {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
}
/* ------------------------------------
5.Home Trainer Area Start Here 
---------------------------------------*/
.home-trainer-area {
  padding: 100px 0;
  background: url(images/product/bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.home-trainer-area .section-title h2 {
  color: #000000;
  font-weight: 700;
}
.home-trainer-area .section-title h2 span {
  color: #ffffff;
}
.home-trainer-area .section-title p {
  color: #ffffff;
  padding: 25px 300px;
}
.home-trainer-area .team-area .single-team {
  position: relative;
  overflow: hidden;
  margin: 0 15px;
  transition: all 0.5s ease 0s;
}
.home-trainer-area .team-area .single-team:hover .images .overley {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
  background: rgba(5, 51, 67, 0.9);
}
.home-trainer-area .team-area .single-team:hover .images .social-media {
  opacity: 1;
  top: 10%;
}
.home-trainer-area .team-area .single-team .images a {
  display: block;
}
.home-trainer-area .team-area .single-team .images a img {
  width: 100%;
}
.home-trainer-area .team-area .single-team .images .overley {
  transition: all 0.5s ease 0s;
  position: absolute;
  bottom: -122px;
  left: 0;
  right: 0;
  text-align: left;
  /*background: rgba(255, 255, 255, 0.9);*/
  padding: 20px;
  opacity: 1;
  visibility: visible;
}
.home-trainer-area .team-area .single-team .images .overley h3 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.home-trainer-area .team-area .single-team .images .overley h3 a {
  color: #f58942;
}
.home-trainer-area .team-area .single-team .images .overley .others h4 {
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 10px;
}
.home-trainer-area .team-area .single-team .images .overley .others p {
  color: #fff;
  margin-bottom: 0;
}
.home-trainer-area .team-area .single-team .images .social-media {
  position: absolute;
  transition: all 0.5s ease 0s;
  top: 0%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: 0;
}
.home-trainer-area .team-area .single-team .images .social-media li {
  display: inline-block;
  margin: 1px;
}
.home-trainer-area .team-area .single-team .images .social-media li a {
  width: 40px;
  height: 40px;
  background: #000000;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.home-trainer-area .team-area .single-team .images .social-media li a:hover {
  background: #b0360a;
}
.home-trainer-area .team-area .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.home-trainer-area .team-area .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.home-trainer-area .team-area .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* ------------------------------------
6.Home Page Class Start Here 
---------------------------------------*/
.home-page-classes-area {
  padding: 90px 0 70px;
}
.home-page-classes-area .faq-area h2 {
  font-weight: 800;
  font-size: 30px;
  color: #222222;
  position: relative;
  margin-bottom: 60px;
}
.home-page-classes-area .faq-area h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #f58942;
  width: 60px;
  height: 3px;
}
.home-page-classes-area .faq-area .panel-group .panel-default {
  margin-bottom: 5px;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-heading {
  padding: 0;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a {
  display: block;
  padding: 16px 10px;
  text-decoration: none;
  font-size: 18px;
  background: #b0360a;
  color: #ffffff;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed {
  display: block;
  padding: 16px 10px;
  background: #f58942;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  border: 0px !important;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover {
  background: #b0360a;
  color: #ffffff;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-body img {
  margin-bottom: 20px;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-body .read-more a {
  background: #f58942;
  padding: 10px 30px;
  color: #ffffff;
  border: 0px;
  transition: all 0.5s ease 0s;
}
.home-page-classes-area .faq-area .panel-group .panel-default .panel-body .read-more a:hover {
  background: #b0360a;
}
.home-page-classes-area .faq-area .panel-heading [data-toggle="collapse"]:after {
  font-family: 'FontAwesome';
  content: "\f107";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 24px;
  line-height: 22px;
  font-weight: 600;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.home-page-classes-area .faq-area .panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #ffffff;
}
.home-page-classes-area .classes-features h2 {
  background: #f58942;
  color: #ffffff;
  margin: 1px 0 0 0;
  font-size: 18px;
  padding: 16px;
}
.home-page-classes-area .classes-features .single-features .single-plan {
  font-size: 14px;
  margin-bottom: 30px;
  background: #f8f8f8;
  padding: 30px 20px;
  margin: 30px 0;
}
.home-page-classes-area .classes-features .single-features .single-plan h3 {
  position: relative;
  margin-bottom: 40px;
  font-weight: 400;
}
.home-page-classes-area .classes-features .single-features .single-plan h3:after {
  position: absolute;
  left: 0;
  top: 35px;
  width: 60px;
  height: 2px;
  background: #f58942;
  content: "";
}
.home-page-classes-area .classes-features .single-features .single-plan .list-slide ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-page-classes-area .classes-features .single-features .single-plan .list-slide ul li {
  display: block;
  margin-bottom: 10px;
}
.home-page-classes-area .classes-features .single-features .single-plan .list-slide ul li span {
  font-weight: 600;
  color: #000000;
  float: right;
}
.home-page-classes-area .classes-features .single-features .single-plan .list-slide ul li i {
  color: #f58942;
  margin-right: 20px;
}
.home-page-classes-area .classes-features .single-features .single-plan .owl-controls .owl-buttons .owl-prev {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #f58942;
  border-radius: 0;
  color: #ffffff;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 50px;
  top: -60px;
  margin: 0 1px;
  transition: all 0.5s ease 0s;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
}
.home-page-classes-area .classes-features .single-features .single-plan .owl-controls .owl-buttons .owl-prev i {
  font-size: 20px;
  font-weight: 600;
  line-height: 38px;
}
.home-page-classes-area .classes-features .single-features .single-plan .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.home-page-classes-area .classes-features .single-features .single-plan .owl-controls .owl-buttons .owl-next {
  border-radius: 0;
  color: #ffffff;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: -60px;
  transition: all 0.5s ease 0s;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
}
.home-page-classes-area .classes-features .single-features .single-plan .owl-controls .owl-buttons .owl-next i {
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
.home-page-classes-area .classes-features .single-features .single-plan .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
/* ------------------------------------
7.Home One Advertise Area Start Here 
---------------------------------------*/
.advertise-area {
  background: url(images/advertise/1.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}
.advertise-area .advertise {
  background: url(images/advertise/2.png) no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0 300px;
  padding: 135px 40px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.advertise-area .advertise > span {
  font-size: 36px;
  display: block;
  margin: 40px 0;
}
.advertise-area .advertise h2 {
  font-weight: 800;
  color: #f58942;
  line-height: 1.5;
  font-size: 42px;
}
.advertise-area .advertise h2 span {
  display: block;
  font-size: 24px;
  color: #ffffff;
}
/* ------------------------------------
8.Home Page Shop Area Start Here 
---------------------------------------*/
.home-shop-area {
  padding: 100px 0;
}
.home-shop-area .shop-slide .single-shop {
  border: 1px solid #f58942;
  margin: 15px;
}
.home-shop-area .shop-slide .single-shop .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.home-shop-area .shop-slide .single-shop .image:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.home-shop-area .shop-slide .single-shop .image img {
  width: 100%;
  border-bottom: 1px solid #f58942;
}
.home-shop-area .shop-slide .single-shop .image span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  background: #f58942;
  color: #ffffff;
  z-index: 9;
}
.home-shop-area .shop-slide .single-shop .image .overley {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  right: 0;
  text-align: center;
  margin: auto;
  transform: scale(2);
  opacity: 0;
  transition: all 0.5s ease 0s;
  transition-origin: 0 1 0;
}
.home-shop-area .shop-slide .single-shop .image .overley .information {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.home-shop-area .shop-slide .single-shop .image .overley .information a {
  z-index: 9;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  transition: all 0.5s ease 0s;
}
.home-shop-area .shop-slide .single-shop .image .overley .information a:hover {
  border: 1px solid #f58942;
  background: #f58942;
}
.home-shop-area .shop-slide .single-shop .shop-details h3 {
  font-size: 18px;
  font-weight: 100;
  padding: 0 15px;
}
.home-shop-area .shop-slide .single-shop .shop-details h3 a {
  color: #000000;
  font-weight: 100;
  transition: all 0.5s ease 0s;
}
.home-shop-area .shop-slide .single-shop .shop-details h3 a:hover {
  color: #f58942;
}
.home-shop-area .shop-slide .single-shop .shop-details h3 del {
  padding-right: 10px;
  color: #333333;
}
.home-shop-area .shop-slide .single-shop .shop-details h3 span {
  float: right;
  color: #f58942;
}
.home-shop-area .shop-slide .single-shop .shop-details .shop-button ul {
  margin: 0;
  padding: 0;
}
.home-shop-area .shop-slide .single-shop .shop-details .shop-button ul li {
  display: inline-block;
  margin-right: -4px;
  width: 50%;
}
.home-shop-area .shop-slide .single-shop .shop-details .shop-button ul li a {
  display: block;
  background: #f58942;
  padding: 10px 0px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.home-shop-area .shop-slide .single-shop .shop-details .shop-button ul li a:hover {
  background: #b0360a;
}
.home-shop-area .shop-slide .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.home-shop-area .shop-slide .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.home-shop-area .shop-slide .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* ------------------------------------
9.Testimonial Start Here 
---------------------------------------*/
.testimonial-area {
  padding: 100px 0;
  background: url(images/testimonial/1.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.testimonial-area .section-title h2 {
  color: #ffffff;
}
.testimonial-area .client-img {
  margin-top: 50px;
  position: relative;
}
.testimonial-area .client-img a {
  display: inline-block;
  color: black;
}
.testimonial-area .client-img a img {
  border-radius: 100%;
  border: none;
  width: 95px;
  height: 95px;
  opacity: 0.5;
  transition: all 0.5s ease 0s;
}
.testimonial-area .client-img a.active img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  opacity: 1;
}
.testimonial-area .client-img h4 {
  font-weight: 500;
  margin: 0 0 5px;
  padding-top: 15px;
  color: #ffffff;
}
.testimonial-area .client-img p {
  margin-bottom: 0;
}
.testimonial-area .client-content blockquote {
  border: none;
}
.testimonial-area .client-content blockquote p {
  padding: 30px 200px 0 200px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
}
.testimonial-area .client-img a h4,
.testimonial-area .client-img a p {
  opacity: 0;
  color: #ffffff;
}
.testimonial-area .client-img a.active h4,
.testimonial-area .client-img a.active p {
  opacity: 1;
  color: #ffffff;
}
.testimonial-area .bx-wrapper .bx-viewport {
  height: auto !important;
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.testimonial-area .bx-wrapper .bx-controls-direction a {
  text-indent: 0;
  color: transparent;
}
.testimonial-area .bx-wrapper .bx-prev {
  background-color: transparent !important;
  position: absolute;
}
.testimonial-area .bx-wrapper .bx-next {
  background-color: transparent !important;
  position: absolute;
}
.bx-wrapper .bx-prev {
  background: rgba(0, 0, 0, 0) url("images/testimonial/5.png") no-repeat scroll 0 0;
  height: 60px !important;
  transform: rotate(-180deg);
  width: 60px !important;
  transition: all 0.5s ease 0s;
}
.bx-wrapper .bx-prev:hover {
  background: rgba(0, 0, 0, 0) url("images/testimonial/6.png") no-repeat scroll 0 0;
  height: 60px !important;
  transform: rotate(-180deg);
  width: 60px !important;
}
.bx-wrapper .bx-next {
  background: rgba(0, 0, 0, 0) url("images/testimonial/5.png") no-repeat scroll 0 0;
  height: 60px !important;
  width: 60px !important;
  transition: all 0.5s ease 0s;
}
.bx-wrapper .bx-next:hover {
  background: rgba(0, 0, 0, 0) url("images/testimonial/6.png") no-repeat scroll 0 0;
  height: 60px !important;
  width: 60px !important;
}
/* ------------------------------------
10.Home Gallery Start Here 
---------------------------------------*/
.gallery-area {
  padding: 100px 0;
  /*==== Start gallery masonary v1 area css ====*/
  /*==== End gallery masonary v1 area css ====*/
  /*==== Start gallery masonary v2 area css ====*/
}
.gallery-area .gallery-masonary-v1-area {
  overflow: hidden;
}
.gallery-area .gallery-masonary-v1-area .masonary-layout {
  margin-left: -5px;
  margin-right: -5px;
}
.gallery-area .gallery-masonary-v1-area .single-gallery-masonary-item {
  margin-bottom: 30px;
}
.gallery-area .gallery-filter {
  margin-bottom: 40px;
  text-align: center;
}
.gallery-area .gallery-filter li {
  background: #f58942;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  margin: 0 3px 10px;
  /*padding: 13px 14px;*/
  position: relative;
  text-transform: capitalize;
  transition: all 0.5s ease 0s;
}
.gallery-area .gallery-filter li:hover {
  background: #b0360a;
}
.gallery-area .gallery-filter li span {
  display: block;
  padding: 10px 50px;
}
.gallery-area .gallery-filter li.active {
  position: relative;
  background: #b0360a;
  color: #ffffff;
}
.gallery-area .gallery-filter li.active::before {
  color: #ba0913;
  content: "\f0d8";
  display: block;
  font-family: "FontAwesome";
  font-size: 20px;
  left: 0;
  line-height: 20px;
  padding-left: 0;
  padding-top: 4px;
  position: absolute;
  top: -18px;
  z-index: 5;
  left: 50%;
  margin-left: -6px;
  display: none;
}
.gallery-area .gallery-filter li span.count {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -54px;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  transition: all .3s ease;
}
.gallery-area .gallery-filter li.active span.count {
  opacity: 1;
  visibility: visible;
}
.gallery-area .gallery-filter li span.count b {
  font-weight: normal;
  background-color: #ba0913;
  line-height: 27px;
  color: #fff;
  font-size: 14px;
  padding: 0 5px;
  border-radius: 3px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
.gallery-area .single-gallery-item .img-holder {
  position: relative;
  overflow: hidden;
}
.gallery-area .single-gallery-item .img-holder img {
  transform: scale(1.1, 1.1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.gallery-area .single-gallery-item .img-holder .overlay {
  background: rgba(251, 91, 33, 0.8) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  transition: all 0.5s ease 0s;
  transform: scale(0);
  height: 100%;
  width: 100%;
}
.gallery-area .single-gallery-item .img-holder .overlay .view {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: center;
}
.gallery-area .single-gallery-item .img-holder .overlay .view a i {
  color: #ffffff;
  font-weight: 800;
  font-size: 20px;
  border: 1px solid #ffffff;
  padding: 10px;
}
.gallery-area .single-gallery-item .img-holder .overlay .image-view .icon-holder {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.gallery-area .single-gallery-item .img-holder .overlay .image-view .icon-holder a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: inline-block;
  transition: all 700ms ease 0s;
}
.gallery-area .single-gallery-item .img-holder .overlay .image-view .icon-holder a span::before {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 100;
  padding: 10px 14px;
  transition: all 700ms ease 0s;
}
.gallery-area .single-gallery-item .img-holder .overlay .image-view .icon-holder a:hover {
  background: #ba0913;
}
.gallery-area .single-gallery-item .img-holder .overlay .image-view .icon-holder a:hover span::before {
  color: #000;
}
.gallery-area .single-gallery-item:hover .overlay {
  transform: scale(0.95);
}
.gallery-area .single-gallery-item:hover .img-holder img {
  transform: scale(1, 1);
}
.gallery-area .gallery-masonary-v1-area .load-more-button {
  padding-top: 40px;
}
.gallery-area .gallery-masonary-v1-area .load-more-button a {
  background: #000000 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 38px;
  padding-right: 38px;
  padding-top: 12px;
  padding-bottom: 14px;
  text-transform: uppercase;
  transition: all 700ms ease 0s;
  border-radius: 3px;
}
.gallery-area .gallery-masonary-v1-area .load-more-button a:hover {
  background: #ba0913;
}
.gallery-area .gallery-masonary-v2-area {
  padding-bottom: 90px;
  padding-top: 91px;
}
.gallery-area .gallery-masonary-v2-area .masonary-layout {
  margin-left: -15px;
  margin-right: -15px;
}
.gallery-area .gallery-masonary-v2-area .single-gallery-masonary-item.span-4 {
  width: 25%;
  padding: 0 15px;
  margin-bottom: 38px;
}
.gallery-area .single-gallery-item .title {
  padding-top: 21px;
}
.gallery-area .single-gallery-item .title h3 {
  color: #343434;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.gallery-area .single-gallery-item .title h6 {
  color: #797979;
  font-size: 14px;
  font-style: italic;
}
.gallery-area .gallery-masonary-v2-area .load-more-button a {
  background: #000000 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 38px;
  padding-right: 38px;
  padding-top: 12px;
  padding-bottom: 14px;
  text-transform: uppercase;
  transition: all 700ms ease 0s;
  margin-top: 9px;
  border-radius: 3px;
}
.gallery-area .gallery-masonary-v2-area .load-more-button a:hover {
  background: #ba0913;
}
/* ------------------------------------
11.Home Page Blog Start Here 
---------------------------------------*/
.home-blog-area {
  padding-bottom: 100px;
}
.home-blog-area .blog-slider .single-blog {
  margin: 15px;
  border: 1px solid #d3d3d3;
  transition: all 0.5s ease 0s;
}
.home-blog-area .blog-slider .single-blog:hover {
  border: 1px solid #f58942;
}
.home-blog-area .blog-slider .single-blog:hover .blog-image a img {
  transform: scale(1.5);
}
.home-blog-area .blog-slider .single-blog:hover h3 a {
  color: #f58942;
}
.home-blog-area .blog-slider .single-blog:hover .others {
  border-top: 1px solid #f58942;
}
.home-blog-area .blog-slider .single-blog:hover .others ul li:last-child a {
  background: #b0360a;
  border: 1px solid #b0360a;
  color: #ffffff;
}
.home-blog-area .blog-slider .single-blog .blog-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.home-blog-area .blog-slider .single-blog .blog-image:hover a img {
  transform: scale(1.5);
}
.home-blog-area .blog-slider .single-blog .blog-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.home-blog-area .blog-slider .single-blog .blog-image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
  position: relative;
  overflow: hidden;
}
.home-blog-area .blog-slider .single-blog h3 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0;
  padding: 0 15px;
}
.home-blog-area .blog-slider .single-blog h3 a {
  color: #454444;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}
.home-blog-area .blog-slider .single-blog span {
  margin-bottom: 15px;
  display: block;
  padding: 0 15px;
}
.home-blog-area .blog-slider .single-blog p {
  padding: 15px;
}
.home-blog-area .blog-slider .single-blog .others {
  background: #f7f7f7;
  padding: 30px 15px;
  border-top: 1px solid #d3d3d3;
}
.home-blog-area .blog-slider .single-blog .others ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-blog-area .blog-slider .single-blog .others ul li {
  display: inline-block;
}
.home-blog-area .blog-slider .single-blog .others ul li:first-child {
  text-align: left;
  font-size: 14px;
  color: #666666;
}
.home-blog-area .blog-slider .single-blog .others ul li:last-child {
  float: right;
}
.home-blog-area .blog-slider .single-blog .others ul li:last-child a {
  font-size: 14px;
  color: #f58942;
  padding: 10px 15px;
  border: 1px solid #f58942;
  font-weight: 600;
}
.home-blog-area .blog-slider .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.home-blog-area .blog-slider .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.home-blog-area .blog-slider .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* ------------------------------------
12.Footer Area Start Here 
---------------------------------------*/
footer .footer-top {
  padding: 100px 0 0;
  background: url(images/footer/bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
footer .footer-top .widget {
  margin: 0 0 30px;
}
footer .footer-top .widget h2.widget-title {
  color: #ffffff;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 18px;
}
footer .footer-top .widget .footer-map {
  height: 200px;
  overflow: hidden;
}
footer .footer-top .widget .footer-map img {
  width: 100%;
}
footer .footer-top .widget .footer-contact {
  height: 200px;
}
footer .footer-top .widget .footer-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-top .widget .footer-contact ul li {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 13px;
}
footer .footer-top .widget .recent-post .single-post .media .pull-left {
  margin-right: 0px;
}
footer .footer-top .widget .recent-post .single-post .media .pull-left img {
  width: 100%;
}
footer .footer-top .widget .recent-post .single-post .media .media-body h4 {
  font-size: 13px;
  font-weight: 300;
}
footer .footer-top .widget .recent-post .single-post .media .media-body h4.media-heading a {
  color: #f58942;
  font-size: 13px;
  font-weight: 300;
  transition: all 0.5s ease 0s;
}
footer .footer-top .widget .recent-post .single-post .media .media-body h4.media-heading a:hover {
  color: #ffffff;
}
footer .footer-top .widget .recent-post .single-post .media .media-body p {
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
}
footer .footer-top .widget ul.photo {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-top .widget ul.photo li {
  margin: 5px;
  display: inline-block;
}
footer .footer-top .widget ul.photo li img {
  cursor: pointer;
  width: 100%;
}
footer .footer-top .widget form input {
  width: 100%;
  background: transparent;
  color: #f58942;
  border: 1px solid #f58942;
  border-radius: 0;
}
footer .footer-top .widget form input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #f58942;
}
footer .footer-top .widget form input:placeholder {
  color: #f58942;
}
footer .footer-top .widget form .subscribe a {
  display: inline-block;
  color: #ffffff;
  background: #f58942;
  padding: 5px 20px;
  text-align: center;
  transition: all 0.5s ease 0s;
}
footer .footer-top .widget form .subscribe a:hover {
  background: #b0360a;
}
footer .footer-bottom-area {
  padding: 30px 0;
}
footer .footer-bottom-area .widget .social-media ul {
  text-align: left;
}
footer .footer-bottom-area .widget .social-media ul li {
  display: inline-block;
  margin: 1px 0;
}
footer .footer-bottom-area .widget .social-media ul li a {
  border: 1px solid #000000;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-align: center;
  margin: auto;
  background: #000000;
}
footer .footer-bottom-area .widget .social-media ul li a:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
  -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}
footer .footer-bottom-area .widget .copyright p {
  text-align: center;
  margin-bottom: 0;
  color: #000000;
}
footer .footer-bottom-area .widget .copyright p a {
  font-weight: 600;
  color: #f58942;
}
footer .footer-bottom-area .widget .we-accept ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
footer .footer-bottom-area .widget .we-accept ul li {
  display: inline-block;
}
footer .footer-bottom-area .widget .we-accept ul li:first-child {
  margin-right: 10px;
}
/* ....................................
13.Scroll Top Area Here 
.......................................*/
#scrollUp {
  background: #f58942;
  border-radius: 2px 2px 0 0;
  bottom: 100px;
  color: #ffffff !important;
  display: block;
  font-size: 25px;
  height: 40px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 50px;
  z-index: 1000;
}
#scrollUp:hover {
  background: #b0360a;
}
#scrollUp i {
  display: block;
  padding-top: 5px;
}
/* ------------------------------------
14.Breadcump Area Start Here 
---------------------------------------*/
.breadcump-area {
  padding: 50px 0;
  background: url(images/banner/1.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.breadcump-area .breadcump h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
}
.breadcump-area .breadcump ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcump-area .breadcump ul li {
  display: inline-block;
  text-transform: uppercase;
  color: #f58942;
  font-weight: 600;
}
.breadcump-area .breadcump ul li:first-child {
  margin-right: 15px;
}
.breadcump-area .breadcump ul li:first-child a {
  color: #ffffff;
  font-weight: 600;
  position: relative;
  transition: all 0.5s ease 0s;
}
.breadcump-area .breadcump ul li:first-child a:hover {
  color: #f58942;
}
.breadcump-area .breadcump ul li:first-child a:after {
  content: "";
  height: 22px;
  position: absolute;
  right: -9px;
  top: 0;
  width: 1px;
  background: #ffffff;
  transform: rotate(-160deg);
}

.breadcump-area-ser {
  padding: 100px 0;
  background: url(images/banner/ser.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.breadcump-area-ser .breadcump h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
}
.breadcump-area-ser .breadcump ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcump-area-ser .breadcump ul li {
  display: inline-block;
  text-transform: uppercase;
  color: #f58942;
  font-weight: 600;
}
.breadcump-area-ser .breadcump ul li:first-child {
  margin-right: 15px;
}
.breadcump-area-ser .breadcump ul li:first-child a {
  color: #ffffff;
  font-weight: 600;
  position: relative;
  transition: all 0.5s ease 0s;
}
.breadcump-area-ser .breadcump ul li:first-child a:hover {
  color: #f58942;
}
.breadcump-area-ser .breadcump ul li:first-child a:after {
  content: "";
  height: 22px;
  position: absolute;
  right: -9px;
  top: 0;
  width: 1px;
  background: #ffffff;
  transform: rotate(-160deg);
}
/* ------------------------------------
15.Advertise Area Start Here 
---------------------------------------*/
.about-content h3{
	font-size:20px;
	color:#000;
	font-weight:600;
	margin-bottom:10px;
}
.about-advertise-area {
  background: url(images/banner/2.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0;
}
.about-advertise-area .advertise-text h1 {
  font-size: 60px;
  color: #ffffff;
  font-weight: 800;
  line-height: 40px;
}
.about-advertise-area .advertise-text h1 span {
  display: block;
  font-size: 20px;
  font-weight: 300;
}
.about-advertise-area .advertise-button {
  text-align: right;
  margin-top: 20px;
}
.about-advertise-area .advertise-button a {
  display: inline-block;
  padding: 10px 20px;
  background: #f58942;
  color: #ffffff;
  font-size: 20px;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
.about-advertise-area .advertise-button a:hover {
  background: #b0360a;
}
/* ----------------------------------
  16.About Page Trainer Start Here 
  -------------------------------------*/
.about-page-trainer {
  padding: 100px 0;
}
.about-page-trainer .about-trainer-slide .col-lg-3.col-md-3.col-sm-6.col-xs-12 {
  width: 100% !important;
}
.about-page-trainer .about-trainer-slide .single-trainer {
  margin-top: 30px;
}
.about-page-trainer .about-trainer-slide .single-trainer .images {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin-bottom: 30px;
  transition: all 0.5s ease 0s;
}
.about-page-trainer .about-trainer-slide .single-trainer .images:hover .overley {
  opacity: 1;
  transform: scale(1);
}
.about-page-trainer .about-trainer-slide .single-trainer .images a {
  display: block;
  position: relative;
  overflow: hidden;
}
.about-page-trainer .about-trainer-slide .single-trainer .images a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 5px solid #dddddd;
}
.about-page-trainer .about-trainer-slide .single-trainer .images .overley {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s ease 0s;
}
.about-page-trainer .about-trainer-slide .single-trainer .images .overley .social-media {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.about-page-trainer .about-trainer-slide .single-trainer .images .overley .social-media ul {
  text-align: center;
}
.about-page-trainer .about-trainer-slide .single-trainer .images .overley .social-media ul li {
  display: inline-block;
  margin: 2px;
}
.about-page-trainer .about-trainer-slide .single-trainer .images .overley .social-media ul li a {
  border: 1px solid #000000;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-align: center;
  margin: auto;
  background: #000000;
}
.about-page-trainer .about-trainer-slide .single-trainer .images .overley .social-media ul li a:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.5);
}
.about-page-trainer .about-trainer-slide .single-trainer .trainer-details {
  background: #f58942;
  padding: 10px;
  border: 1px solid #f58942;
}
.about-page-trainer .about-trainer-slide .single-trainer .trainer-details h3 {
  margin-bottom: 0px;
}
.about-page-trainer .about-trainer-slide .single-trainer .trainer-details h3 a {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}
.about-page-trainer .about-trainer-slide .single-trainer .trainer-details span {
  color: #ffffff;
  font-size: 14px;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* ------------------------------------
17.Trainer Page Start Here 
---------------------------------------*/
.trainer-page {
  background: transparent !important;
}
.trainer-page .single-team {
  position: relative;
  overflow: hidden;
  margin: 15px 0;
  transition: all 0.5s ease 0s;
  border: 1px solid #757575;
  border-bottom: none;
}
.trainer-page .single-team:hover .images .overley {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
  background: rgba(176, 54, 10, 0.9);
}
.trainer-page .single-team:hover .images .social-media {
  opacity: 1;
  top: 10%;
}
.trainer-page .single-team .images a {
  display: block;
}
.trainer-page .single-team .images a img {
  width: 100%;
}
.trainer-page .single-team .images .overley {
  transition: all 0.5s ease 0s;
  position: absolute;
  bottom: -122px;
  left: 0;
  right: 0;
  text-align: left;
  background: rgba(251, 91, 33, 0.9);
  padding: 20px;
  opacity: 1;
  visibility: visible;
}
.trainer-page .single-team .images .overley h3 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.trainer-page .single-team .images .overley h3 a {
  color: #ffffff;
}
.trainer-page .single-team .images .overley .others h4 {
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 10px;
}
.trainer-page .single-team .images .overley .others p {
  color: #ffffff;
  margin-bottom: 0;
}
.trainer-page .single-team .images .social-media {
  position: absolute;
  transition: all 0.5s ease 0s;
  top: 0%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: 0;
}
.trainer-page .single-team .images .social-media li {
  display: inline-block;
  margin: 1px;
}
.trainer-page .single-team .images .social-media li a {
  width: 40px;
  height: 40px;
  background: #000000;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.trainer-page .single-team .images .social-media li a:hover {
  background: #b0360a;
}
/* ------------------------------------
18. Pagination Area Start Here
---------------------------------------*/
.pagination-area {
  padding-top: 30px;
}
.pagination-area ul {
  text-align: center;
}
.pagination-area ul li {
  display: inline-block;
  margin-right: 5px;
}
.pagination-area ul li:first-child a {
  background: #b0360a;
  color: #ffffff;
  border: 1px solid #b0360a;
}
.pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid #f58942;
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  text-align: center;
  border-radius: 0 15px 0 0;
}
.pagination-area ul li a:hover {
  background: #b0360a;
  color: #ffffff;
  border: 1px solid #b0360a;
}
/* ------------------------------------
19.Our Classes Area Start Here 
---------------------------------------*/
.our-classes-area {
  padding: 90px 0;
}
.our-classes-area .single-classes {
  margin: 15px 0;
  position: relative;
  overflow: hidden;
}
.our-classes-area .single-classes:hover .details {
  background: #b0360a;
}
.our-classes-area .single-classes:hover .image a img {
  transform: scale(1.5);
}
.our-classes-area .single-classes .details {
  background: #f58942;
  padding: 15px;
  transition: all 0.5s ease 0s;
}
.our-classes-area .single-classes .details h3 {
  margin-bottom: 0;
}
.our-classes-area .single-classes .details h3 a {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
}
.our-classes-area .single-classes .details span {
  color: #ffffff;
}
.our-classes-area .single-classes .image {
  position: relative;
  overflow: hidden;
}
.our-classes-area .single-classes .image a {
  display: block;
}
.our-classes-area .single-classes .image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
/* ------------------------------------
20.Class Details Start Here 
---------------------------------------*/
.class-details-area {
  padding: 100px 0;
}
.class-details-area .class-details {
  padding: 60px 0;
}
.class-details-area .class-details h2 {
  font-size: 24px;
  font-weight: 800;
  color: #f58942;
  text-transform: uppercase;
}
.class-details-area .class-details .share-now .share-text h4 {
  color: #6f6c6c;
  font-weight: 400;
  font-size: 14px;
  padding-top: 20px;
}
.class-details-area .class-details .share-now .share-button ul {
  text-align: right;
}
.class-details-area .class-details .share-now .share-button ul li {
  display: inline-block;
  margin: 3px;
}
.class-details-area .class-details .share-now .share-button ul li a {
  display: block;
  height: 60px;
  line-height: 60px;
  width: 60px;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-align: center;
  margin: auto;
  background: #f58942;
}
.class-details-area .class-details .share-now .share-button ul li a i {
  font-weight: 400;
  font-size: 20px;
}
.class-details-area .class-details .share-now .share-button ul li a:hover {
  background: #b0360a;
  -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}
.class-details-area .class-informations {
  background: #f4f4f4;
  margin: 100px 0 0;
  padding: 50px 30px;
}
.class-details-area .class-informations h4 {
  color: #000000;
  font-weight: 600;
  font-size: 18px;
}
.class-details-area .class-informations ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.class-details-area .class-informations ul li {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.class-details-area .class-informations ul li span {
  float: right;
  font-weight: 400;
  text-transform: capitalize;
}
.class-details-area .class-informations a {
  margin-top: 20px;
  display: block;
  padding: 10px;
  text-align: center;
  background: #f58942;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  text-transform: uppercase;
}
.class-details-area .class-informations a:hover {
  background: #b0360a;
}
.class-details-area .more-classes-area h2 {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-left: 15px;
}
.class-details-area .more-classes-area .more-classes .col-lg-4.col-md-4.col-sm-6.col-xs-12 {
  width: 100%;
}
.class-details-area .more-classes-area .more-classes .single-more-classes:hover .image .overley {
  opacity: 1;
}
.class-details-area .more-classes-area .more-classes .single-more-classes:hover .image .overley span {
  transform: scaleX(1);
}
.class-details-area .more-classes-area .more-classes .single-more-classes .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .image img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .image .overley {
  transition: all 0.5s ease 0s;
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: visible;
  width: 100%;
  height: 100%;
  top: 0;
  transform-origin: 0 1 0;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .image .overley span {
  position: absolute;
  right: 0;
  bottom: 10px;
  background: #b0360a;
  padding: 5px 15px;
  color: #ffffff;
  transform: scaleX(0);
  transition: all 0.5s ease 0s;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .more-classes-details h4 {
  margin-bottom: 5px;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .more-classes-details h4 a {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .more-classes-details h4 a:hover {
  color: #f58942;
}
.class-details-area .more-classes-area .more-classes .single-more-classes .more-classes-details span {
  display: block;
  margin-bottom: 15px;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* ------------------------------------
21.Shop Page Start Here 
---------------------------------------*/
.shop-area {
  padding: 100px 0;
}
.shop-area .tobar-area {
  border: 1px solid #dddddd;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 15px 0;
  margin: 0 15px 15px;
}
.shop-area .tobar-area .view-area ul.nav-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0px;
}
.shop-area .tobar-area .view-area ul.nav-tabs li {
  border: 0px;
}
.shop-area .tobar-area .view-area ul.nav-tabs li.active {
  border: 0px;
}
.shop-area .tobar-area .view-area ul.nav-tabs li.active a {
  border: 0px;
}
.shop-area .tobar-area .view-area ul.nav-tabs li.active a:hover {
  background: transparent;
  color: #f58942;
}
.shop-area .tobar-area .view-area ul.nav-tabs li a {
  border: 0px;
}
.shop-area .tobar-area .view-area ul.nav-tabs li a:hover {
  background: transparent;
  color: #f58942;
}
.shop-area .tobar-area .showing-result {
  float: right;
}
.shop-area .tobar-area .showing-result ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-area .tobar-area .showing-result ul li {
  display: inline-block;
  font-weight: 600;
  color: #333333;
  margin-right: 10px;
  height: 25px;
}
.shop-area .tobar-area .showing-result ul li .form-group {
  margin: 0;
}
.shop-area .tobar-area .showing-result ul li .form-group.seclect-box select.form-control {
  display: inline-block;
  border: 0;
  background: transparent;
  border-radius: 0px;
}
.shop-area .tab-content .single-shop {
  border: 1px solid #f58942;
  margin: 15px 0;
}
.shop-area .tab-content .single-shop .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.shop-area .tab-content .single-shop .image:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.shop-area .tab-content .single-shop .image img {
  width: 100%;
  border-bottom: 1px solid #f58942;
}
.shop-area .tab-content .single-shop .image span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  background: #f58942;
  color: #ffffff;
  z-index: 9;
}
.shop-area .tab-content .single-shop .image .overley {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  right: 0;
  text-align: center;
  margin: auto;
  transform: scale(2);
  opacity: 0;
  transition: all 0.5s ease 0s;
  transition-origin: 0 1 0;
}
.shop-area .tab-content .single-shop .image .overley .information {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.shop-area .tab-content .single-shop .image .overley .information a {
  z-index: 9;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  transition: all 0.5s ease 0s;
}
.shop-area .tab-content .single-shop .image .overley .information a:hover {
  border: 1px solid #f58942;
  background: #f58942;
}
.shop-area .tab-content .single-shop .shop-details h3 {
  font-size: 18px;
  font-weight: 100;
  padding: 0 15px;
}
.shop-area .tab-content .single-shop .shop-details h3 a {
  color: #000000;
  font-weight: 100;
  transition: all 0.5s ease 0s;
}
.shop-area .tab-content .single-shop .shop-details h3 a:hover {
  color: #f58942;
}
.shop-area .tab-content .single-shop .shop-details h3 del {
  padding-right: 10px;
  color: #333333;
}
.shop-area .tab-content .single-shop .shop-details h3 span {
  float: right;
  color: #f58942;
}
.shop-area .tab-content .single-shop .shop-details .shop-button ul {
  margin: 0;
  padding: 0;
}
.shop-area .tab-content .single-shop .shop-details .shop-button ul li {
  display: inline-block;
  margin-right: -4px;
  width: 50%;
}
.shop-area .tab-content .single-shop .shop-details .shop-button ul li a {
  display: block;
  background: #f58942;
  padding: 10px 0px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.shop-area .tab-content .single-shop .shop-details .shop-button ul li a:hover {
  background: #b0360a;
}
.shop-area .product-list-view-area .list-single-product {
  margin-top: 30px;
}
.shop-area .product-list-view-area .list-single-product .media a {
  display: block;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.shop-area .product-list-view-area .list-single-product .media a:hover:after {
  opacity: 1;
  top: 0;
  transform: skew(0deg);
  visibility: visible;
}
.shop-area .product-list-view-area .list-single-product .media a:after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skew(0deg);
  transition: all 0.9s ease 0s;
  visibility: hidden;
  width: 100%;
  content: "";
  margin-right: 10px;
}
.shop-area .product-list-view-area .list-single-product .media a img {
  width: 100%;
}
.shop-area .product-list-view-area .list-single-product .media .media-body h4.media-heading {
  margin-bottom: 30px;
  position: relative;
}
.shop-area .product-list-view-area .list-single-product .media .media-body h4.media-heading:after {
  background: #f58942;
  bottom: -10px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100px;
}
.shop-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a {
  transition: all 0.5s ease 0s;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a:after {
  display: none;
}
.shop-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a:hover {
  color: #f58942;
}
.shop-area .product-list-view-area .list-single-product .media .media-body h4.media-heading span {
  float: right;
}
.shop-area .product-list-view-area .list-single-product .media .media-body p {
  margin-bottom: 10px;
}
.shop-area .product-list-view-area .list-single-product .media .media-body .read-more {
  margin-top: 20px;
  display: inline-block;
}
.shop-area .product-list-view-area .list-single-product .media .media-body .read-more a {
  background: #f58942;
  border: 1px solid #f58942;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.shop-area .product-list-view-area .list-single-product .media .media-body .read-more a:after {
  display: none;
}
.shop-area .product-list-view-area .list-single-product .media .media-body .read-more a:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
}
/* ------------------------------------
22.Single Shop Page Start Here 
---------------------------------------*/
.single-shop-area {
  padding: 100px 0;
  overflow: hidden;
}
.single-shop-area .product-images .bx-wrapper {
  margin: 0;
  padding: 0;
}
.single-shop-area .product-images .bx-wrapper .bx-prev {
  height: 48px !important;
  left: -45px;
  width: 40px !important;
}
.single-shop-area .product-images .bx-wrapper .bx-next {
  height: 48px !important;
  right: -40px;
  width: 40px !important;
}
.single-shop-area .product-images .bx-wrapper .bx-controls-direction a {
  bottom: -64px;
  top: inherit;
}
.single-shop-area .product-images .bxslider li {
  position: relative;
  overflow: hidden;
}
.single-shop-area .product-images .bxslider li img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-shop-area .product-images .bxslider li img:hover {
  transform: scale(1.3);
}
.single-shop-area .product-images #bx-pager a img {
  width: 24%;
}
.single-shop-area .product-details {
 
}
.single-shop-area .product-details h2 {
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}
.single-shop-area .product-details p {
  font-size: 14px;
}
.single-shop-area .price-items {
  padding: 30px 0;
}
.single-shop-area .price-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-shop-area .price-items ul li {
  display: inline-block;
}
.single-shop-area .price-items ul li:first-child {
  font-size: 24px;
  font-weight: 600;
  color: #f58942;
}
.single-shop-area .price-items ul li:last-child {
  float: right;
}
.single-shop-area .price-items ul li:last-child .spinner {
  position: relative;
  overflow: hidden;
}
.single-shop-area .price-items ul li:last-child .spinner input {
  width: 140px;
}
.single-shop-area .price-items ul li:last-child .spinner .input-group-btn-vertical button {
  border: 1px solid #dddddd;
  display: block;
  height: 34px;
  position: absolute;
  right: 29px;
  top: 0;
  width: 30px;
  z-index: 9999;
}
.single-shop-area .price-items ul li:last-child .spinner .input-group-btn-vertical button:last-child {
  right: 0px;
}
.single-shop-area .add-to-cart-button {
  margin-top: 0px;
  display: inline-block;
}
.single-shop-area .add-to-cart-button a {
  background: #f58942;
  border: 1px solid #f58942;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.single-shop-area .add-to-cart-button a:after {
  display: none;
}
.single-shop-area .add-to-cart-button a:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
}
.single-shop-area .share-area {
  padding: 30px 0;
}
.single-shop-area .share-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-shop-area .share-area ul li {
  display: inline-block;
  margin-right: 5px;
}
.single-shop-area .share-area ul li a {
  width: 40px;
  height: 40px;
  background: #f58942;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  display: block;
}
.single-shop-area .share-area ul li a:hover {
  background: #b0360a;
}
.single-shop-area .share-area ul li:nth-child(1) {
  font-weight: 600;
  color: #000000;
  margin-right: 15px;
}
.single-shop-area .faq-area {
  padding: 60px 0 0;
}
.single-shop-area .faq-area h2 {
  font-weight: 800;
  font-size: 30px;
  color: #222222;
  position: relative;
  margin-bottom: 30px;
}
.single-shop-area .faq-area .panel-group .panel-default {
  margin-bottom: 5px;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-heading {
  padding: 0;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a {
  display: block;
  padding: 16px 10px;
  text-decoration: none;
  font-size: 18px;
  background: #b0360a;
  color: #ffffff;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed {
  display: block;
  padding: 16px 10px;
  background: #f58942;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  border: 0px !important;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover {
  background: #b0360a;
  color: #ffffff;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-body img {
  margin-bottom: 20px;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-body .read-more a {
  background: #f58942;
  padding: 10px 30px;
  color: #ffffff;
  border: 0px;
  transition: all 0.5s ease 0s;
}
.single-shop-area .faq-area .panel-group .panel-default .panel-body .read-more a:hover {
  background: #b0360a;
}
.single-shop-area .faq-area .panel-heading [data-toggle="collapse"]:after {
  font-family: 'FontAwesome';
  content: "\f107";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 24px;
  line-height: 22px;
  font-weight: 600;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.single-shop-area .faq-area .panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #ffffff;
}
/* ------------------------------------
23.Blog Page Start Here 
---------------------------------------*/
.blog-page-area {
  padding: 100px 0;
}
.blog-page-area .single-blog {
  margin: 15px 0;
  border: 1px solid #d3d3d3;
  transition: all 0.5s ease 0s;
}
.blog-page-area .single-blog:hover {
  border: 1px solid #f58942;
}
.blog-page-area .single-blog:hover .blog-image a img {
  transform: scale(1.5);
}
.blog-page-area .single-blog:hover h3 a {
  color: #f58942;
}
.blog-page-area .single-blog:hover .others {
  border-top: 1px solid #f58942;
}
.blog-page-area .single-blog:hover .others ul li:last-child a {
  background: #b0360a;
  border: 1px solid #b0360a;
  color: #ffffff;
}
.blog-page-area .single-blog .blog-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-page-area .single-blog .blog-image:hover a img {
  transform: scale(1.5);
}
.blog-page-area .single-blog .blog-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.blog-page-area .single-blog .blog-image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
  position: relative;
  overflow: hidden;
}
.blog-page-area .single-blog h3 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0;
}
.blog-page-area .single-blog h3 a {
  color: #454444;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
  padding: 0 15px;
}
.blog-page-area .single-blog span {
  margin-bottom: 15px;
  display: block;
  padding: 0 15px;
}
.blog-page-area .single-blog p {
  padding: 15px;
}
.blog-page-area .single-blog .others {
  background: #f7f7f7;
  padding: 30px 15px;
  border-top: 1px solid #d3d3d3;
}
.blog-page-area .single-blog .others ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-page-area .single-blog .others ul li {
  display: inline-block;
}
.blog-page-area .single-blog .others ul li:first-child {
  text-align: left;
  font-size: 14px;
  color: #666666;
}
.blog-page-area .single-blog .others ul li:last-child {
  float: right;
}
.blog-page-area .single-blog .others ul li:last-child a {
  font-size: 14px;
  color: #f58942;
  padding: 10px 15px;
  border: 1px solid #f58942;
  font-weight: 600;
}
/*-------------------------------------
24. Single Blog Page Start Here
---------------------------------------*/
.blog-details-area {
  padding: 100px 0;
}
.blog-details-area .blog-content-area .image {
  margin-bottom: 30px;
}
.blog-details-area .blog-content-area .image img {
  width: 100%;
}
.blog-details-area .blog-content-area .blog-details-informations .date {
  width: 10%;
  color: #f58942;
  float: left;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 10px;
  border-right: 1px solid #f58942;
}
.blog-details-area .blog-content-area .blog-details-informations .blog-info {
  width: 90%;
  float: left;
  padding: 0 20px;
  margin-bottom: 30px;
}
.blog-details-area .blog-content-area .blog-details-informations .blog-info h2 {
  margin-bottom: 10px;
  font-weight: 400;
}
.blog-details-area .blog-content-area .blog-details-informations .blog-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-details-area .blog-content-area .blog-details-informations .blog-info ul li {
  display: inline-block;
  margin-right: 15px;
  color: #858585;
}
.blog-details-area .blog-content-area .blog-details-informations .blog-info ul li i {
  color: #f58942;
  margin-right: 10px;
}
.blog-details-area .blog-content-area .blog-details-informations p {
  font-size: 14px;
}
.blog-details-area .blog-content-area .blog-details-informations blockquote {
  background: #f1f1f1;
  border-left: 3px solid #f58942;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  padding: 20px;
  font-size: 14px;
}
.blog-details-area .blog-content-area .blog-details-informations blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.blog-details-area .blog-content-area .blog-details-informations blockquote p {
  display: inline;
}
.blog-details-area .blog-content-area .blog-details-informations .comments-area h3 {
  font-size: 14px;
  color: #161616;
  margin-bottom: 30px;
  position: relative;
}
.blog-details-area .blog-content-area .blog-details-informations .comments-area h3:after {
  position: absolute;
  top: 30px;
  left: 0;
  background: #f58942;
  height: 2px;
  content: "";
  width: 60px;
}
.blog-details-area .blog-content-area .blog-details-informations .comments-area .single-comments-box {
  position: relative;
}
.blog-details-area .blog-content-area .blog-details-informations .comments-area .single-comments-box.second-comments {
  margin-left: 100px;
}
.blog-details-area .blog-content-area .blog-details-informations .comments-area .single-comments-box .reply {
  float: right;
  background: #f58942;
  padding: 5px 20px;
  color: #ffffff;
}
/*===================================
24.1 Sidebar Area Start Here 
=======================================*/
.sidebar-area .widget {
  overflow: hidden;
  margin-bottom: 30px;
}
.sidebar-area .widget:last-child {
  margin-bottom: 0;
}
.sidebar-area .widget h2.widget-title {
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 18px;
  text-decoration: uppercase;
  position: relative;
  margin-bottom: 30px;
}
.sidebar-area .widget h2.widget-title:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #e4e4e4;
  content: "";
  top: 30px;
}
.sidebar-area .widget ul.tag-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget ul.tag-list li {
  display: inline-block;
  margin: 5px;
}
.sidebar-area .widget ul.tag-list li a {
  display: block;
  text-decoration: none;
  color: #f58942;
  transition: all 0.5s ease 0s;
  border: 1px solid #f58942;
  padding: 2px 7px;
  text-transform: uppercase;
  margin-left: 0;
  font-size: 14px;
}
.sidebar-area .widget ul.tag-list li a:hover {
  background: #f58942;
  border: 1px solid #f58942;
  color: #ffffff;
}
.sidebar-area .widget ul.tag-list li a:after {
  display: none;
  margin: 0;
}
.sidebar-area .widget form input {
  height: 45px;
  border-radius: 0;
  border: 1px solid #dddddd;
}
.sidebar-area .widget form input:focus {
  box-shadow: none;
  border: 1px solid #dddddd;
}
.sidebar-area .widget form span button {
  height: 45px;
  border-radius: 0;
  border: 1px solid #f58942;
  background: #f58942;
}
.sidebar-area .widget form span button i {
  color: #ffffff;
}
.sidebar-area .widget.widget_categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_categories ul li {
  margin-bottom: 10px;
}
.sidebar-area .widget.widget_categories ul li a {
  font-size: 14px;
  color: #868686;
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget.widget_categories ul li a span {
  float: right;
}
.sidebar-area .widget.widget_categories ul li a:hover {
  color: #f58942;
}
.sidebar-area .widget.widget_recent_entries .single-post .pull-left {
  margin-right: 10px;
}
.sidebar-area .widget.widget_recent_entries .single-post .pull-left a img {
  width: 100%;
}
.sidebar-area .widget.widget_recent_entries .single-post .media-body .posted-date a {
  display: block;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
/* ------------------------------------
25.Contat Us Area Start Here 
---------------------------------------*/
.contact-us-area {
  padding: 100px 0;
}
.contact-us-area .single-info .media .pull-left {
  margin-right: 15px;
}
.contact-us-area .single-info .media .pull-left i {
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  color: #ffffff;
  font-weight: 600;
  background: #f58942;
  font-size: 24px;
}
.contact-us-area .single-info .media .media-body h4.media-heading {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
}
.contact-us-area .single-info .media .media-body p {
  font-size: 14px;
  font-weight: 600;
}
.contact-us-area .contact-form {
  margin-top: 60px;
}
.contact-us-area .contact-form h2 {
  font-size: 24px;
  text-transform: uppercase;
  margin-left: 15px;
}
.contact-us-area .contact-form .main-contact-form fieldset input {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 0;
  height: 45px;
  border: 1px solid #dddddd;
  margin-right: 20px;
}
.contact-us-area .contact-form .main-contact-form fieldset input:focus {
  border: 1px solid #dddddd;
  box-shadow: none;
}
.contact-us-area .contact-form .main-contact-form fieldset textarea {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
  border: 1px solid #dddddd;
}
.contact-us-area .contact-form .main-contact-form fieldset textarea:focus {
  box-shadow: none;
  border: 1px solid #dddddd;
}
.contact-us-area .contact-form .main-contact-form fieldset .btn-send {
  background: #f58942;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 55px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.contact-us-area .contact-form .main-contact-form fieldset .btn-send:hover {
  background: #b0360a;
}
.contact-us-area .feature-image {
  margin-top: 140px;
}
.contact-us-area .feature-image img {
  width: 100%;
}
/* ------------------------------------
26.Error Error Area Start Here 
---------------------------------------*/
.error-page-area {
  padding: 150px 0;
  background: url(images/error.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.error-page-area .error-page h1 {
  font-size: 300px;
  font-weight: 600;
  color: #dddddd;
}
.error-page-area .error-page span {
  display: block;
  font-weight: 600;
  color: #ededed;
  font-size: 60px;
  margin-bottom: 60px;
}
.error-page-area .error-page a {
  display: inline-block;
  padding: 10px 30px;
  background: #f58942;
  color: #ffffff;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.error-page-area .error-page a:hover {
  background: #b0360a;
}
/* ------------------------------------
27.Home Two Page Styling Start Here 
---------------------------------------*/
.header-two {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #f58942;
}
.header-two .main-menu ul li a {
  color: #ffffff;
}
/* ------------------------------------
27.1 Slider Setting start Here 
---------------------------------------*/
.slider-area.home-two-slider .slider-1 h1.title1 {
  margin: 0px !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
}
.slider-area.home-two-slider .slider-1 div.title2 {
  text-align: right;
  color: #ffffff;
}
.slider-area.home-two-slider .slider-1 .slider-botton {
  margin-right: 0px !important;
}
.slider-area.home-two-slider .slider-1 .slider-botton ul li.active a {
  background: #f58942 !important;
  border: 1px solid #f58942 !important;
}
.slider-area.home-two-slider .slider-1 .slider-botton ul li a {
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.slider-area.home-two-slider .slider-2 h1.title1 {
  margin: 0px !important;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.slider-area.home-two-slider .slider-2 div.title2 {
  text-align: center;
  padding: 0 550px !important;
  margin: 10px 0 0;
}
.slider-area.home-two-slider .slider-2 .slider-botton {
  margin-right: 0px !important;
  margin-top: 40px;
}
.slider-area.home-two-slider .slider-2 .slider-botton ul li.active a {
  background: #f58942;
  border: 1px solid #f58942;
}
.slider-area.home-two-slider .slider-1 .title-container div.slider-botton ul li.acitve a {
  border: 1px solid #f58942 !important;
}
/* ------------------------------------
27.2 Home Two Services Area Start Here 
---------------------------------------*/
.home-two-services-area {
  margin-top: -26px;
  overflow: hidden;
}
.home-two-services-area .home-two-services ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.home-two-services-area .home-two-services ul li {
  display: inline-block;
  float: left;
  width: 25%;
}
.home-two-services-area .home-two-services ul li .single-services-items {
  position: relative;
  padding: 75px 30px;
}
.home-two-services-area .home-two-services ul li .single-services-items:hover:after {
  opacity: 1;
  z-index: 1;
  transform: scale(1);
}
.home-two-services-area .home-two-services ul li .single-services-items:after {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.5s ease 0s;
  transform: scale(0);
}
.home-two-services-area .home-two-services ul li .single-services-items .content i {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;
  display: block;
}
.home-two-services-area .home-two-services ul li .single-services-items .content h3 {
  margin-bottom: 40px;
}
.home-two-services-area .home-two-services ul li .single-services-items .content h3 a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
.home-two-services-area .home-two-services ul li .single-services-items .content h3 a:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: -20px;
  background: #ffffff;
  height: 2px;
  content: "";
  width: 40px;
}
.home-two-services-area .home-two-services ul li .single-services-items .content p {
  color: #ffffff;
}
.home-two-services-area .home-two-services ul li:nth-child(1) {
  background: #fc9069;
}
.home-two-services-area .home-two-services ul li:nth-child(2) {
  background: #fb7e50;
}
.home-two-services-area .home-two-services ul li:nth-child(3) {
  background: #fb6b37;
}
.home-two-services-area .home-two-services ul li:nth-child(4) {
  background: #f58942;
}
/* ------------------------------------
27.3 Home Two About Section Start Here 
---------------------------------------*/
.home-two-about-area {
  padding: 100px 0;
  overflow: hidden;
}
.home-two-about-area .tab-content {
  background: #ededed;
  text-align: center;
  margin-top: 30px;
}
.home-two-about-area .tab-content .tab-pane.active {
  position: relative;
}
.home-two-about-area .tab-content .tab-pane.active .images {
  padding: 40px;
  animation: 1s ease-in-out 0s normal both 1 running moveUp;
}
.home-two-about-area .tab-content .tab-pane.active .images img {
  width: auto;
  display: block;
  text-align: center;
  margin: auto;
}
.home-two-about-area .tab-content .tab-pane.active .features-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-two-about-area .tab-content .tab-pane.active .features-list ul li {
  display: block;
  float: inherit;
}
.home-two-about-area .tab-content .tab-pane.active .features-list ul li:nth-child(1) {
  position: absolute;
  top: -6px;
  left: 155px;
  -webkit-animation: fadeInLeft 1000ms ease-in-out;
  -moz-animation: fadeInLeft 1000ms ease-in-out;
  -ms-animation: fadeInLeft 1000ms ease-in-out;
  animation: fadeInLeft 1000ms ease-in-out;
}
.home-two-about-area .tab-content .tab-pane.active .features-list ul li:nth-child(2) {
  position: absolute;
  bottom: 55%;
  right: 10%;
  -webkit-animation: fadeInRight 2500ms ease-in-out;
  -moz-animation: fadeInRight 2500ms ease-in-out;
  -ms-animation: fadeInRight 2500ms ease-in-out;
  animation: fadeInRight 2500ms ease-in-out;
}
.home-two-about-area .tab-content .tab-pane.active .features-list ul li:nth-child(3) {
  position: absolute;
  top: 80px;
  left: 115px;
  -webkit-animation: fadeInLeft 4000ms ease-in-out;
  -moz-animation: fadeInLeft 4000ms ease-in-out;
  -ms-animation: fadeInLeft 4000ms ease-in-out;
  animation: fadeInLeft 4000ms ease-in-out;
}
.home-two-about-area .tab-content .tab-pane.active .features-list ul li:nth-child(4) {
  position: absolute;
  bottom: 15%;
  right: 30%;
  -webkit-animation: fadeInRight 5500ms ease-in-out;
  -moz-animation: fadeInRight 5500ms ease-in-out;
  -ms-animation: fadeInRight 5500ms ease-in-out;
  animation: fadeInRight 5500ms ease-in-out;
}
.home-two-about-area .nav-tabs {
  border: 0px solid #ffffff;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: auto;
  text-align: left;
  margin-top: 30px;
}
.home-two-about-area .nav-tabs li {
  border: 0px solid #ffffff;
  display: block !important;
  float: inherit;
}
.home-two-about-area .nav-tabs li .single-about-services {
  width: 360px;
  margin: 15px;
}
.home-two-about-area .nav-tabs li .single-about-services h3 {
  margin-bottom: 40px;
  color: #000000;
  font-weight: 400;
  font-size: 24px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.home-two-about-area .nav-tabs li .single-about-services h3 i {
  font-weight: 800;
  font-size: 50px;
  font-style: normal;
  color: #f58942;
  margin-right: 10px;
}
.home-two-about-area .nav-tabs li.active {
  border: 0px solid #ffffff;
  position: relative;
}
.home-two-about-area .nav-tabs li.active:after {
  content: "";
  width: 60px;
  height: 60px;
  background: #ededed;
  top: 14%;
  left: -60px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  transition: all 0.5s ease 0s;
}
.home-two-about-area .nav-tabs li.active a .single-about-services {
  width: 360px;
}
.home-two-about-area .nav-tabs li.active a .single-about-services h3 {
  margin-bottom: 40px;
  color: #f58942;
  font-weight: 400;
  font-size: 24px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.home-two-about-area .nav-tabs li.active a .single-about-services h3 i {
  font-weight: 800;
  font-size: 50px;
  font-style: normal;
  color: #f58942;
  margin-right: 10px;
}
.home-two-about-area .nav-tabs li a {
  border: 0px solid #ffffff;
  color: #000000;
}
.home-two-about-area .nav-tabs li a img {
  border: 0px solid #ffffff;
}
.home-two-about-area .nav-tabs li a:hover {
  background: transparent;
  border: 0px solid #ffffff;
  outline: none;
}
.home-two-about-area .nav-tabs li a:hover:focus {
  outline: none;
  border: 0px solid #ffffff;
}
.home-two-about-area .nav-tabs li a:focus {
  outline: none;
  border: 0px solid #ffffff;
}
/* ------------------------------------
27.4 Home Two Banner Start Here 
---------------------------------------*/
.home-two-banner-area {
  padding: 150px 0;
  background: url(images/banner/3.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.home-two-banner-area .home-two-banner h2 {
  font-weight: 600;
  color: #ffffff;
  font-size: 36px;
  color: #f58942;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.home-two-banner-area .home-two-banner h2 span {
  color: #ffffff;
}
.home-two-banner-area .home-two-banner p {
  color: #ffffff;
  font-size: 14px;
}
/* ------------------------------------
27.5 Home Tw0 Trainers Section Area Start Here 
---------------------------------------*/
.trainer-area {
  background-size: cover;
  background-position: center center;
  padding: 100px 0;
}
.trainer-area ul.tabmenu-list {
  text-align: center;
  margin-top: 40px;
}
.trainer-area ul.tabmenu-list.single-trainer {
  margin-top: 0 !important;
}
.trainer-area ul.tabmenu-list li {
  margin: 0 15px;
}
.trainer-area ul.tabmenu-list li.active a img {
  border: 10px solid #f58942;
}
.trainer-area ul.tabmenu-list li a {
  display: block;
}
.trainer-area ul.tabmenu-list li a img {
  transition: all 0.5s ease 0s;
  width: 100%;
  background: #ededed;
}
.trainer-area .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.trainer-area .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.trainer-area .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.trainer-area .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.trainer-area .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.trainer-area .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.trainer-area .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.trainer-area .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.trainer-area .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.trainer-area .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.trainer-area .tabmenu-content-area {
  padding: 0 0 0;
  transition: all 0.5s ease 0s;
}
.trainer-area .tabmenu-content-area .tabcontent-feature-image {
  background: #f58942 !important;
  overflow: hidden;
  min-height: 530px;
}
.trainer-area .tabmenu-content-area .tabcontent-feature-image a {
  display: block;
}
.trainer-area .tabmenu-content-area .tabcontent-feature-image a img {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.trainer-area .tabmenu-content-area .trainer-content-area {
  background: #ededed;
  min-height: 400px;
  padding: 30px;
}
.trainer-area .tabmenu-content-area .trainer-content-area h2 {
  margin: 0;
}
.trainer-area .tabmenu-content-area .trainer-content-area h2 a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  transition: all 0.5s ease 0s;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
}
.trainer-area .tabmenu-content-area .trainer-content-area h4 {
  color: #f58942;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
  margin: 0;
}
.trainer-area .tabmenu-content-area .trainer-content-area p {
  color: #000000;
  margin: 10px 0 60px;
}
.trainer-area .tabmenu-content-area .trainer-content-area .social-media ul {
  text-align: left;
}
.trainer-area .tabmenu-content-area .trainer-content-area .social-media ul li {
  display: inline-block;
  margin: 1px 0;
}
.trainer-area .tabmenu-content-area .trainer-content-area .social-media ul li a {
  border: 1px solid #000000;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-align: center;
  margin: auto;
  background: #000000;
}
.trainer-area .tabmenu-content-area .trainer-content-area .social-media ul li a:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
  -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}
.trainer-area .tabmenu-content-area .tab-pane {
  display: none;
}
.trainer-area .tabmenu-content-area .tab-pane.active {
  display: block;
}
/* ------------------------------------
 27.6 Home Two Banner Start Here 
 ---------------------------------------*/
.home-two-banner-area2 {
  padding: 150px 0;
  background: url(images/banner/4.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.home-two-banner-area2 .home-two-banner h2 {
  font-weight: 400;
  line-height:40px;
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 1px;
  position: relative;
}

.home-two-banner-area2 .home-two-banner h2 span {
  color: #f58942;
}
/* -----------------------------------
 27.6 Home Two Page Class Start Here 
 --------------------------------------*/
.home-two-classes-area {
  padding: 100px 0;
}
.home-two-classes-area .our-classes-slide {
  margin-top: 40px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide {
  margin: 0 15px;
  background: #dddddd;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images {
  position: relative;
  margin-bottom: 60px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images a {
  display: block;
  position: relative;
  overflow: hidden;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images a img:hover {
  transform: scale(1.2);
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images span {
  position: absolute;
  top: 0;
  right: 0;
  background: #f58942;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
  text-transform: uppercase;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images .trainer-picture {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ededed;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .images .trainer-picture img {
  border-radius: 50%;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-content {
  padding: 0 30px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-content .classes-informations {
  margin-top: 80px;
  margin-bottom: 20px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-content .classes-informations ul {
  margin: 0;
  padding: 0;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-content .classes-informations ul li {
  display: block;
  margin-bottom: 5px;
  color: #f58942;
  font-size: 18px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-content .classes-informations ul li span {
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-botton {
  padding: 0 30px 60px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-botton ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-botton ul li {
  display: inline-block;
  margin: 10px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-botton ul li:last-child {
  float: right;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-botton ul li a {
  display: block;
  padding: 7px 15px;
  color: #f58942;
  border: 1px solid #f58942;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
.home-two-classes-area .our-classes-slide .single-classes-slide .classes-botton ul li a:hover {
  background: #f58942;
  border: 1px solid #f58942;
  color: #ffffff;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* -----------------------------------
 27.7 Home Two Banner Three Start Here 
 --------------------------------------*/
.home-two-banner3-area {
  padding: 150px 0;
  background: url(images/banner/5.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.home-two-banner3-area .home-two-banner3 h2 {
  font-weight: 600;
  color: #ffffff;
  font-size: 48px;
  color: #f58942;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.home-two-banner3-area .home-two-banner3 h2 span {
  color: #ffffff;
}
.home-two-banner3-area .home-two-banner3 p {
  color: #ffffff;
  font-size: 30px;
}
.home-two-banner3-area .home-two-banner3 p span {
  color: #f58942;
  text-transform: uppercase;
}
/* ------------------------------------
27.8 Home Two Page Shop Area Start Here 
---------------------------------------*/
.home-two-shop-area {
  padding: 100px 0;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area {
  overflow: hidden;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product {
  position: relative;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product:hover .shop-informations h3 a {
  color: #f58942;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images:hover img {
  transform: scale(1.2);
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images:hover span {
  opacity: 1;
  left: 0;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images:hover .product-button {
  transform: scaleX(1);
  opacity: 1;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images:hover .shop-informations h3 a {
  color: #f58942;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images span {
  position: absolute;
  top: 0;
  left: -999;
  padding: 7px 10px;
  background: #f58942;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  opacity: 0;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images .product-button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  color: #ffffff;
  font-weight: 600;
  transform: scaleX(0);
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images .product-button ul {
  text-align: center;
  margin: 0 -2px;
  padding: 0;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images .product-button ul li {
  display: inline-block;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images .product-button ul li a {
  display: block;
  padding: 10px 33px;
  transition: all 0.5s ease 0s;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images .product-button ul li a:hover {
  background: #f58942;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .images .product-button ul li a i {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations h3 {
  margin-bottom: 10px;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations h3 a {
  font-weight: 600;
  font-size: 18px;
  transition: all 0.5s ease 0s;
  color: #000000;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations h3 a:hover {
  color: #f58942;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations .rating-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations .rating-area ul li {
  display: inline-block;
  margin-right: 5px;
  color: #FFCE44;
  font-size: 18px;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations .rating-area ul li:last-child {
  color: #dddddd;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations .rating-area ul li i:hover {
  color: #f58942;
}
.home-two-shop-area .shop-slide-two .single-shop-slide-area .col-lg-3.col-md-3.col-sm-6.col-xs-12.single-product .shop-informations p {
  font-weight: 600;
  font-size: 18px;
  color: #f58942;
  margin-bottom: 0;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-pagination .owl-page.active span {
  background: #f58942;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-pagination .owl-page span {
  background: #f58942;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-prev:hover {
  background: #b0360a;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-next {
  right: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #f58942;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  border-radius: 0px;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-next:hover {
  background: #b0360a;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
/* ------------------------------------
27.9 Our Skill Area  Start 
---------------------------------------*/
.our-skill-area {
  padding: 100px 0;
  background: url(images/banner/6.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.our-skill-area h1 {
  text-align: center;
  color: #ffffff;
}
.our-skill-area .our-skill-area .section-heading {
  margin-bottom: 70px;
}
.our-skill-area .our-skill-area .section-heading h1 {
  color: #fff;
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 20px;
}
.our-skill-area .single-skill {
  text-align: center;
}
.our-skill-area .single-skill h4 {
  color: #f58942;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}
/* ------------------------------------
27.10 Home Two Blog Strat Here 
----------------------------------------*/
.home-blog-area.home-two-blog {
  padding: 100px 0;
}
.home-blog-area.home-two-blog .blog-slider {
  margin-top: 40px;
}
.home-blog-area.home-two-blog .blog-slider .single-blog {
  background: #dddddd;
}
/* ------------------------------------
28.Home Three Start Here 
---------------------------------------*/
/* ------------------------------------
28.1 Header Area Start Here 
---------------------------------------*/
header .header-three-area .header-three-top {
  background: #1b1b1b;
  padding: 17px 0;
}
header .header-three-area .header-three-top .header-top-left p {
  margin-bottom: 0;
  color: #f2f2f2;
  font-size: 13px;
  font-weight: normal;
}
header .header-three-area .header-three-top .header-top-left p i {
  margin-right: 10px;
  color: #f58942;
  font-weight: 800;
}
header .header-three-area .header-three-top .header-top-middle p {
  margin-bottom: 0;
  color: #f2f2f2;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
header .header-three-area .header-three-top .header-top-middle p i {
  margin-right: 10px;
  color: #f58942;
  font-weight: 800;
}
header .header-three-area .header-three-top .header-top-right .social-media ul {
  text-align: right;
}
header .header-three-area .header-three-top .header-top-right .social-media ul li {
  display: inline-block;
  margin: 0px 5px;
}
header .header-three-area .header-three-top .header-top-right .social-media ul li a {
  display: block;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-align: center;
  margin: auto;
  font-weight: 600;
  font-size: 14px;
}
header .header-three-area .header-three-top .header-top-right .social-media ul li a:hover {
  color: #f58942;
}
header .header-three-area .header-three-middle {
  background: #222121;
  padding: 30px 0;
}
header .header-three-area .header-three-middle .header-middle-left form input {
  height: 45px;
  border-radius: 0;
  border: 0px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
header .header-three-area .header-three-middle .header-middle-left form input:focus {
  box-shadow: none;
  border: 0px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
header .header-three-area .header-three-middle .header-middle-left form span button {
  height: 45px;
  border-radius: 0;
  border: 0px solid #ffffff;
  background: transparent;
}
header .header-three-area .header-three-middle .header-middle-left form span button i {
  color: #f58942;
  font-size: 14px;
  font-weight: 400;
}
header .header-three-area .header-three-middle .header-middle-middle .logo-area {
  text-align: center;
}
header .header-three-area .header-three-middle .header-middle-middle .logo-area a {
  display: block;
}
header .header-three-area .header-three-middle .header-middle-middle .logo-area a img {
  text-align: center;
}
header .header-three-area .header-three-middle .header-middle-right {
  text-align: right;
  margin-top: 13px;
}
header .header-three-area .header-three-middle .header-middle-right a {
  display: inline-block;
  padding: 10px 20px;
  background: #f58942;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.5s ease 0s;
}
header .header-three-area .header-three-middle .header-middle-right a:hover {
  background: #b0360a;
}
header .header-three-area .header-three-bottom {
  background: rgba(0, 0, 0, 0.5);
  border-top: 1px solid #363636;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}
header .header-three-area .header-three-bottom .main-menu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
header .header-three-area .header-three-bottom .main-menu ul li {
  display: inline-block;
  padding: 38px 20px;
  position: relative;
  /* Dropdown Menu area */
}
header .header-three-area .header-three-bottom .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
header .header-three-area .header-three-bottom .main-menu ul li.megamenu .mega-menu-area {
  background: #2c2c2c none repeat scroll 0 0;
  right: -257%;
  opacity: 0;
  padding: 40px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 790px;
  z-index: 9999;
  margin-top: 0px;
  top: 100%;
}
header .header-three-area .header-three-bottom .main-menu ul li.megamenu .mega-menu-area .single-mega-menu {
  float: left;
  width: 25%;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
header .header-three-area .header-three-bottom .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
header .header-three-area .header-three-bottom .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #f58942 !important;
  padding-left: 7px;
}
header .header-three-area .header-three-bottom .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff !important;
  font-weight: 700;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
header .header-three-area .header-three-bottom .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
header .header-three-area .header-three-bottom .main-menu ul li.active a {
  color: #f58942;
}
header .header-three-area .header-three-bottom .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #f58942;
  content: "";
  bottom: 0;
  margin: auto;
}
header .header-three-area .header-three-bottom .main-menu ul li:hover a {
  color: #f58942;
}
header .header-three-area .header-three-bottom .main-menu ul li:after {
  position: absolute;
}
header .header-three-area .header-three-bottom .main-menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
header .header-three-area .header-three-bottom .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0 !important;
}
header .header-three-area .header-three-bottom .main-menu ul li ul li:after {
  display: none;
}
header .header-three-area .header-three-bottom .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
header .header-three-area .header-three-bottom .main-menu ul li ul li a {
  display: block;
  padding: 6px 27px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
  font-size: 14px;
}
header .header-three-area .header-three-bottom .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #f58942 !important;
}
header .header-three-area .header-three-bottom .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
/* ------------------------------------
28.2 Home Three Page About Section Start Here 
---------------------------------------*/
.home-three-about-area {
  padding: 85px 0;
}
.home-three-about-area .about-three-picture-area .image {
  position: relative;
  overflow: hidden;
}
.home-three-about-area .about-three-picture-area .image img {
  text-align: center;
}
.home-three-about-area .about-three-picture-area .image h3 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  left: -60px;
  text-transform: uppercase;
  font-size: 30px;
  color: #dddddd;
  -webkit-animation: zoomRight 500ms ease-in-out;
  -moz-animation: zoomRight 500ms ease-in-out;
  -ms-animation: zoomRight 500ms ease-in-out;
  animation: zoomIn 500ms ease-in-out;
}
.home-three-about-area .about-three-picture-area .image h3:after {
  position: absolute;
  top: 12px;
  right: -212px;
  width: 200px;
  height: 6px;
  content: "";
  background: #dddddd;
}
.home-three-about-area .about-three-content-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-three-about-area .about-three-content-area ul li {
  display: block;
  margin-bottom: 30px;
}
.home-three-about-area .about-three-content-area ul li .media .pull-left {
  margin-right: 20px;
}
.home-three-about-area .about-three-content-area ul li .media .pull-left a {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: #f58942;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
}
.home-three-about-area .about-three-content-area ul li .media .pull-left a:hover {
  background: #b0360a;
}
.home-three-about-area .about-three-content-area ul li .media .pull-left a i {
  font-weight: 600;
  font-size: 35px;
  color: #ffffff;
  font-style: normal;
}
.home-three-about-area .about-three-content-area ul li .media .media-body h3 {
  position: relative;
  position: hidden;
}
.home-three-about-area .about-three-content-area ul li .media .media-body h3:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 2px;
  content: "";
  background: #f58942;
}
.home-three-about-area .about-three-content-area ul li .media .media-body h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.home-three-about-area .about-three-content-area ul li .media .media-body h3 a:hover {
  color: #f58942;
}
/* ------------------------------------
28.3 Home Page Three Banner One and Trainers Start Here 
---------------------------------------*/
.home-trainer-area.home-three-trainers-area {
  background: transparent;
}
.blog-three-area {
  margin-top: 100px;
}
/* ------------------------------------
29.29.Home Page Our Agent Area Start Here 
---------------------------------------*/
.home-our-agent-area {
  padding: 90px 0;
  background: #f8f8f8;
}
.home-our-agent-area .single-agent {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  margin: 15px 0;
}
.home-our-agent-area .single-agent:hover .agent-details {
  margin: 15px;
  padding: 10px 0 0;
  background: rgba(245, 137, 66, 0.8);
}
.home-our-agent-area .single-agent:hover .agent-details h3 {
  margin-bottom: 5px;
  
}
.home-our-agent-area .single-agent:hover .agent-details h3 a {
  display: block;
  color: #fff;
  transition: all 0.5s ease 0s;
  font-weight: 400;
}
.home-our-agent-area .single-agent:hover .agent-details p.designation {
  color: #ffffff;
}
.home-our-agent-area .single-agent a {
  display: block;
}
.home-our-agent-area .single-agent a img {
  width: 100%;
}
.home-our-agent-area .single-agent .agent-details {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin-bottom: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.home-our-agent-area .single-agent .agent-details h3 {
  margin-bottom: 5px;
}
.home-our-agent-area .single-agent .agent-details h3 a {
  display: block;
  color: #f58942;
  transition: all 0.5s ease 0s;
  font-weight: 400;
  font-size: 20px;
}
.home-our-agent-area .single-agent .agent-details p.designation {
  color: #f58942;
}
.home-our-agent-area .single-agent .button {
  position: absolute;
  bottom: 0 ;
  right: 0;
}
.home-our-agent-area .single-agent .button a {
  display: inline-block;
  padding: 8px 20px;
  background: #f58942;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.home-our-agent-area .single-agent .button a:hover {
  background: #b0360a;
}
/* ------------------------------------
30.Trainers Three Start Here
---------------------------------------*/
.team-area-three {
  padding: 100px 0;
}
.team-area-three .single-team .team-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.team-area-three .single-team .team-image:hover .overley {
  opacity: 1;
  transform: scale(1);
}
.team-area-three .single-team .team-image a {
  display: block;
}
.team-area-three .single-team .team-image a img {
  width: 100%;
}
.team-area-three .single-team .team-image .overley {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: scale(0);
  background: rgba(0, 0, 0, 0.8);
}
.team-area-three .single-team .team-image .overley .team-link {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: center;
}
.team-area-three .single-team .team-image .overley .team-link a {
  display: block;
}
.team-area-three .single-team .team-image .overley .team-link a i {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.team-area-three .single-team .team-image .overley .team-link a i:hover {
  color: #f58942;
}
.team-area-three .single-team .team-image .overley .social-media {
  position: absolute;
  right: 2px;
  bottom: 1px;
}
.team-area-three .single-team .team-image .overley .social-media ul li {
  display: block;
  margin: 1px 0;
}
.team-area-three .single-team .team-image .overley .social-media ul li a {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  transition: all 0.5s ease 0s;
  color: #222222;
}
.team-area-three .single-team .team-image .overley .social-media ul li a:hover {
  color: #f58942;
  font-size: 12px;
}
.team-area-three .single-team .team-details {
  text-align: center;
}
.team-area-three .single-team .team-details h3 {
  margin-bottom: 10px;
}
.team-area-three .single-team .team-details h3 a {
  transition: all 0.5s ease 0s;
  display: block;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.team-area-three .single-team .team-details h3 a:hover {
  color: #f58942;
}
/* ------------------------------------
31.Trainers Fours Start Here 
---------------------------------------*/
.team-area-four {
  padding: 85px 0;
}
.team-area-four .single-team {
  padding: 30px 0 0 0;
  margin: 15px 0;
  background: #f5f5f5;
  min-height: 450px;
  transition: all 0.5s ease 0s;
  position: relative;
  overflow: hidden;
}
.team-area-four .single-team:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f58942;
  top: -97%;
  content: "";
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  transition: all .9s;
}
.team-area-four .single-team:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f58942;
  bottom: -97%;
  content: "";
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  transition: all .9s;
  opacity: 0;
}
.team-area-four .single-team:hover {
  -webkit-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.5);
}
.team-area-four .single-team:hover:before {
  opacity: 0;
}
.team-area-four .single-team:hover:after {
  opacity: 1;
}
.team-area-four .single-team .team-image a {
  display: block;
  height: 160px;
  margin: auto;
  text-align: center;
  width: 160px;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
}
.team-area-four .single-team .team-image a:hover:after {
  opacity: 1;
  transform: scale(1);
}
.team-area-four .single-team .team-image a:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: scale(0);
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.team-area-four .single-team .team-image a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 100%;
}
.team-area-four .single-team .team-details {
  text-align: center;
  margin-top: 30px;
}
.team-area-four .single-team .team-details h3 {
  margin-bottom: 10px;
}
.team-area-four .single-team .team-details h3 a {
  transition: all 0.5s ease 0s;
  display: block;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.team-area-four .single-team .team-details h3 a:hover {
  color: #f58942;
}
.team-area-four .single-team .team-details span {
  text-transform: uppercase;
}
.team-area-four .single-team .team-details .social-media {
  margin-top: 30px;
}
.team-area-four .single-team .team-details .social-media ul {
  text-align: center;
}
.team-area-four .single-team .team-details .social-media ul li {
  display: inline-block;
  margin: 1px 0;
}
.team-area-four .single-team .team-details .social-media ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  transition: all 0.5s ease 0s;
  color: #444444;
  text-align: center;
  margin: auto;
  background: #ffffff;
}
.team-area-four .single-team .team-details .social-media ul li a:hover {
  background: #f58942;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
}
/* ------------------------------------
32.Our Classes Three Area Start Here  
---------------------------------------*/
#Container .mix {
  display: none;
}
.classes-three-area {
  padding: 100px 0;
}
.classes-three-area .classes-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #cccccc;
}
.classes-three-area .classes-menu ul li {
  display: inline-block;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  position: relative;
  cursor: pointer;
  border: 1px solid #cccccc;
}
.classes-three-area .classes-menu ul li:hover {
  color: #f58942;
}
.classes-three-area .classes-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  content: "";
  background: #f58942;
  bottom: 0;
  margin: auto;
}
.classes-three-area .classes-menu ul li.active {
  position: relative;
  color: #f58942;
}
.classes-three-area .classes-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  content: "";
  background: #f58942;
  bottom: 0;
  margin: auto;
}
.classes-three-area .single-classes {
  position: relative;
  margin: 15px 0;
  overflow: hidden;
}
.classes-three-area .single-classes:hover .overley {
  opacity: 1;
  transform: scale(1);
}
.classes-three-area .single-classes .classes-image {
  overflow: hidden;
  position: relative;
  height: 250px;
}
.classes-three-area .single-classes .classes-image a {
  display: block;
}
.classes-three-area .single-classes .classes-image a img {
  width: 100%;
  min-height: 250px;
}
.classes-three-area .single-classes .overley {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: scale(0);
  background: rgba(0, 0, 0, 0.8);
}
.classes-three-area .single-classes .overley .classes-details {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: center;
}
.classes-three-area .single-classes .overley .classes-details h3 {
  margin-bottom: 0px;
}
.classes-three-area .single-classes .overley .classes-details h3 a {
  transition: all 0.5s ease 0s;
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.classes-three-area .single-classes .overley .classes-details h3 a:hover {
  color: #f58942;
}
.classes-three-area .single-classes .overley .classes-details span {
  color: #ffffff;
  margin-bottom: 0;
}
/* ------------------------------------
33.Cart Page Start Here 
---------------------------------------*/
.cart-page-area {
  padding: 90px 0;
}
.cart-page-area .table-button-area {
  border: 0 solid #ededed;
  clear: both;
  margin: 0px 0 30px;
  padding: 10px 0;
}
.cart-page-area .table-button-area .button-area .button {
  display: block;
  background: #f5f5f5;
  border: 0px solid #f58942;
  color: #333333;
  padding: 6px 15px;
  transition: all 0.5s ease 0s;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
  margin-left: 10px;
}
.cart-page-area .table-button-area .button-area .button:hover {
  background: #ff5722;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.cart-page-area .cart-page tbody tr td img.shop-image {
  height: auto;
  padding: 0px;
}
.cart-page-area td.t-center .fa.fa-trash {
  color: #ff0000;
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 20px 0;
}
.cart-page-area .cart-page .t-center {
  text-align: center;
  margin: 20px 0;
  border: none;
}
.cart-page-area .cart-page thead {
  border-bottom: 1px solid #ededed;
}
.cart-page-area .t-center > a {
  display: block;
  text-align: center;
  color: #222222;
}
.cart-page-area .t-center > a:hover {
  color: #f58942;
}
.cart-page-area .a-center .input-text.qty {
  background: #f0f0f0 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  height: 40px;
  text-align: center;
  width: 60px;
  line-height: 60px;
  margin: 20px 0;
}
.cart-page-area .cart-page table.table tr {
  padding: 20px 0;
  display: table-row;
}
.cart-page-area .cart-page table.table tr:last-child {
  background: #ffffff none repeat scroll 0 0;
}
.cart-page-area .cart-page table.table .big-td {
  width: auto;
}
.cart-page-area .table-button-left {
  width: 48%;
  margin-right: 1%;
  float: left;
}
.cart-page-area .table-button-right {
  margin-left: 1%;
  float: right;
}
.cart-page-area .table-button-right ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.cart-page-area .table-button-right .button-area button.button {
  margin: 0;
}
.cart-page-area .min-area {
  margin-left: -15px;
  margin-right: -15px;
}
.cart-page-area .single-cart-form-button .button-area button.button {
  margin: 20px;
  display: block;
  background: #f58942;
  border: 1px solid #f58942;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 5px;
}
.cart-page-area .single-cart-form-button .button-area button.button:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
}
.cart-page-area .single-cart-form {
  border: 1px solid #dddddd;
}
.cart-page-area .single-cart-form-title {
  padding: 20px 20px 0;
}
.cart-page-area .single-cart-form-title h4 {
  margin-bottom: 10px;
}
.cart-page-area .single-cart-form-title p {
  margin-bottom: 0;
}
.cart-page-area .single-cart-form .form-list {
  padding: 0 15px 0 15px;
}
.cart-page-area .single-cart-form .form-list > p {
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0;
}
.cart-page-area .single-cart-form ul.form-list li .input-box .input-text.required-entry {
  width: 100%;
  height: 40px;
}
.cart-page-area .single-cart-form ul.form-list li .input-box select {
  width: 100%;
  height: 40px;
}
.cart-page-area .single-cart-form .table > tbody > tr > td {
  border-top: 0px solid #fff;
  font-weight: bold;
}
.cart-page-area .single-cart-form .table > tbody > tr > td.left {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.cart-page-area .single-cart-form .table > tbody > tr > td.right {
  text-align: right;
  font-size: 14px;
  font-weight: 300;
}
.cart-page-area .single-cart-form-last {
  padding: 20px 10px 0 15px;
  background: #fafafa none repeat scroll 0 0;
}
.cart-page-area .single-cart-form .table .total-money {
  font-size: 20px !important;
  font-weight: bold !important;
}
.cart-page-area .single-cart-coupon-button .button-area button.button {
  float: right;
  margin: 20px 0 0;
  display: block;
  background: #f58942;
  border: 1px solid #f58942;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 5px;
}
.cart-page-area .single-cart-coupon-button .button-area button.button:hover {
  background: #b0360a;
  border: 1px solid #b0360a;
}
.cart-page-area .multiple-access-checkout {
  margin: 10px 0 0;
  text-align: right;
}
.cart-page-area ul.form-list .form-group input[type="checkbox"],
.cart-page-area input[type="radio"] {
  box-sizing: border-box;
  display: block;
  float: left !important;
  padding: 3px;
  margin: 6px 10px 0 0;
}
.cart-page-area .multiple-access-checkout > a {
  transition: all 0.5s ease 0s;
  color: #444444;
}
.cart-page-area .multiple-access-checkout > a:hover {
  color: #f58942;
}
.cart-page-area .t-center.name {
  padding-top: 30px;
}
.cart-page-area .shopping-cart-form {
  margin-top: 20px;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left {
  background: #f0f0f0;
  padding: 60px;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left form input {
  height: 44px;
  border-radius: 0;
  width: 100%;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left form button {
  height: 44px;
  border-radius: 0;
  background: #ff5722;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 7px 20px;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left form label {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  color: #444444;
  border-radius: 0;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right h4 {
  padding: 25px 0;
  display: block;
  text-align: center;
  margin-bottom: 8px;
  background: #ff5722 none repeat scroll 0 0 !important;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul li {
  display: block;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px 0;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul li:last-child {
  margin-top: 10px;
  border-top: 1px solid #f1f1f1;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul li span {
  float: right;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right .payment-button {
  margin-top: 30px;
  padding-bottom: 0;
  border: none;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right .payment-button a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 4px;
  color: #444444;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right .payment-button a:hover {
  background: #ff5722;
  color: #fff;
}
/* ------------------------------------
34.Checkout Page Area Start 
---------------------------------------*/
.checkout-page-area {
  padding: 100px 0 80px;
}
.checkout {
  display: block;
}
.total-area {
  border: none;
}
.panel.panel-default {
  border: medium none;
  margin-bottom: 15px;
}
.panel-heading {
  padding: 0px !important;
}
span.number {
  background: #f58942 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  float: left;
  height: 45px;
  line-height: 30px;
  margin: 0px 20px 0 0px;
  text-align: center;
  width: 45px;
  line-height: 45px;
}
.tab-number h4 {
  border: none;
  text-align: left;
  background: #f5f5f5;
}
.panel-heading.tab-number.active h4 a {
  background: #8abf00 none repeat scroll 0 0;
  color: #ffffff;
}
.tab-number a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 50px;
  color: #555;
}
.tab-number a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 50px;
  color: #555;
}
.left-checkout {
  float: left;
  width: 48%;
  margin-right: 1%;
}
.left-checkout h3,
.right-checkout h3 {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.left-checkout p {
  font-size: 1.08em;
  margin: 0 0 10px 0;
}
.right-checkout h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
em {
  color: red !important;
  margin-right: 15px !important;
}
.left-checkout ul.form-list li.control label {
  font-weight: normal;
  margin: 0px 0 0 0;
}
.left-checkout h4 {
  color: #555;
  margin: 10px 0 0px 0;
  font-weight: normal;
}
.left-checkout ul.features {
  padding-left: 18px;
}
.left-checkout .button-area {
  padding: 15px;
  margin-top: 20px;
}
.left-checkout .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.left-checkout .button-area button:hover {
  background: #1BB2C0;
}
.right-checkout {
  float: right;
  width: 48%;
  margin-left: 1%;
}
.right-checkout ul.form-list .input-box .input-text.required-entry {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
}
.right-checkout ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 5px 0;
}
.right-checkout .button-area {
  padding-top: 15px;
  border: 1px solid #eee;
  margin-top: 20px;
}
.right-checkout .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.right-checkout .button-area button:hover {
  background: #1BB2C0;
}
.right-checkout a.f-left {
  margin-left: 10px;
  color: #222222;
}
.right-checkout a.f-left:hover {
  color: #f58942;
}
.billing-information ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 0 0;
  margin-top: 10px;
}
.checkout-progress {
  margin-bottom: 30px;
}
.checkout-progress > h2 {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.checkout-progress li.not-completed:after {
  content: "";
}
.checkout-progress li:after {
  color: #f58942;
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: 40px;
  margin-left: -10px;
}
.checkout-progress li {
  border-bottom: 2px solid #f58942;
  color: #f58942;
  display: inline-block;
  font-size: 1.08em;
  font-weight: normal;
  margin: 0 25px;
  text-transform: capitalize;
}
.checkout-progress li:last-child {
  border-bottom: none;
}
.checkout-progress li:last-child a {
  color: #777777;
}
.checkout-progress li a {
  color: #071041;
  display: block;
  padding: 15px;
}
.checkout-progress li a:hover {
  color: #f58942;
}
.checkout-progress li i {
  color: #666;
  padding: 0 10px 0 0;
}
.billing-information ul.form-list li .input-box .input-text.required-entry {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
  margin-top: 10px;
  border: none;
}
.billing-information ul.form-list .input-box select {
  width: 100%;
  height: 38px;
  border-radius: 0;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
  margin-top: 10px;
}
.billing-information ul.form-list li.control label {
  font-weight: normal;
  margin: 0px 0 0 0;
}
.billing-information .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.billing-information .button-area button:hover {
  background: #1BB2C0;
}
.order-view-left {
  float: left;
}
.order-view-left li {
  line-height: 30px;
}
.order-view-right {
  float: right;
}
.order-view-right li {
  line-height: 30px;
}
li.grand-total {
  font-weight: bold;
}
.credit-card-form {
  display: none;
}
.order-review,
.order-review-total-price {
  background: #f3f3f3 none repeat scroll 0 0 !important;
  display: block;
  overflow: hidden;
  padding: 5px;
}
.button-area button.button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #f58942;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
  margin-bottom: 15px;
}
.button-area button.button:hover {
  background: #b0360a;
}
p.f-left {
  display: inline;
  padding: 0 0 0 10px;
}
input[type="radio"] {
  line-height: normal;
  display: inline-block;
}
input[type="checkbox"] {
  line-height: normal;
  display: inline-block;
}
/* ------------------------------------
35.Account Page Start Here 
---------------------------------------*/
.loginregistration-area {
  padding: 100px 0;
}
.loginregistration-area .login-area {
  padding: 0px;
}
.loginregistration-area .login-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .login-area h2:after {
  background: #f58942;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .login-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .login-area fieldset label {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .login-area fieldset input {
  background: #f5f6f6;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 45px;
  border: none;
  margin-right: 20px;
}
.loginregistration-area .login-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset textarea {
  background: #f5f6f6;
  border-radius: 0;
  margin-right: 20px;
  border: none;
}
.loginregistration-area .login-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset .btn-send {
  background: #f58942;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 45px;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .login-area fieldset .btn-send:hover {
  background: #b0360a;
}
.loginregistration-area .login-area .connected-area {
  margin-top: 20px;
}
.loginregistration-area .login-area .connected-area p {
  color: #222222;
  font-size: 18px;
}
.loginregistration-area .login-area .connected-area ul li {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.loginregistration-area .login-area .connected-area ul li img {
  width: 100%;
}
.loginregistration-area .login-area .checkbox label input {
  margin: -10px 0 0 -25px;
  display: inline-block;
  outline: none;
}
.loginregistration-area .login-area .checkbox p {
  margin: 10px 0 10px 0px;
}
.loginregistration-area .login-area .checkbox p a {
  color: #000000;
  font-size: 14px;
  transition: all 0.5s ease 0s;
}
.loginregistration-area .login-area .checkbox p a:hover {
  color: #f58942;
}
.loginregistration-area .registration-area {
  padding: 0px;
}
.loginregistration-area .registration-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .registration-area h2:after {
  background: #f58942;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .registration-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .registration-area fieldset label {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .registration-area fieldset input {
  background: #f5f6f6;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: none;
  height: 45px;
  margin-right: 20px;
}
.loginregistration-area .registration-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset textarea {
  background: #f5f6f6;
  border-radius: 0;
  margin-right: 20px;
  border: none;
}
.loginregistration-area .registration-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset .btn-send {
  background: #f58942;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .registration-area fieldset .btn-send:hover {
  background: #b0360a;
}