@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:400,500,700,900');
/*....................................
Template Name: GymFit Fitness HTML5 Template.
Template URI: http://webriplex.com/
Description: GymFit Fitness HTML5 Template one of the most latest GYm HTML5 Template.
Author: webriplex
Author URI: http://webriplex.com/
Version: 1.0
....................................
CSS INDEX
....................................
1.Theme Default CSS (body, link color, section etc)
    1.1 Reset CSS
2.Header Area Start Here 
3. Start Slider Area
4.Home Page About Section Start Here
5.Home Trainer Area Start Here
6.Home Page Class Start Here
7.Home One Advertise Area Start Here
8.Home Page Shop Area Start Here
9.Testimonial Start Here
10.Home Gallery Start Here
11.Home Page Blog Start Here
12.Footer Area Start Here
13.Scroll Top Area Here
14.Breadcump Area Start Here 
15.Advertise Area Start Here
16.About Page Trainer Start Here
17.Trainer Page Start Here
18. Pagination Area Start Here 
19.Our Classes Area Start Here
20.Class Details Start Here
21.Shop Page Start Here
22.Single Shop Page Start Here
23.Blog Page Start Here
24. Single Blog Page Start Here
  24.1 Sidebar Area Start Here
25.Contat Us Area Start Here
26.Error Error Area Start Here
27.Home Two Page Styling Start Here
  27.1 Slider Setting start Here
  27.2 Home Two Services Area Start Here
  27.3 Home Two About Section Start Here
  27.4 Home Two Banner Start Here
  27.5 Home Tw0 Trainers Section Area Start Here
  27.6 Home Two Page Class Start Here
  27.7 Home Two Banner Three Start Here
  27.8 Home Two Page Shop Area Start Here
  27.9 Our Skill Area  Start
  27.10 How Two Blog Start Here
28.Home Three Start Here
  28.1 Header Area Start Here
  28.2 Home Three Page About Section Start Here
  28.3 Home Page Three Banner One Start Here
  28.4 Home Three Counter Down Area Start Here
29.Home Page Our Agent Area Start Here
30.Trainers Three Start Here
31.Trainers Fours Start Here
32.Our Classes Three Area Start Here 
33.Cart Page Start Here
34.Checkout Page Area Start
35.Account Page Start Here
....................................*/
/*....................................
1.Theme default CSS
....................................*/
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: #ff0066;
  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: #ff0066;
  text-shadow: none;
}
::selection {
  background: #ff0066;
  text-shadow: none;
}
.browserupgrade {
  margin: 26px  0;
  background: #ff0066;
  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;
}
.section-title h2 {
  font-size: 36px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
}
.section-title h2 span {
  color: #ff0066;
  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: #ff0066;
  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 #ff0066;
  color: #ff0066;
  padding: 10px 30px;
  display: block;
  font-size: 16px;
  font-weight: 600px;
  transition: all 0.5s ease 0s;
}
.read-more a:hover {
  background: #ff0066;
  color: #ffffff;
}
.padding-top {
  padding-top: 60px;
}
/*.....................................
2.Header Area Start Here 
.......................................*/
.header-area .logo-area {
  text-align: center;
  margin-top: 15px;
}
.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;
  text-align: center;
}
.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: #ff0066 !important;
  padding-left: 7px;
}
.header-area .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-weight: 700;
  transition: all 0.5s ease 0s;
  font-size: 16px;
}
.header-area .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.header-area .main-menu ul li.active a {
  color: #ff0066;
}
.header-area .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.header-area .main-menu ul li:hover a {
  color: #ff0066;
}
.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: 200px;
  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: #ff0066 !important;
}
.header-area .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.header-area .right-area {
  background: #ff0066;
  padding: 25px 50px;
  color: #ffffff;
  position: relative;
}
.header-area .right-area:before {
  border-color: transparent #ff0066;
  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: 700;
  font-size: 16px;
}
.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: center;
  margin-top: 5px;
}
.stick .logo-area a {
  display: block;
}
.stick .logo-area a img {
  text-align: center;
}
.stick.header-two {
  z-index: 999999;
  border-bottom: none !important;
}
.stick.header-two .main-menu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.stick.header-two .main-menu ul li {
  display: inline-block;
  padding: 25px 10px;
  position: relative;
  /* Dropdown Menu area */
}
.stick.header-two .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
.stick.header-two .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-two .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-two .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #ffffff !important;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
.stick.header-two .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #ff0066 !important;
  padding-left: 7px;
}
.stick.header-two .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000 !important;
  font-weight: 700;
  transition: all 0.5s ease 0s;
  font-size: 16px;
}
.stick.header-two .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick.header-two .main-menu ul li.active a {
  color: #ff0066;
}
.stick.header-two .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick.header-two .main-menu ul li:hover a {
  color: #ff0066;
}
.stick.header-two .main-menu ul li:after {
  position: absolute;
}
.stick.header-two .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-two .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0 !important;
}
.stick.header-two .main-menu ul li ul li:after {
  display: none;
}
.stick.header-two .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
.stick.header-two .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.header-two .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #ff0066 !important;
}
.stick.header-two .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.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: #ff0066 !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: 700;
  transition: all 0.5s ease 0s;
  font-size: 16px;
}
.stick.header-three-bottom .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick.header-three-bottom .main-menu ul li.active a {
  color: #ff0066;
}
.stick.header-three-bottom .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick.header-three-bottom .main-menu ul li:hover a {
  color: #ff0066;
}
.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: #ff0066 !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;
  text-align: center;
}
.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: #ff0066 !important;
  padding-left: 7px;
}
.stick .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-weight: 700;
  transition: all 0.5s ease 0s;
  font-size: 16px;
}
.stick .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick .main-menu ul li.active a {
  color: #ff0066;
}
.stick .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
.stick .main-menu ul li:hover a {
  color: #ff0066;
}
.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: 200px;
  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: #ff0066 !important;
}
.stick .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.stick .right-area {
  background: #ff0066;
  padding: 12px 45px !important;
  color: #ffffff;
  position: relative;
}
.stick .right-area:before {
  border-color: transparent #ff0066;
  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: 16px;
}
/*----------------------------------------
 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: #fff;
  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: #fff;
  font-size: 16px;
  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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066;
  border: 1px solid #ff0066;
  -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: 16px;
  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: #ff0066;
  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: #ff0066;
  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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066;
  border: 1px solid #ff0066;
  -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: 16px;
}
.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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066 !important;
  border: 1px solid #ff0066 !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: 16px;
}
.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: #ff0066;
}
.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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066;
  border: 1px solid #ff0066;
  -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: #ff0066 !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: 16px;
}
.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: 16px;
  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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066 !important;
  border: 1px solid #ff0066 !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: 16px;
}
.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: 16px;
  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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066 !important;
  border: 1px solid #ff0066 !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: 16px;
}
.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: 16px;
  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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066 !important;
  border: 1px solid #ff0066 !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: 16px;
}
.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: 16px;
  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: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066 !important;
  border: 1px solid #ff0066 !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: 16px;
}
.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: #ff0066 !important;
  cursor: pointer;
  border: 1px solid #ff0066 !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: 16px;
  display: inline-block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff0066;
  border: 1px solid #ff0066;
  -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;
  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: 16px;
}
.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/trainers/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(176, 54, 10, 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(251, 91, 33, 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: 16px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.home-trainer-area .team-area .single-team .images .overley h3 a {
  color: #ffffff;
}
.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: #ffffff;
  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: #ff0066;
}
.home-trainer-area .team-area .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  color: #ffffff;
  margin: 1px 0 0 0;
  font-size: 18px;
  padding: 16px;
}
.home-page-classes-area .classes-features .single-features .single-plan {
  font-size: 16px;
  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: #ff0066;
  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: #ff0066;
  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 #ff0066;
  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: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
  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 #ff0066;
  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 #ff0066;
}
.home-shop-area .shop-slide .single-shop .image span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  background: #ff0066;
  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 #ff0066;
  background: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
}
.home-shop-area .shop-slide .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: 16px;
  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: #ff0066;
  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: 16px;
  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 #ff0066;
}
.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: #ff0066;
}
.home-blog-area .blog-slider .single-blog:hover .others {
  border-top: 1px solid #ff0066;
}
.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: #ff0066;
  padding: 10px 15px;
  border: 1px solid #ff0066;
  font-weight: 600;
}
.home-blog-area .blog-slider .owl-controls .owl-pagination .owl-page.active span {
  background: #ff0066;
}
.home-blog-area .blog-slider .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  border: 1px solid #ff0066;
  border-radius: 0;
}
footer .footer-top .widget form input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ff0066;
}
footer .footer-top .widget form input:placeholder {
  color: #ff0066;
}
footer .footer-top .widget form .subscribe a {
  display: inline-block;
  color: #ffffff;
  background: #ff0066;
  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: #ff0066;
}
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: #ff0066;
  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: 100px 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: #ff0066;
  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: #ff0066;
}
.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);
}
/* ------------------------------------
15.Advertise Area Start Here 
---------------------------------------*/
.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: #ff0066;
  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: #ff0066;
  padding: 10px;
  border: 1px solid #ff0066;
}
.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: 16px;
  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: #ff0066;
}
.about-page-trainer .about-trainer-slide .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: 16px;
  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 #ff0066;
  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: #ff0066;
  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: #ff0066;
  text-transform: uppercase;
}
.class-details-area .class-details .share-now .share-text h4 {
  color: #6f6c6c;
  font-weight: 400;
  font-size: 16px;
  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: #ff0066;
}
.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: #ff0066;
  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: 16px;
  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: #ff0066;
}
.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: #ff0066;
}
.class-details-area .more-classes-area .more-classes .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: #ff0066;
}
.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: #ff0066;
}
.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 #ff0066;
  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 #ff0066;
}
.shop-area .tab-content .single-shop .image span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  background: #ff0066;
  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 #ff0066;
  background: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: #ff0066;
}
.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: #ff0066;
  border: 1px solid #ff0066;
  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 {
  border-bottom: 1px solid #dddddd;
}
.single-shop-area .product-details h2 {
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}
.single-shop-area .product-details p {
  font-size: 16px;
}
.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: #ff0066;
}
.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: #ff0066;
  border: 1px solid #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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 #ff0066;
}
.blog-page-area .single-blog:hover .blog-image a img {
  transform: scale(1.5);
}
.blog-page-area .single-blog:hover h3 a {
  color: #ff0066;
}
.blog-page-area .single-blog:hover .others {
  border-top: 1px solid #ff0066;
}
.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: #ff0066;
  padding: 10px 15px;
  border: 1px solid #ff0066;
  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: #ff0066;
  float: left;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 10px;
  border-right: 1px solid #ff0066;
}
.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: #ff0066;
  margin-right: 10px;
}
.blog-details-area .blog-content-area .blog-details-informations p {
  font-size: 16px;
}
.blog-details-area .blog-content-area .blog-details-informations blockquote {
  background: #f1f1f1;
  border-left: 3px solid #ff0066;
  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: 16px;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  transition: all 0.5s ease 0s;
  border: 1px solid #ff0066;
  padding: 2px 7px;
  text-transform: uppercase;
  margin-left: 0;
  font-size: 14px;
}
.sidebar-area .widget ul.tag-list li a:hover {
  background: #ff0066;
  border: 1px solid #ff0066;
  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 #ff0066;
  background: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
  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: 16px;
  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: #ff0066;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  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: #ff0066;
  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 #ff0066;
}
.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: #ff0066 !important;
  border: 1px solid #ff0066 !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: #ff0066;
  border: 1px solid #ff0066;
}
.slider-area.home-two-slider .slider-1 .title-container div.slider-botton ul li.acitve a {
  border: 1px solid #ff0066 !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: #ff0066;
}
/* ------------------------------------
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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: 16px;
}
/* ------------------------------------
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 #ff0066;
}
.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: #ff0066;
}
.trainer-area .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.trainer-area .owl-controls .owl-buttons .owl-prev {
  left: -50px;
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  background: #ff0066;
  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: #ff0066;
  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: 30px 0 0;
  transition: all 0.5s ease 0s;
}
.trainer-area .tabmenu-content-area .tabcontent-feature-image {
  background: #ff0066 !important;
  overflow: hidden;
  min-height: 400px;
}
.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: #ff0066;
  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: 600;
  font-size: 36px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}
.home-two-banner-area2 .home-two-banner h2:after {
  position: absolute;
  right: -250px;
  top: -50px;
  content: "";
  background: url(images/arrow-sign.png) no-repeat;
  width: 290px;
  height: 60px;
}
.home-two-banner-area2 .home-two-banner h2 span {
  color: #ff0066;
}
/* -----------------------------------
 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: #ff0066;
  color: #ffffff;
  font-size: 16px;
  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: #ff0066;
  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: #ff0066;
  border: 1px solid #ff0066;
  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: #ff0066;
  border: 1px solid #ff0066;
  color: #ffffff;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-pagination .owl-page.active span {
  background: #ff0066;
}
.home-two-classes-area .our-classes-slide .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  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: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
}
.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: 16px;
  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: #ff0066;
}
.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: #ff0066;
}
.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: #ff0066;
  margin-bottom: 0;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-pagination .owl-page.active span {
  background: #ff0066;
}
.home-two-shop-area .shop-slide-two .owl-controls .owl-pagination .owl-page span {
  background: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: #ff0066;
  font-size: 16px;
  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: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
header .header-three-area .header-three-top .header-top-left p i {
  margin-right: 10px;
  color: #ff0066;
  font-weight: 800;
}
header .header-three-area .header-three-top .header-top-middle p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
header .header-three-area .header-three-top .header-top-middle p i {
  margin-right: 10px;
  color: #ff0066;
  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: 16px;
}
header .header-three-area .header-three-top .header-top-right .social-media ul li a:hover {
  color: #ff0066;
}
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: #ff0066;
  font-size: 16px;
  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: #ff0066;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  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: #ff0066 !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: 16px;
}
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: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
header .header-three-area .header-three-bottom .main-menu ul li.active a {
  color: #ff0066;
}
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: #ff0066;
  content: "";
  bottom: 0;
  margin: auto;
}
header .header-three-area .header-three-bottom .main-menu ul li:hover a {
  color: #ff0066;
}
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: #ff0066 !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: #ff0066;
  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: #ff0066;
}
.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: #ff0066;
}
/* ------------------------------------
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(191, 51, 33, 0.7);
}
.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: #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 800;
}
.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: #ff0066;
  transition: all 0.5s ease 0s;
  font-weight: 800;
  font-size: 24px;
}
.home-our-agent-area .single-agent .agent-details p.designation {
  color: #ff0066;
}
.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: 10px 20px;
  background: #ff0066;
  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: #ff0066;
}
.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: #ff0066;
  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: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.team-area-three .single-team .team-details h3 a:hover {
  color: #ff0066;
}
/* ------------------------------------
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: #ff0066;
  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: #ff0066;
  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: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.team-area-four .single-team .team-details h3 a:hover {
  color: #ff0066;
}
.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: #ff0066;
  -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: 16px;
  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: #ff0066;
}
.classes-three-area .classes-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  content: "";
  background: #ff0066;
  bottom: 0;
  margin: auto;
}
.classes-three-area .classes-menu ul li.active {
  position: relative;
  color: #ff0066;
}
.classes-three-area .classes-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  content: "";
  background: #ff0066;
  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: 16px;
  font-weight: 600;
}
.classes-three-area .single-classes .overley .classes-details h3 a:hover {
  color: #ff0066;
}
.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 #ff0066;
  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: #ff0066;
}
.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: #ff0066;
  border: 1px solid #ff0066;
  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: #ff0066;
  border: 1px solid #ff0066;
  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: #ff0066;
}
.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: 16px;
  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: 16px;
  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: #ff0066 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: #ff0066;
}
.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: #ff0066;
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: 40px;
  margin-left: -10px;
}
.checkout-progress li {
  border-bottom: 2px solid #ff0066;
  color: #ff0066;
  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: #ff0066;
}
.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: #ff0066;
  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: #ff0066;
  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: 16px;
  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: #ff0066;
  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: 16px;
  transition: all 0.5s ease 0s;
}
.loginregistration-area .login-area .checkbox p a:hover {
  color: #ff0066;
}
.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: #ff0066;
  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: 16px;
  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: #ff0066;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 16px;
  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;
}

.floating-buttons {
    position: fixed;
    bottom: 20px;
    left: 20px;
}

.call-button,
.whatsapp-button {
    display: block;
    width: 50px; /* Adjust size as needed */
    height: 50px; /* Adjust size as needed */
    margin-bottom: 10px;
}