/*-------------------------------------------------------
[Table of contents]

1. Header
	+ Logo
	+ Navigation
		- mobile menu
		- mega menu
	+ Search & cart
	+ Header Option
	
2. Content
	+ Master slider
	+ Page title
	+ Man & Girl block
	+ Fit & Strong block
	+ About block
	+ Up Coming Event
	+ Pricing Table
	+ Training
	+ Time Table
	+ Our Price
	+ Athlete Class
	+ Our Success
	+ Facts
	+ Our Team
	+ Contact Form
	+ New Products
	+ Introduction
	+ Services
	+ News
	+ Shop-v2
	+ Collection
	+ Page Our Class
	+ Our Class Details
	+ Our Blog
	+ Blog Details
	+ Page Our Trainers
	+ Page Our Trainers Profile
	+ Page Our Pricing Table
	+ About Us
	+ Event Listing
	+ Event Listing Grid
	+ Calendar Full View
	+ Parallax Background
	+ Parallax Content	
	+ Product List
	+ Product List Row
	+ Product detail
	+ Product cart
	+ Product checkout
	
3. Panel
	+ Panel setting
	
4. Footer
	+ Copyrights 
	+ Social icons
	+ Back to top
	
5. Extra
	+ Coming soon page
	+ Welcome page	
	
--------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:700);

/*---------------------------------------------------
	COMMON STYLE
------------------------------------------------------*/
html body {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-family: 'Montserrat';
  background: none repeat scroll 0 0 #242424;
  color: #fff;
}

img {
  max-width: 100%;
}

div a:focus {
  color: #fff;
  text-decoration: none;
  outline: none !important;
}

div a,
div a:hover {
  color: #fff;
  text-decoration: none;
  font-family: 'Montserrat';
}

div a:hover {
  text-decoration: none;
}

p,
span {
  margin: 0;
  font-family: 'Montserrat';
}

div {
  font-family: 'Montserrat';
}

p+p {
  margin-top: 10px;
}

ul {
  list-style: none
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-bottom: 10px;
  margin-top: 20px;
}

div h1 {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Montserrat';
}

div h2 {
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Montserrat';
}

div h3 {
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Montserrat';
}

div h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Montserrat';
}

div h5,
h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Montserrat';
}

::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

.wrapper {
  position: relative;
}

/*---------------------------------------------------
	HEADER
------------------------------------------------------*/
.header {
  margin-bottom: 0;
}

#header {
  position: fixed;
  top: 0;
}

#header.reveal:not(.alt) {
  box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  width: 100%;
  top: 0;
}

#header.reveal:not(.alt) {
  -webkit-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -moz-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -ms-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -o-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  border: 1px solid transparent;
  background: #242424;
}

.header {
  position: relative;
  width: 100%;
  z-index: 9999;
  background: #0f0f0f;

}

.header.header-container {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  margin: 0 auto;
}

.page-category .header-container {
  background: none repeat scroll 0 0 #0f0f0f;
}

/*-- Logo --*/
.logo {
  padding: 0 !important;
}

.header-container .logo a {
  display: inline-block;
  margin: 30px 10px;
}

/*-- Navigation --*/

/* mobile menu */
.menu-wrap {
  border: 1px solid transparent;
  background: #ec3642;
  position: fixed;
  width: 270px;
  height: 100%;
  transition: transform ease 1s;
  -o-transition: -o-transform ease 1s;
  -ms-transition: -ms-transform ease 1s;
  -moz-transition: -moz-transform ease 1s;
  -webkit-transition: -webkit-transform ease 1s;
  transform: translateX(270px);
  -o-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  right: 0;
  top: 0;
  margin-right: -18px;
  z-index: 999999;
  overflow-y: scroll;
  padding: 0 15px;
}

.show-menu .menu-wrap {
  transition: all ease 0.6s;
  -o-transition: -o-transform ease 0.6s;
  -ms-transition: -ms-transform ease 0.6s;
  -moz-transition: -moz-transform ease 0.6s;
  -webkit-transition: -webkit-transform ease 0.6s;
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}

.content-wrapper:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0s;
  width: 0;
  z-index: 10000;
}

.show-menu .content-wrapper:before {
  height: 100%;
  opacity: 1;
  transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0s;
  width: 100%;
}

.main-menu {
  position: relative;
}

.main-menu h4 {
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.menu-wrap ul {
  list-style: outside none none;
  padding: 0;
}

.menu-wrap ul.nav-menu>li {
  padding-left: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.menu-wrap li a {
  color: #fff;
  display: block;
}

.menu-wrap ul.nav-menu>li>a {
  font-size: 14px;
  padding: 11px 0;
}

#close-button {
  background: none;
  border: none;
  color: #fff;
  position: absolute;
  right: 0;
  top: 11px;
  font-size: 18px;
}

#open-button {
  border: medium none;
  display: none;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 28px;
  width: 40px;
}

#open-button:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: '\f0c9';
  font-family: FontAwesome;
  text-align: center;
  color: #fff;
  font-size: 30px;
}

.dropdown a {
  text-decoration: none;
}

.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
  color: #fff;
  padding: 10px;
}

.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #fff !important;
  top: 14px;
  right: 10px;
}

.dropdown .icon-arrow.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown .icon-arrow.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  opacity: 1 !important;
}

.dropdown .icon-arrow:before {
  content: '\25BC';
}

.dropdown .dropdown-nav {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown .dropdown-nav li {
  padding: 0;
}

.dropdown .dropdown-nav li a {
  color: #fff;
  display: block;
  padding: 10px;
}

.dropdown .show,
.dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.dropdown .show {
  display: block;
  max-height: 9999px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}

.dropdown .hide {
  max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}

/* megamenu */
.megamenu {
  text-align: right
}

.megamenu ul.nav-menu {
  padding-left: 0;
}

.megamenu ul.nav-menu>li {
  display: inline-block;
  float: left;
  margin: 7px 15px;
  position: relative;
}

.boxing-page .megamenu ul.nav-menu>li {
  padding: 7px 15px;
  margin: 0;
}

.megamenu ul>li>a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 30px 0;
  padding: 0;
  position: relative;
  text-transform: none;

}

.megamenu ul.nav-menu>li :before,
.megamenu ul.nav-menu>li:after {
  border-bottom-color: #ec3642;
}

.megamenu ul.nav-menu>li:before {
  right: 50%;
}

.megamenu ul.nav-menu>li:after {
  left: 50%;
}

.megamenu ul.nav-menu>li:hover a,
.megamenu ul.nav-menu>li.active {
  color: #ec3642;
}

.megamenu ul.nav-menu>li:before,
.megamenu ul.nav-menu>li:after {
  border-bottom: 2px solid #ec3642;
  bottom: 28px;
  content: "";
  position: absolute;
  width: 0;
  transition: width 250ms ease-out 0s;
  -o-transition: width 250ms ease-out 0s;
  -ms-transition: width 250ms ease-out 0s;
  -moz-transition: width 250ms ease-out 0s;
  -webkit-transition: width 250ms ease-out 0s;
}

.boxing-page .megamenu ul.nav-menu>li:before,
.boxing-page .megamenu ul.nav-menu>li:after {
  bottom: -1px;
}

.megamenu ul.nav-menu>li:hover:before,
.megamenu ul.nav-menu>li:hover:after,
.megamenu ul.nav-menu>li.active:before,
.megamenu ul.nav-menu>li.active:after,
.megamenu ul.nav-menu>li:hover:before,
.megamenu ul.nav-menu>li:hover:after {
  width: 50%;
}

.mainnav .nav-menu li .child-nav {
  background-color: #fff;
  border: 1px solid #efefef;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  left: 0;
  top: 76px;
  list-style: outside none none;
  min-width: 240px;
  padding: 10px 18px;
  position: absolute;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

.boxing-page .mainnav .nav-menu li .child-nav {
  left: 0px;
  top: 115px;
}

.megamenu .nav-menu>li .child-nav:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 11px;
  top: -11px;
  content: "";
  left: -1px;
  position: absolute;
}

.megamenu .nav-menu>li:hover>.child-nav {
  opacity: 1;
  visibility: visible;
}

.megamenu .nav-menu>li ul.child-nav li {
  line-height: 24px;
  padding: 6px 0;
}

.megamenu .nav-menu>li ul.child-nav li+li {
  border-top: 1px solid #f2f2f2;
}

.megamenu .nav-menu>li ul.child-nav li a {
  color: #828282;
  display: block;
  margin: 0;
  text-align: left;
  font-size: 12px;
}

.megamenu .nav-menu>li ul.child-nav li>a:hover,
.megamenu .nav-menu>li ul.child-nav li.active>a {
  color: #ec3642;
}

.menu-wrap ul.nav-menu li ul.show {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.menu-wrap ul.nav-menu li li {
  padding-left: 18px;
}

.menu-wrap ul.nav-menu li li>a {
  padding: 6px 0;
}

.link-menu:hover {
  background: none !important;
}

.link-menu.active:hover {
  background: none !important;
}

.link-menu:focus {
  background: none !important;
}

/* Search & cart */
.shopping-cart {
  display: inline-block;
  padding-right: 5px;
}

.mini-cart {
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 54px;
  visibility: hidden;
  width: 250px;
  background: #2a2a2a !important;
  transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
}

.mini-cart .title {
  border-bottom: 1px solid #3b3b3b;
}

.mini-cart ul {
  padding-left: 0;
}

.mini-cart ul li {
  background: none repeat scroll 0 0 #2a2a2a !important;
  border-bottom: 1px solid #3b3b3b !important;
}

.mini-cart .check {
  background: none repeat scroll 0 0 #ec3642;
  border: medium none;
  font-size: 14px;
  height: 37px;
  line-height: 24px;
  margin-left: 15px;
  text-transform: none;
}

.mini-cart:before {
  border-color: transparent transparent #2a2a2a;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 50px;
  position: absolute;
  right: 48px;
  top: -50px;
}

.shopping-cart:hover .mini-cart {
  opacity: 1;
  visibility: visible;
}

.quick-access {
  line-height: 100px;
  text-align: right;
}

.search {
  display: inline-block;
}

.search-box {
  background-color: #2a2a2a;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 50px;
  list-style: outside none none;
  min-width: 240px;
  opacity: 0;
  position: absolute;
  right: 15px;
  top: 76px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  visibility: hidden;
  z-index: 999;
}

.search-box .top-search {
  background: none repeat scroll 0 0 #2a2a2a;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #828282;
  font-size: 12px;
  height: 35px;
  padding: 10px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: 8px;
  width: 223px;
}

.search-box:before {
  border-color: transparent transparent #2a2a2a;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 50px;
  position: absolute;
  right: 5px;
  top: -50px;
}

.search:hover .search-box {
  opacity: 1;
  visibility: visible;
}

.shopping-cart i,
.search i {
  background: none repeat scroll 0 0 #606060;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  height: 21px;
  padding-top: 5px;
  text-align: center;
  width: 21px;
}

.shopping-cart:hover i,
.search:hover i {
  background: none repeat scroll 0 0 #ec3642;
  cursor: pointer;
}

.search-box .sub-search {
  float: right;
  font-size: 14px;
  margin-right: 12px;
  margin-top: -25px;
  position: absolute;
  right: 0;
  top: 44px;
  z-index: 99;
}

/* Header Option */
.header-container-1 .quick-access {
  line-height: 10;
  text-align: right;
}

.header-option .shopping-cart i,
.header-option .search i {
  background: none repeat scroll 0 0 #ec3642;
}

.header-container-2,
.header-container-3 {
  background: none repeat scroll 0 0 #141414 !important;
  border-bottom: 2px solid #ec3642;
}

.header-container-2.reveal:not(.alt),
.header-container-3.reveal:not(.alt) {
  border-bottom: 2px solid #ec3642 !important;
}

.header-container-2 .megamenu {
  float: right;
  margin: 0 auto;
}

.header-container-2 .nav-menu {
  text-align: center;
}


.header-option .top-links {
  background: none repeat scroll 0 0 #242424;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-link {
  line-height: 4;
}

.address-top {
  margin-right: 15px;
}

.top-link span .fa {
  margin-right: 7px;
}

.top-links .quick-access {
  line-height: 4 !important;
}

.header-option .quick-access {
  line-height: 9;
}

.header-option .header-container-3 .shopping-cart i,
.header-option .search i {
  background: none repeat scroll 0 0 #ec3642;
}

.header-container-4 .quick-access {
  line-height: 7.9;
}

/*---------------------------------------------------
	CONTENT
------------------------------------------------------*/
/* Master slider */
.ms-fullscreen-template {
  min-height: 250px;
}

.master-slider {
  height: 100%;
  font-family: Lato, arial, sans-serif;
}

.ms-skin-default .ms-bullet {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  ;
  height: 13px;
  width: 13px;
}

.ms-skin-default .ms-bullet-selected {
  background: none repeat scroll 0 0 #ec3642;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 13px;
  width: 13px;
}

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  background: url("../images/light-skin-1.png") repeat scroll -89px -26px rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 40px;
  left: 30px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 110;
}

.ms-skin-default .ms-nav-next {
  background-position: -89px -103px;
  left: auto;
  right: 30px;
}

.ms-skin-light-6 .ms-bullet {
  background: #555;
  height: 9px;
  margin: 4px;
  width: 9px;
}

.ms-skin-light-6 .ms-bullet-selected {
  background-color: #fff;
}

.ms-skin-light-6.round-skin .ms-bullet {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

/* Slider banner */
.contents-main {
  /*background: none repeat scroll 0 0 #242424;*/
  margin-top: 608px;
}

.to-top {
  background-size: cover;
  display: block;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 0;
  width: 100%;
}

.slider-banner {
  position: relative;
  background: url("../images/boxing/bg_boxing.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.shop .slider-banner,
.one-page .slider-banner,
.index-white .slider-banner {
  position: relative;
  background: url("../images/bg_1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.home-v2 .slider-banner {
  position: relative;
  background: url("../images/bg-home-v2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.title-slider {
  margin: 50px 0;
  padding: 100px 0;
  text-align: center;
}

.title-top {
  font-size: 26px;
  font-weight: bold;
}

.title-bottom {
  font-size: 6em;
  font-weight: bold;
  padding-bottom: 20px;
}

.links {
  border: 2px solid;
  font-size: 18px;
  font-weight: bold;
  padding: 7px 15px;
  text-transform: uppercase;
}

.banner-content {
  margin-top: 40px;
  padding: 100px 0 90px;
}

.title-banner span {
  border: 2px solid;
  font-size: 26px;
  font-weight: bold;
  padding: 7px 15px;
  text-transform: uppercase;
}

.title-banner-1 {
  margin: 15px 0;
}

.title-banner-1 h2 {
  font-size: 80px;
  font-weight: bold;
  margin: 0;
}

.try-class a:before {
  border-left-color: #ec3642;
}

.try-class a:before {
  border-color: transparent transparent transparent #ec3642;
  border-style: solid;
  border-width: 14px;
  bottom: -11px;
  content: "";
  left: 0;
  position: absolute;
}

.try-class a {
  background: none repeat scroll 0 0 #ec3642;
}

.try-class a {
  background: none repeat scroll 0 0 #ec3642;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  padding: 10px 15px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
}

.info-banner p {
  font-size: 18px;
  text-transform: uppercase;
}

.info-banner .info-banner-1 {
  color: #ec3642;
}

/* Page Title */
.hps-title1 {
  border: 2px solid;
  padding: 12px;
  font-size: 26px;
  font-weight: bold;
  left: 101.756px;
  top: 180px;
}

.hps-title3 {
  font-size: 70px;
  font-weight: bold;
  left: 94px;
  top: 265px;
}

.hps-title4 {
  font-size: 18px;
  font-weight: bold;
  background: #ec3642;
  padding: 10px;
  left: 570px;
  top: 364px;
}

.boxing-page .alt {
  padding-top: 30px;
}

.boxing-page .nav-container {
  background: none repeat scroll 0 0 #171717;
}

.boxing-page .quick-access {
  background: none repeat scroll 0 0 #171717;
  height: 98px;
}

.boxing-page #header.reveal:not(.alt) {
  background: none repeat scroll 0 0 #171717;
}

.boxing-page .reveal:not(.alt) .nav-container,
.boxing-page .reveal:not(.alt) .quick-access {
  background: none repeat scroll 0 0 #171717;
}

.boxing-page .header-container .logo {
  background: none repeat scroll 0 0 #ec3642;
}

.boxing-page .header-container .logo a {
  padding: 27px 27px 27px 21px;
  margin: 0;
}

.boxing-page .mainnav ul.nav-menu>li {
  border-right: 1px solid #252524;
}

.boxing-page .mainnav ul.nav-menu>li:last-child {
  border: medium none;
}

.boxing-page .mainnav ul.nav-menu>li:first-child {
  border-left: 1px solid #252524;
}

.boxing-page .action-top {
  padding-right: 10px;
}

.boxing-page .mainnav ul.nav-menu {
  float: right;
  margin-bottom: 0;
}

.boxing-page .mainnav ul.nav-menu>li a:before,
.boxing-page .mainnav ul.nav-menu>li a:after {
  border-bottom: 2px solid #ec3642;
  content: "";
  position: absolute;
  transition: width 250ms ease-out 0s;
  -moz-transition: width 250ms ease-out 0s;
  -webkit-transition: width 250ms ease-out 0s;
  -ms-transition: width 250ms ease-out 0s;
  -o-transition: width 250ms ease-out 0s;
}

/* Man & Girl block */
.man-girl {
  position: relative;
  background: #ec3642;
}

.to-bottom {
  cursor: pointer;
  font-size: 24px;
  left: 50%;
  position: absolute;
}

/*.to-bottom:before {
  border-color: transparent transparent #ec3642;
  border-style: solid;
  border-width: 40px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
  height: 0;
  width: 0;
}*/
/*.to-bottom .fa {
  bottom: 0;
  left: -7px;
  position: absolute;
  text-align: center;
  top: -25px;
}*/
.man-girl .col-md-12,
.man-girl .col-md-4,
.man-girl .col-md-6 {
  padding: 0;
}

.content-main {
  min-height: 550px !important;
  position: relative !important;
}

.content-main-right {
  background: url("../images/image_split.png") no-repeat scroll left bottom transparent;
}

.img-class {
  bottom: 0;
  position: absolute;
  z-index: 0;
}

.content-main .img-class img {
  filter: url(filters.svg#grayscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}

.content-main:hover .img-class img {
  filter: none;
  -webkit-filter: grayscale(0);
}

.img-class-left {
  right: 0;
}

.img-class-right {
  left: 0;
}

.class-content {
  padding: 160px 185px 10px 0;
  text-align: right;
  color: #fff;
  position: relative;
}

.class-content-right {
  padding-left: 185px;
  padding-right: 0;
  text-align: left;
}

.class-content h3 {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 15px;
}

.class-content-text p {
  margin-bottom: 25px;
}

.join a,
.watch-video a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: auto;
  display: inline-block;
  font-size: 16px;
  height: 42px;
  padding: 0 20px;
  border: 2px solid #fff;
  color: #fff;
  text-transform: uppercase;
  line-height: 38px;
  position: relative;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.join a:hover,
.watch-video a:hover {
  color: #ec3642;
}

.join a:after,
.watch-video a:after {
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  width: 100%;
  z-index: -1;
  background: #fff;
}

.join a:hover:after,
.watch-video a:hover:after {
  height: 100%;
}

/* Fit & Strong block*/
.fit-strong {
  background: url("../images/onepage/bg_free-text.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
  background-size: 100% auto;
}

.fit-strong-left,
.fit-strong-right {
  margin-top: 100px;
  margin-bottom: 30px;
}

.fit-strong-top {
  padding-bottom: 43px;
}

.fit-background {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  height: 444px;
  position: absolute;
  right: 0;
  top: -33px;
  width: 300px;
}

.fit-strong-left .carousel {
  height: 400px;
  overflow: hidden;
}

.fit-strong-left .carousel-inner {
  overflow: visible;
}

.fit-strong-left .carousel-indicators {
  bottom: 10px;
  left: auto;
  margin-left: 0;
  right: 22px;
  top: 83px;
  width: auto;
}

.fit-strong-left .carousel-indicators li {
  background: none repeat scroll 0 0 #555;
  border: medium none;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: inherit;
  height: 9px;
  width: 9px;
  margin: 5px;
}

.fit-strong-left .carousel-indicators .active {
  background: none repeat scroll 0 0 #fff;
  margin: 5px;
}

.carousel-text .owl-carousel {
  display: block;
  left: 50%;
  margin-left: -94px;
  opacity: 1;
  position: relative;
  width: 250px;
}

.slide-caption {
  width: 250px;
}

.owl-controls.clickable {
  position: absolute;
  right: 23px;
  top: 85px;
  z-index: 99;
}

.more-views .clickable {
  display: none !important;
}

.owl-page {
  background: none repeat scroll 0 0 #555;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 9px;
  margin-bottom: 5px;
  width: 9px;
}

.owl-page.active {
  background: none repeat scroll 0 0 #fff;
}

.fit-strong-bottom h4 {
  font-size: 14px !important;
  line-height: 24px;
  padding-top: 20px;
}

.fit-strong-bottom p {
  font-size: 12px
}

.fit-strong-right {
  background: none repeat scroll 0 0 rgba(36, 36, 36, 0.5);
  margin-left: -5px;
  margin-right: -5px;
}

.fit-strong-right .text-box {
  padding: 30px 60px;
  z-index: 2;
  position: relative;
}

.text-box h5 {
  color: #ec3642;
  margin: 30px 0;
  text-transform: uppercase;
}

.text-box span {
  font-size: 24px;
}

.img-box-right {
  background: none repeat scroll 0 0 #ec3642;
  position: relative;
  width: 100%;
  height: 185px;
  margin-bottom: 125px;
}

.img-box-right-border {
  border-bottom: 125px solid transparent;
  border-left-style: solid;
  border-left-color: #ec3642;
  border-right: 0 solid #ec3642;
  bottom: -125px;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.img-box-right img {
  display: inline-block;
  margin-left: -15px;
  margin-top: -40px;
  position: relative;
  z-index: 2;
}

.img-box-right .open-hour {
  position: absolute;
  right: 5%;
  top: 50px;
  z-index: 9;
}

.img-box-right .open-hour .fa {
  float: left;
  font-size: 48px;
  padding-right: 10px;
  line-height: 70px;
}

.open-hours-title {
  float: left;
}

.open-hours-title h4 {
  font-size: 24px;
  margin-bottom: 0;
}

.open-hours-title p {
  font-size: 14px;
  text-transform: uppercase;
}

/* About */
.about {
  background: #242424;
  position: relative;
}

.about-top {
  background: url("../images/bg-position-3.jpg") repeat-x scroll center top transparent;
  padding-bottom: 30px;
  position: relative;
  background-size: 100% auto;
}

.about-top:before {
  position: absolute;
  z-index: 0;
  content: '';
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #242424, transparent);
  background: -o-linear-gradient(90deg, #242424, transparent);
  background: -moz-linear-gradient(90deg, #242424, transparent);
  background: -webkit-linear-gradient(90deg, #242424, transparent);
}

.title-page {
  padding-bottom: 20px;
  padding-top: 50px;
  text-align: center;
}

.title-page p {
  font-size: 14px;
}

.title-page h3 {
  margin-bottom: 15px;
  font-size: 36px;
}

.box-left {
  padding: 22px 16px;
  text-align: right;
}

.box-left .icon {
  float: right;
  text-align: right;
}

.box-left .icon .fa,
.box-right .icon .fa {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-size: 28px !important;
  height: 70px !important;
  line-height: 70px !important;
  margin: 10px 0 0 !important;
  position: relative;
  text-align: center;
  width: 70px !important;
}

.box-left .icon .fa,
.box-right .icon .fa {
  background: none repeat scroll 0 0 #ec3642;
}

.box-left .icon .fa:after,
.box-right .icon .fa:after {
  border-color: #ec3642 transparent transparent;
  border-style: solid;
  border-width: 14px;
  content: "" !important;
  position: absolute;
  right: -14px;
  top: 0;
}

.box-left .icon .fa:after,
.box-right .icon .fa:after {
  border-top-color: #ec3642;
}

.box-left .icon .fa,
.box-right .icon .fa {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  margin-top: 12px;
  width: 40px;
}

.box-left .content-about,
.box-right .content-about {
  margin: 0 85px 0 0 !important;
}

.box-right {
  text-align: left;
  padding: 22px 16px;
}

.box-right .icon {
  float: left;
  text-align: center;
}

.box-right .icon .fa:after {
  left: -14px;
  right: auto;
}

.box-right .content-about {
  margin: 0 0 0 85px !important;
}

.about-con {}

.about-btm-left,
.about-btm-center {
  background: none repeat scroll 0 0 #fff7f8;
  color: #5d5d5d;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
}

.about-bottom {
  background: #242424;
}

.about-bottom:before {
  background: url("../images/bg-position-2-before.png") repeat-x scroll center bottom transparent;
  bottom: 0;
  content: "";
  height: 182px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.about-bottom {
  position: relative;
}

.block-item-special>.about-box {
  transform: translateY(-80px);
  -o-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -webkit-transform: translateY(-80px);
}

.about-con .about-box {
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
  background: #fff7f8;
  color: #5d5d5d;
}

.hour,
.news,
.contact-us {
  padding-bottom: 20px;
  padding-top: 90px;
}

.about-bottom-title h4 {
  background: none repeat scroll 0 0 #ec3642;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  margin: 0;
  padding: 15px 5px 15px 25px;
}

.working-hours {
  color: #6a6a6a;
  padding: 8px 25px;
}

.working-hours p {
  padding: 9px 0 8px;
}

.time-hours-item {
  border-bottom: 1px solid #ece6e7;
  font-size: 14px;
  padding: 8px 0;
  text-transform: uppercase;
}

.time-hours-item span {
  float: right;
}

.news-content ul {
  background: none repeat scroll 0 0 #fff7f8;
  color: #5d5d5d;
  list-style: outside none none;
  margin: 0;
  padding: 11px 13px;
}

.news-item-inner {
  padding: 13px 10px;
}

.news-date {
  background: none repeat scroll 0 0 #ec3642;
  color: #fff;
  float: left;
  margin-top: 6px;
  padding: 0 5px;
  text-align: center;
  text-transform: uppercase;
  width: 53px;
}

.news-day {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  padding: 9px 0 1px;
}

.news-month {
  font-size: 14px;
  line-height: 1;
  padding: 3px 0 15px;
}

.news-info {
  margin-left: 80px;
}

.news-title a {
  font-size: 14px;
  text-transform: uppercase;
  color: #ec3642;
}

.news-time p {
  color: #5d5d5d;
}

.latest-news-item {
  border-bottom: 1px solid #ece6e7;
  padding-top: 8px;
}

.latest-news-item:hover {
  background: #ededed;
}


/*--------------------------------------------Page Boxing-------------------------------------*/
/*-------------------------------------Up Coming Event----------------------------*/
.event-box .col-main {
  float: right;
}

.event-box .col-md-9,
.event-box .col-md-12,
.event-box .col-md-4,
.event-box .col-md-8,
.event-box .col-md-6 {
  padding: 0;
}

.col-main {
  float: right !important;
}

.col-left.sidebar {
  overflow: hidden;
}

.boxing-content {
  padding: 100px 0;
  overflow: hidden;
}

.col2-layout .col-main {
  padding-left: 20px;
}

.reviews-content {
  background: none repeat scroll 0 0 #141414;
  margin-bottom: 25px;
}

.gallery {
  height: 343px;
}

.gallery .gallery-background {
  position: relative;
}

.gallery .gallery-content {
  margin-left: 30px;
  position: absolute;
  top: 100px;
  width: 50%;
}

.gallery .title-gallery {
  background: none repeat scroll 0 0 #ec3642;
  padding: 7px 10px;
  width: 84px;
}

.reviews-content .match-reviews h2,
.reviews-content .match-reviews h3 {
  padding-left: 30px;
}

.coming-event {
  background: url("../images/boxing/bg_services.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
  overflow: hidden;
  position: relative;
  z-index: 0;
  min-height: 1000px;
}

.coming-event h2 {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-transform: uppercase;
  width: 275px;
}

.coming-event h3 {
  font-size: 14px;
  text-transform: uppercase;
}

.sidebar-top {
  background: #ec3642;
}

.sidebar-top .timetable {
  margin-bottom: 25px;
  margin-top: 50px;
  text-align: center;
}

.sidebar-top .timetable .title span {
  font-size: 72px;
  font-weight: 700;
}

.sidebar-top .timetable .title p {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar-top .timetable .next i {
  font-size: 36px;
  font-weight: 700;
  margin-right: 10px;
  color: #bb121d;
}

.sidebar-bottom {
  background: none repeat scroll 0 0 rgba(17, 17, 17, 0.77);
  overflow: hidden;
}

.event-month {
  background: none repeat scroll 0 0 #ec3642;
  padding: 63px 0 45px;
  text-align: center;
}

.event-month .table-cell span {
  font-size: 72px;
  font-weight: bold;
}

.event-month .table-cell p {
  font-size: 14px;
  text-transform: uppercase;
}

.event-month .next .fa {
  color: rgba(0, 0, 0, 0.5);
  font-size: 36px;
  margin-right: 10px;
}

.sidebar-bottom .up-coming {
  padding-bottom: 20px;
}

.sidebar-bottom .up-coming h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.sidebar-bottom .up-coming {
  padding: 30px 0;
}

.up-coming .product-bottom {
  color: #7d7d7d;
  margin: 0 auto;
  width: 70px;
}

.sidebar-bottom .title-match {
  padding: 25px 0;
  text-align: center;
}

.index-boxing .parallax-content {
  text-align: right !important;
}

/*--------------------------------- Pricing Table -----------------------------------*/
.price-table,
.our-team-page {
  background: none repeat scroll 0 0 #242424;
  padding-top: 35px;
  position: relative;
  z-index: 1;
}

.price-contents {
  overflow: hidden;
  padding: 50px 0;
}

.price-table .col-md-4:first-child {
  padding-left: 0;
}

.price-tb .col-md-12:first-child {
  padding-left: 0;
}

.price-table-title h2 {
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}

.price-table-title h3 {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}

.price-list {
  background: none repeat scroll 0 0 #1b1b1b;
}

.border {
  border: 1px solid;
  margin: 0 30px;
  width: 90px;
}

.border-bottom {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 214px;
  margin-bottom: 15px;
}

.shop .border-bottom {
  border: 1px solid #fff;
}

.price-table-content {
  background: #ec3642;
}

.shop .price-table-content {
  background: none repeat scroll 0 0 #161616;
  margin: 50px 0;
}

.price-table-content {
  padding-left: 0 !important;
}

.shop .price-table-content:hover {
  background: #ec3642;
}

.shop .price-table-content a {
  background: none repeat scroll 0 0 #ec3642;
  border: 2px solid #ec3642;
  padding: 13px 10px;
}

.shop .price-table-content a span {
  padding-left: 0;
}

.shop .price-table-content:hover .price-table-text a {
  background: none;
  color: #ec3642;
  border: 2px solid #fff;
}

.price-table-content .price-table-img img {
  filter: url(filters.svg#grayscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}

.price-tb:hover .price-table-img img {
  filter: none;
  -webkit-filter: grayscale(0);
}

.price-table-img {
  float: left;
  position: absolute;
}

.price-table-text {
  height: 254px;
  left: 30%;
  overflow: hidden;
  position: relative;
  width: 73%;
}

.price-table-text h3 {
  font-size: 14px;
}

.price-table-text h2 {
  font-size: 23px;
  margin-top: 10px;
  text-align: left;
}

.price-table-text p {
  padding-bottom: 10px;
}

.price-table-text .price {
  border: 2px solid;
  float: left;
  font-size: 24px;
  padding: 7px 10px;
  text-align: center;
  width: 70px;
}

.price-table-text a span {
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  padding-left: 10px;
  text-transform: uppercase;
}

.price-bottom {
  background: none repeat scroll 0 0 #141414;
  padding-right: 0 !important;
}

.price-table-1 {
  padding-top: 20px;
}

.price-table-1 ul {
  border-bottom: 1px solid #2d2d2d;
  list-style: outside none none;
  padding: 0 0 10px;
}

.price-table-1 ul li {
  color: #a5a5a5;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
}

.price-table-1 ul li {
  padding-left: 10px;
}

.price-table-1 ul .icon {
  border-right: 1px solid #2d2d2d;
  text-align: center;
  width: 25%;
  padding: 0;
}

.plan {
  border: 2px solid #ec3642;
  font-size: 14px;
  margin: 0 0 20px;
  padding: 9px;
  text-align: center;
  text-transform: uppercase;
}

.price-tb:hover .plan {
  background: #ec3642;
  color: #fff;
}

/*---------------------------------------Training---------------------------------------*/
.training {
  /*background: none repeat scroll 0 0 #242424;*/
  position: relative;
}

.background-overlay {
  background: none repeat scroll 0 0 #ec3642;
  opacity: 0.8;
}

.background-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}

.parallax-text h1 {
  font-size: 50px
}

.parallax-text .button {
  border: 3px solid #ffffff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  color: #ffffff;
  padding: 10px 15px;
  text-align: center;
}

.parallax-text .button {
  border: 2px solid #fff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: inline-block;
  font-size: 14px;
  height: 52px;
  line-height: 48px;
  margin: 40px 0 0;
  padding: 0 20px;
  text-transform: uppercase;
}

.parallax-text .button {
  border: 2px solid #fff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: inline-block;
  font-size: 14px;
  height: 47px;
  line-height: 43px;
  margin-top: 20px;
  padding: 0 15px;
  position: relative;
  text-decoration: none !important;
  text-transform: uppercase;
}

.parallax-text .button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  overflow: hidden;
  padding: 0;
  position: relative;
  width: auto;
  transition: transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
}

.parallax-text .open-btn:before {
  font-family: FontAwesome;
  font-size: 20px;
  height: 100%;
  left: 0;
  position: absolute;
  text-indent: 0 !important;
  top: 0;
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  width: 100%;
}

.parallax-text .open-btn:before {
  content: '\f144';
}

.parallax-text .open-btn.runner:before {
  content: 'NOW';
  font-family: 'Montserrat';
}

.parallax-gallery .open-btn:before {
  content: '\f03e';
}

.parallax-text .button span {
  backface-visibility: hidden;
  display: inline-block;
  height: 100%;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  width: 100%;
  padding: 0 20px;
  line-height: 44px;
}

.parallax-text .button:hover:before {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

/*.parallax-text .button:hover span{
    transform:translateX(200%);
    -moz-transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    -o-transform:translateX(200%);
}*/
.parallax-text h1 {
  margin-top: 0;
  padding-top: 0;
}

.parallax-text .open-btn span {
  color: #ffffff;
  text-align: center;
  border: medium none;
}

.strart-your {
  font-size: 24px;
  text-transform: uppercase;
}

/*---------------------------------------Time Table---------------------------------------*/
.timetable {
  background: none repeat scroll 0 0 #242424;
  padding-bottom: 40px;
  position: relative;
  z-index: 2;
}

.month {
  background: none repeat scroll 0 0 #ec3642;
  height: 255px;
  padding: 20px;
}

.timetable-content .octember .table-cell {
  display: block;
  margin: 35px 23px 0;
  text-align: left;
}

.timetable-content .octember p {
  font-size: 36px;
  font-weight: normal;
  margin: 15px 0;
  text-transform: uppercase;
}

.timetable-content .octember .next i {
  font-size: 36px;
  font-weight: normal;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 36px;
  padding: 2px 13px;
}

.timetable-content .octember .icon-wrap:hover {
  background: #fff;
  color: #ec3642;
}

.timetable-top .box-content {
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.cms-home .timetable-top .box-content {
  text-align: left;
}

.timetable-top .box-content:hover {
  opacity: 1;
}

.timetable-top .day {
  padding-bottom: 30px;
}

.timetable-cont {
  position: relative;
  overflow: hidden;
}

.timetable-cont img {
  height: auto;
  width: 100%;
  opacity: 0.4;
}

.timetable-top .table:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
  z-index: 0;
}

.timetable-top .table:before {
  background: none repeat scroll 0 0 #ec3642;
  border: 1px solid #414141;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
  z-index: 0;
}

.timetable-top .table {
  display: table;
  height: 100%;
  width: 100%;
}

.timetable-top .table {
  cursor: pointer;
}

.timetable-top .box-cell {
  cursor: pointer;
  display: block;
  margin: 20px 20px 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  z-index: 99;
}

.timetable-top .timetable-cont:hover .table:before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.timetable-info {
  color: #fff;
  margin-top: 82px;
  line-height: 19px;
  opacity: 0;
  transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s;
  -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
}

.timetable-cont:hover .timetable-info {
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

.timetable-top .time-table-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.timetable-top .time-table-title {
  color: #fff;
  display: block;
  font-weight: normal;
  left: 20px;
  position: absolute;
  top: 20px;
}

.timetable-top .time-table-title span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.timetable-top .time-table-title span {
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  margin: 0;
  padding: 0;
  position: relative;
}

.timetable-content .octember span {
  font-size: 24px;
  font-weight: normal;
}

.owl-carousel {
  display: block;
  float: left;
  opacity: 1;
}

.icon-wrap {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  margin-right: 7px;
  padding: 0;
}

.t-nav-next {
  margin-right: 0;
  margin-left: 0;
}

.timetable-info .title-content span {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 3px;
  text-transform: uppercase;
}

.timetable_details a {
  border: 2px solid #fff;
  color: #fff;
  padding: 7px;
  text-transform: none;
}

.timetable_details a:hover {
  background: #fff;
  color: #ec3642;
}

.timetable-content .border-bottom {
  border: 1px solid #fff;
  margin-bottom: 5px;
  margin-top: 5px;
}

/*---------------------------------------Our Price---------------------------------------*/
.our-pricing {
  background: none repeat scroll 0 0 #ec3642;
  overflow: hidden;
  position: relative;
}

.our-pricing-title {
  z-index: 99;
}

.ch-item {
  position: relative !important;
  padding: 0;
  display: block;
  overflow: visible;
}

.ch-info-wrap {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  perspective: 800px;
  position: absolute;
  left: 50%;
  margin-bottom: 0;
  margin-left: -85px;
  margin-right: auto;
  padding-top: 24px;
  top: 81px;
  width: 170px;
  height: 170px;
  z-index: 99;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  -ms-perspective: 800px;
}

.ch-info-back {
  padding: 15px;
  text-align: center;
}

.ch-info-front {
  text-align: center;
}

.ch-info-back h2 {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #ec3642;
  font-weight: bold;
}

.ch-info-back p {
  color: #ffffff;
}

.ch-info-front h3 {
  font-size: 20px;
  color: #222222;
  font-weight: bold;
}

.ch-info {
  position: absolute;
  width: 100%;
  height: 200px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.ch-info>div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ch-info .ch-info-back {
  background-color: #ec3642;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 170px;
  top: -24px;
  width: 170px;
}

.ch-info .ch-info-back {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.ch-item:hover .ch-info {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

.our-pricing-title h2 {
  color: #ec3642;
  font-size: 40px;
  font-weight: bold;
}

.our-pricing-title h3 {
  font-size: 20px;
  color: #ec3642;
}

.ch-item:hover .ch-info-back h2 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}

.ch-item:hover .ch-info-back h3 {
  font-size: 20px;
  color: #fff;
}

.our-price {
  padding: 0 !important;
}

.our-price h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 35px;
}

.boxing-card .boxing-card-content {
  margin-right: 10px;
  text-align: right;
}

.our-price .boxing-card-content p {
  float: right;
  width: 62%;
}

.boxing-card-content .price,
.yoga-card-content .price {
  float: right;
  margin-top: 5px;
  padding-bottom: 20px;
  width: 100%;
}

.boxing-card-content .price span,
.yoga-card-content .price span {
  font-size: 24px;
  font-weight: 700;
  padding: 0 20px;
}

.our-pricing .our-price img {
  width: 100%;
}

.shopping-buy {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  color: #ffffff;
  padding: 10px 15px;
  text-align: center;
}

.shopping-buy {
  border: 2px solid #fff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  padding: 0 15px;
  position: relative;
  text-decoration: none !important;
  text-transform: uppercase;
}

.shopping-buy {
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
}

.shopping-buy:before {
  font-family: FontAwesome;
  font-size: 20px;
  height: 100%;
  left: 0;
  position: absolute;
  text-indent: 0 !important;
  top: 0;
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  width: 100%;
}

.shopping-buy:before {
  content: '\f07a ';
}

.shopping-buy span {
  backface-visibility: hidden;
  display: inline-block;
  height: 100%;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  width: 100%;
  padding: 0 20px;
}

.shopping-buy:hover:before {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.shopping-buy:hover span {
  transform: translateX(200%);
  -moz-transform: translateX(200%);
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
}


.yoga-content .yoga-card-content {
  margin-left: 10px;
}

.our-price .yoga-card-content p {
  float: left;
  width: 62%;
}

.yoga-content {
  background: url("../images/image_split.png") no-repeat scroll left bottom transparent;
  overflow: hidden;
}

.yoga-content .cart {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.yoga-content i {
  border: 2px solid #fff;
  font-size: 18px;
  padding: 6px 20px;
}

/*--------------------------------------- Athlete Class ---------------------------------------*/

.classes {
  background: none repeat scroll 0 0 #242424;
  position: relative;
  z-index: 1;
}

.classes-content .filters {
  margin-bottom: 29px;
  text-align: center;
}

.isotope {
  z-index: 0;
}

.box-inner {
  position: relative;
}

.box-inner {
  overflow: hidden;
  text-align: center;
  z-index: 999;
}

.one-page .box-inner {
  margin: 0;
}

#grid .mix {
  display: inline-block !important;
}

.classes-content .filter {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: inline-block;
  font-size: 14px;
  height: 31px;
  line-height: 29px;
  margin: 0 5px 10px;
  padding: 0 20px;
  text-transform: none;
  width: auto;
}

.classes-content .filter.is-checked,
.classes-content .filter:hover {
  background: none repeat scroll 0 0 #ec3642;
  border: 1px solid #ec3642;
}

.box-details {
  color: #ec3642;
  text-transform: uppercase;
  margin-top: 10px;
  opacity: 0;
  transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s;
  -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
}

.box-details a {
  color: #ec3642;
}

.box-text {
  color: #fff;
  margin-top: 14px;
  opacity: 0;
  transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s;
  -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
}

.box-inner {
  text-align: center;
  z-index: 10;
  overflow: hidden;
}

.box-inner img {
  width: 100%;
}

.classes-content .title a {
  margin: 0;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: transform 0.45s ease 0s;
  -o-transition: -o-transform 0.45s ease 0s;
  -ms-transition: -ms-transform 0.45s ease 0s;
  -moz-transition: -moz-transform 0.45s ease 0s;
  -webkit-transition: -webkit-transform 0.45s ease 0s;
}

.classes-content .mix {
  font-size: 12px;
  margin: 15px 0;
}

.class-our .mix {
  font-size: 12px;
  margin: 0;
}

.one-page .classes-content .mix {
  padding: 0;
}

.classes-content .box-content {
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.classes-content .times-table span {
  font-size: 24px;
  font-weight: normal;
}

.classes-content .times-table p {
  font-size: 36px;
  font-weight: normal;
  text-transform: uppercase;
}

.classes-content .times-table .next i {
  border: 1px solid #fff;
  font-size: 36px;
  font-weight: normal;
  margin-right: 10px;
  padding: 2px 13px;
}

.classes-content .title a span {
  background: none;
  border: 2px solid #fff;
}

.classes-content .title a span {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 5px 11px;
  position: relative;
  color: #fff;
  text-transform: uppercase;
}

.classes-content .box-cell {
  position: relative;
  z-index: 99;
  margin: 60px 35px 0;
  display: block !important;
}

.box-inner:hover .box-text,
.box-inner:hover .box-details {
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

.classes-content .table {
  cursor: pointer;
}

.classes-content .table:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
}

.classes-content .table:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
  border: 1px solid #414141;
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
  opacity: 0;
}

.classes-content .box-inner:hover .table:before {
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  opacity: 1;
}

.box-inner:hover .title a {
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}


/*---------------------------------------Our Success ---------------------------------------*/
.table-success {
  background: none repeat scroll 0 0 #242424;
  z-index: 1;
  position: relative;
}

.our-success {
  max-width: 100%;
  background: url("../images/onepage/free-text.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  text-align: center;
  background-size: 100% auto;

}

.success {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 60px 0;
}

.our-succes-top {
  padding-top: 75px;
}

.succes-link {
  padding: 10px 0;
}

.our-succes-bottom {
  margin-bottom: 35px;
}

.success h5 {
  text-transform: uppercase;
}

.success p {
  text-transform: uppercase;
  font-size: 12px;
}

.success p span {
  color: #ec3642;
}

.success a {
  color: #fff;
  font-size: 36px;
}

.success a:hover {
  color: #ec3642;
}

/*---------------------------------------Facts ---------------------------------------*/
.facts {
  background: url("../images/onepage/fun-facts.jpg") no-repeat scroll center center;
  position: relative;
}

.facts-page {
  overflow: hidden;
  padding: 55px 0;
  position: relative;
  z-index: 99;
}

.facts-page .title-page {
  padding-top: 0;
}

.facts-content {
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 30px;
  padding: 20px 11px;
  min-height: 175px;
}

.facts-icon {
  float: left;
  font-size: 60px;
  padding-right: 20px;
}

.count {
  font-size: 40px;
  font-weight: bold;
}

.count .facts-border {
  border-bottom: 1px solid;
  overflow: hidden;
  padding-top: 13px;
  width: 24%;
}

.facts-text {
  font-size: 20px;
  padding-top: 10px;
  /*white-space: nowrap;*/
  padding-left: 85px;
}

/*---------------------------------------End Facts ---------------------------------------*/

/*---------------------------------------Our Team ---------------------------------------*/
.content-our-team.our-team-tabs {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  margin: 0;
  padding: 0;
}

.our-team .content-our-team.our-team-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.content-our-team.our-team-tabs .our-team-pane {
  background: none repeat scroll 0 0 #ec3642;
  color: #fff;
  padding: 0;
}

.content-our-team.our-team-tabs.our-team-img {
  padding: 0;
}

.content-our-team.our-team-tabs .detail-our-team {
  padding: 0;
}

.detail-our-team-inner {
  padding: 38px 30px 10px;
}

.detail-our-team-desc {
  font-size: 24px;
  line-height: 48px;
}

.detail-our-team-user {
  font-size: 20px;
  padding-top: 25px;
}

.detail-our-team-pos {
  font-size: 14px;
  padding-top: 8px;
}

.our-team-panes p {
  margin: 0;
}

.content-our-team.our-team-tabs .our-team-nav span {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  line-height: 1;
  min-height: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

.content-our-team.our-team-tabs .our-team-nav>span:hover,
.content-our-team.our-team-tabs .our-team-nav>span.our-team-current {
  background: none repeat scroll 0 0 #ec3642;
  padding: 35px 0 32px;
}

.content-our-team.our-team-tabs .our-team-nav span {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  line-height: 1;
  min-height: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

.content-our-team.our-team-tabs .our-team-nav span.our-team-name {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  display: block;
  font-size: 12px;
  line-height: 1;
}

.content-our-team.our-team-tabs .our-team-nav span.our-team-position {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  display: block;
  font-size: 30px;
  line-height: 1;
}

.content-our-team.our-team-tabs .our-team-nav span.our-team-name+span.our-team-position {
  padding-top: 8px;
}

.yoga-trainer,
.boxing-trainer {
  margin-left: -4px;
}

.our-team-tabs .our-team-img {
  padding: 0;
}

.our-team-head {
  padding: 15px 15px 30px;
  background: #242424;
  position: relative;
}

.headding-title {
  margin-bottom: 20px;
}

.headding-bottom {
  border-bottom: 3px solid rgba(255, 255, 255, 0.2);
  width: 70px;
}

.headding-content {
  padding-left: 0;
  overflow: hidden;
}

.headding-content li {
  width: 100%;
  overflow: hidden;
}

.headding-content .icon-headding {
  background: none repeat scroll 0 0 #ec3642;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  float: left;
  height: 35px;
  margin-right: 20px;
  margin-top: 15px;
  overflow: hidden;
  text-align: center;
  width: 35px;
}

.headding-content .icon-headding .fa {
  font-size: 20px;
  line-height: 35px;
}

.headding-content .cont-headding {
  float: left;
  overflow: hidden;
}

.headding-content span {
  color: #ec3642;
}

.cont-headding>h5 {
  font-size: 12px;
  text-transform: uppercase;
}

.cont-headding a {
  color: #fff;
}

.headding-bottom p {
  padding-bottom: 25px;
}

/*tab style*/
.our-team-clear:before,
.our-team-clear:after {
  display: table;
  content: " ";
}

.our-team-clear:after {
  clear: both;
}

.our-team-tabs {
  margin: 0 0 1.5em 0;
  padding: 3px;
}

.our-team-nav span {
  display: inline-block;
  margin-right: 3px;
  padding: 10px 15px;
  font-size: 13px;
  min-height: 40px;
  line-height: 20px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  color: #333;
  cursor: pointer;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.our-team-nav span:hover {
  background: #f5f5f5;
}

.our-team-nav span.our-team-current {
  background: #fff;
  cursor: default;
}

.our-team-nav span.bt-tabs-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

.our-team-nav span i.fa {
  margin-right: 5px;
}


.bt-tabs-vertical:before,
.bt-tabs-vertical:after,
.bt-tabs-vertical-right:before,
.bt-tabs-vertical-right:after {
  content: " ";
  display: table;
}

.bt-tabs-vertical:after,
.bt-tabs-vertical-right:after {
  clear: both;
}

.bt-tabs-vertical .our-team-nav,
.bt-tabs-vertical-right .our-team-nav {
  float: left;
  width: 30%;
}

.bt-tabs-vertical .our-team-nav span,
.bt-tabs-vertical-right .our-team-nav span {
  display: block;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}

.bt-tabs-vertical .our-team-panes,
.bt-tabs-vertical-right .our-team-panes {
  float: left;
  width: 70%;
}

.bt-tabs-vertical .our-team-pane,
.bt-tabs-vertical-right .our-team-pane {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.our-team-nav,
.our-team-nav span,
.our-team-panes,
.our-team-pane {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.our-team-bottom .our-team-nav span {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.bt-tabs-vertical-right .our-team-nav span {
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 3px;
}

.our-team-fit .our-team-nav span {
  margin-right: 0px;
}

/*------Accordion --------------------------------*/
.bt-accordion {
  margin-bottom: 20px;
}

.bt-spoiler {
  margin-top: 10px;
}

.bt-spoiler:first-child {
  margin-top: 0;
}

.bt-spoiler-title {
  height: 30px;
  border: 1px solid #e8e8e8;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
}

.bt-spoiler-title i {
  margin-right: 10px;
}

.bt-spoiler-content {
  padding: 10px;
  background: #fdfdfd;
  border: 1px solid #e8e8e8;
  border-top: none;
  font-size: 13px;
  color: #333333;
  line-height: 24px;
}

.bt-spoiler-collapse {
  font-size: 15px;
  font-family: FontAwesome;
  float: right;
  margin-right: 10px;
}

.bt-accordion-plus .bt-spoiler-collapse:before {
  content: "\f067";
}

.bt-accordion-plus .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f068";
}

.bt-accordion-plus-circle .bt-spoiler-collapse:before {
  content: "\f055";
}

.bt-accordion-plus-circle .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f056";
}

.bt-accordion-plus-square-1 .bt-spoiler-collapse:before {
  content: "\f0fe";
}

.bt-accordion-plus-square-1 .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f146";
}

.bt-accordion-plus-square-2 .bt-spoiler-collapse:before {
  content: "\f196";
}

.bt-accordion-plus-square-2 .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f117";
}

.bt-accordion-arrow .bt-spoiler-collapse:before {
  content: "\f061";
}

.bt-accordion-arrow .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f063";
}

.bt-accordion-arrow-circle-1 .bt-spoiler-collapse:before {
  content: "\f0a9";
}

.bt-accordion-arrow-circle-1 .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f0ab";
}

.bt-accordion-arrow-circle-2 .bt-spoiler-collapse:before {
  content: "\f18e";
}

.bt-accordion-arrow-circle-2 .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f01a";
}

.bt-accordion-chevron .bt-spoiler-collapse:before {
  content: "\f054";
}

.bt-accordion-chevron .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f078";
}

.bt-accordion-chevron-circle .bt-spoiler-collapse:before {
  content: "\f138";
}

.bt-accordion-chevron-circle .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f13a";
}

.bt-accordion-caret .bt-spoiler-collapse:before {
  content: "\f0da";
}

.bt-accordion-caret .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f0d7";
}

.bt-accordion-caret-square .bt-spoiler-collapse:before {
  content: "\f152";
}

.bt-accordion-caret-square .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f150";
}

.bt-accordion-folder-1 .bt-spoiler-collapse:before {
  content: "\f07b";
}

.bt-accordion-folder-1 .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f07c";
}

.bt-accordion-folder-2 .bt-spoiler-collapse:before {
  content: "\f114";
}

.bt-accordion-folder-2 .bt-spoiler-opened .bt-spoiler-collapse:before {
  content: "\f115";
}

/*** QUOTE **/
.bt-quote {
  margin-bottom: 20px;
}

.bt-quote p {
  margin: 0;
}

.bt-quote-default .bt-quote-inner p:before {
  background-position: 0 0;
  left: 0;
  top: 0;
}

.bt-quote-default .bt-quote-inner p:before,
.bt-quote-default .bt-quote-inner p:after {
  background-image: url("../images/quote.png");
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
}

.bt-quote-default .bt-quote-inner p:after {
  background-position: -20px 0;
  bottom: 0;
  right: 0;
}

.bt-quote-default .bt-quote-inner p {
  font-style: italic;
  margin-bottom: 1.5em;
  padding: 0.5em 3em;
  position: relative;
}


.bt-quote-default .bt-quote-author {
  font-style: normal;
  display: block;
  text-align: right;
  margin-right: 50px;
}

.bt-quote-big-quote {
  background: #f7f7f7;
  padding: 50px;
  position: relative;
}

.bt-quote-big-quote .bt-quote-inner {
  position: relative;
  z-index: 1;
}

.bt-quote-big-quote:before {
  background-image: url("../images/big_quote.png");
  content: "";
  display: block;
  height: 150px;
  position: absolute;
  width: 150px;
  top: -20px;
  right: -20px;
}

.bt-quote-big-quote .bt-quote-author {
  text-align: right;
  display: block;
  margin-top: 20px;
}

.bt-quote .bt-quote-author i {
  margin-right: 5px;
}

.bt-quote-box {
  border-left: 5px solid #e2e2e2;
}

.bt-quote-box .bt-quote-inner {
  border: 1px solid #e2e2e2;
  bordef-left: none;
  background: #fcfcfc;
  color: #888888;
  padding: 20px;
}

.bt-quote-box .bt-quote-box-icon {
  font-size: 2em;
  float: left;
}

.bt-quote-box p {
  margin: 0;
  margin-left: 2.5em;
}

.bt-quote-border-left {
  padding: 20px;
  border-left: 3px solid #e2e2e2;
  color: #888888;
}

/*---------------------------------------Contact Form---------------------------------------*/
.contact .our-team-head {
  padding: 60px 0 30px;
}

.contact-form {
  background: none repeat scroll 0 0 #1b1b1b;
  padding-bottom: 30px;
  position: relative;
}

.main-contact-form {
  margin-top: 20px;
}

.contact {
  background: none repeat scroll 0 0 #1b1b1b;
  padding: 10px 16px 0;
  position: absolute;
  right: 0;
  top: 144px;
  z-index: 3;
}

.contact-submit .col-md-3 {
  float: right;
}

.control {
  background: none repeat scroll 0 0 #232323;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 6px;
  width: 100%;
}

.form-submit {
  margin: 0 !important;
  padding: 0 !important;
}

.btn-submit {
  background: none repeat scroll 0 0 #ec3642;
  border: medium none;
  color: #fff;
  font-size: 14px;
  padding: 7px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.main-contact-form textarea {
  height: 120px;
}

.our-partners {
  margin-bottom: 30px;
}

.brand .col-md-2 {
  padding-left: 0;
}

.contact-map {
  max-width: 100%;
  width: 100%;
}

#map {
  height: 460px;
  width: 100%;
}

.contact-map,
.map-frame {
  min-height: 230px
}

.map-frame-event {
  min-height: 383px;
}

.event-content #map {
  height: 385px;
}

.about-box #map {
  height: 260px;
}

.contacts-us .contact-form {
  padding-bottom: 0;
}

.btn-submit {
  position: relative;
}

.btn-submit:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-submit:before {
  content: "\f003";
  font-family: "FontAwesome";
  font-size: 16px;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 30%;
  color: #fff !important;
}

.btn-success:before {
  content: "\f118";
}

.btn-error:before {
  content: "\f119";
}

.btn-success:after {
  content: "Success!";
  -webkit-animation: moveUp 0.5s;
  -moz-animation: moveUp 0.5s;
  animation: moveUp 0.5s;
}

.btn-success,
.btn-error {
  color: transparent !important;
}

.btn-success:after,
.btn-error:after {
  z-index: 1;
  color: #fff !important;
  left: 30%;
}

.btn-success:after {
  content: "Success!";
  -webkit-animation: moveUp 0.5s;
  -moz-animation: moveUp 0.5s;
  animation: moveUp 0.5s;
}

.btn-error {
  -webkit-animation: shake 0.5s;
  -moz-animation: shake 0.5s;
  animation: shake 0.5s;
}

.btn-error:after {
  content: "Error!";
  -webkit-animation: scaleFromUp 0.5s;
  -moz-animation: scaleFromUp 0.5s;
  animation: scaleFromUp 0.5s;
}

/*---------------------------------------New Products---------------------------------------*/
.new-product {
  background: none repeat scroll 0 0 #242424;
  position: relative;
}

.title-name {
  background: url("../images/newproducts/bg_title.png") repeat-x scroll center center rgba(0, 0, 0, 0);
  padding: 20px 0;
  text-align: center;
}

.title-name h4 {
  border: 2px solid;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  padding: 12px 19px;
  width: 185px;
}

.info-products {
  background: none repeat scroll 0 0 #161616;
  padding: 20px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.product-name {
  margin-bottom: 10px;
}

.product-name a {
  color: #fff;
  font-size: 20px;
}

.product-bottom {
  border-bottom: 2px solid rgba(255, 255, 255, 1);
  margin-top: 5px;
  width: 50px;
}

.special-price {
  color: #ec3642;
  font-size: 18px;
  padding-right: 20px;
}

.old-price {
  color: #9a9a9a;
  font-size: 14px;
  text-decoration: line-through;
}

.product-image-wrapper {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.product-list .actions,
.product-cart .actions {
  border-top: 1px solid rgba(23, 23, 23, 0.2);
  padding-top: 10px;
}

.product-image-wrapper:hover .price-box .special-price,
.product-image-wrapper:hover .price-box .old-price {
  color: #fff;
}

.details-products {
  padding: 20px 10px 10px;
}

.actions ul {
  margin: 0;
  padding: 0;
}

.actions ul li {
  display: inline-block;
  margin-right: 7px;
  text-align: center;
}

.actions ul li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
  color: #ffffff;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}

.arrows {
  display: block;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  text-align: center;
  top: 150px;
  transition: transform 0.5s ease 0s;
  -moz-transition: -moz-transform 0.5s ease 0s;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  -ms-transition: -ms-transform 0.5s ease 0s;
  -o-transition: -o-transform 0.5s ease 0s;
  opacity: 0;
}

.arrows .fa {
  background: none repeat scroll 0 0 #ec3642;
  color: #fff;
  font-size: 16px;
  padding: 12px 13px;
}

.product-overlay {
  opacity: 0;
  position: absolute;
  transition: transform 0.5s ease 0s;
  -moz-transition: -moz-transform 0.5s ease 0s;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  -ms-transition: -ms-transform 0.5s ease 0s;
  -o-transition: -o-transform 0.5s ease 0s;
  -width: 100%;
}

.product-image-wrapper:hover .product-overlay {
  opacity: 1;
  transform: translateY(-148px);
  -o-transform: translateY(-148px);
  -ms-transform: translateY(-148px);
  -moz-transform: translateY(-148px);
  -webkit-transform: translateY(-148px);
}

.product-image-wrapper:hover .arrows {
  opacity: 1;
  transform: translateY(-50px);
  -o-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
}

.discover {
  background: url("../images/bg-discover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: relative;
}

.discover-content {
  margin: 70px 0;
}

.discover-link {
  color: #fff;
  float: left;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-top: 10px;
  width: 100%;
}

.discover .training-content h2 {
  font-size: 48px;
  font-weight: bold;

}

.discover .open-btn {
  border: 2px solid;
  line-height: 6;
  padding: 12px 13px;
  text-transform: uppercase;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*---------------------------------------Introduction---------------------------------------*/
.introduction {
  background: url("../images/bg_3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  max-width: 100%;
  background-size: 100% auto;
  padding: 50px 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

.introduction .title-page h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

.icon-img {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 70px;
  margin: 15px 30px;
  position: relative;
  text-align: center;
  width: 70px;
  z-index: 1;
}

.icon-img {
  box-shadow: 0 0 0 3px #fff;
  -moz-box-shadow: 0 0 0 3px #fff;
  -webkit-box-shadow: 0 0 0 3px #fff;
  -o-box-shadow: 0 0 0 3px #fff;
  -ms-box-shadow: 0 0 0 3px #fff;
  transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  -ms-transition: color 0.3s ease 0s;
}

.icon-img:after {
  box-sizing: content-box;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}

.icon-img:after {
  background: none repeat scroll 0 0 #fff;
  left: -2px;
  padding: 2px;
  top: -2px;
  transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: -moz-transform 0.2s ease 0s, opacity 0.2s ease 0s;
  -webkit-transition: -webkit-transform 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: -o-transform 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: -ms-transform 0.2s ease 0s, opacity 0.2s ease 0s;
  z-index: -1;
}

.icon-img:hover:after {
  transform: scale(0.85);
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -o-transform: scale(0.85);
  -ms-transform: scale(0.85);
}

.icon-img img {
  margin-top: 22px;
}

.introduction .intro-content {
  padding-bottom: 40px;
  padding-top: 20px;
  text-align: center;
}

.introduction .intro-content h4 {
  font-family: "Titillium Web";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin: 15px 0;
}

.introduction .intro-content p {
  font-family: 'Montserrat';
  font-size: 12px;
}

/*---------------------------------------Services---------------------------------------*/
.services {
  background: url("../images/bg_services.jpg") no-repeat scroll center center rgba(255, 255, 255, 0.2);
  position: relative;
  background-size: 100% auto;
}

.sevices-main {
  background: none repeat scroll 0 0 rgba(6, 6, 6, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 70px;
  overflow: hidden;
}

.services .title-page h4 {
  font-size: 24px;
  font-weight: bold;
}

.services .title-page h4 span {
  border: 2px solid;
  padding: 5px 10px;
}

.services .col-md-3 {
  padding: 0;
}

.services .sevices-wapper {
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  padding: 70px 0;
}

.services-content {
  position: relative;
  text-align: center;
  transition: transform 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  -o-transition: -o-transform 0.4s ease 0s;
  -ms-transition: -ms-transform 0.4s ease 0s;
}

.services-content h4 {
  font-size: 16px;
}

.services-title {
  margin: 10px 0;
}

.services-content .actions p {
  margin-bottom: 1px;
  margin-top: 10px;
}

.border-title {
  width: 45px;
  margin: 10px auto 0;
  display: none;
}

.border-title-1 {
  border: 1px solid #fff;
  width: 45px;
  margin: 0 auto;
}

.sevices-wapper:hover {
  background: #ec3642;
}

.sevices-wapper .services-content:hover {
  transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
}

.sevices-wapper .services-content:hover .actions {
  opacity: 1;
}

/*---------------------------------------News---------------------------------------*/
.home-v2 .news-page {
  background: none repeat scroll 0 0 #242424;
  padding-top: 0;
  position: relative;
  padding-bottom: 50px;
}

.news-page .col-md-4,
.news-page .col-md-8 {
  padding-left: 0;
}

.news-cont .title-page {
  text-align: left;
}

.news-cont .title-page h3 {
  font-weight: bold;
  margin: 7px 0;
}

.news-page-cont .news-text span {
  font-weight: bold;
}

.news-wapper {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.news-wapper:last-child {
  border-bottom: none;
}

.news-wapper .details-news h6 {
  font-size: 14px;
  text-transform: uppercase;
}

.news-wapper .details-news a {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

.news-page .news-content {
  padding-top: 15px;
}

.news-page .news-content ul {
  background: none;
  padding: 0;
}

.news-page .news-content ul .latest-news-item:hover {
  background: none;
}

.news-page .latest-news-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
}

.news-page .news-item-inner {
  padding: 0 0 10px;
}

.news-page .news-date {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-top: 0;
}

.news-page .news-day {
  border: none;
}

.news-page .news-title a {
  color: #fff;
}

.news-title a:hover {
  color: #ec3642;
}

.news-time p:hover {
  color: #5d5d5d !important;
}

/*---------------------------------------Page Home White---------------------------------------*/
.index-white {
  background: #fff;
}

.index-white .about-top {
  background: #fff;
  color: #555555;
}

.index-white .about-top:before {
  background: none;
}

.index-white .about-bottom:before {
  background: url("../images/bg-white.png") repeat-x scroll center bottom transparent;
}

.index-white .about-bottom,
.index-white .timetable {
  background: none repeat scroll 0 0 #fff;
}

.index-white .parallax-block-content {
  text-align: center;
}

.index-white .title-page {
  color: #555555;
}

.index-white .timetable-cont img {
  opacity: 1;
}

.index-white .classes-content .box-cell {
  margin: 25px 25px 0;
  padding: 10px;
}

.index-white .box-inner {
  position: relative;
  z-index: 99;
}

.index-white .timetable-top .time-table-title {
  left: 0;
  padding: 10px;
  text-align: left;
  top: 0;
}

.index-white .times-table {
  left: 30px !important;
  top: 30px !important;
}

.index-white .box-text {
  position: absolute;
  text-align: left;
  top: 55px;
}

.index-white .box-text a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}

.index-white .classes-content .table:before {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.index-white .timetable-top {
  margin-bottom: 60px;
}

/*--------------------------------------- Shop-v2 ---------------------------------------*/
/*.slide-container {
    overflow: hidden;
    position:relative;
}*/

.slider-content {
  left: 0;
  padding-left: 20px;
  position: absolute;
  top: 200px;
  z-index: 50;
  width: 82%;
}

.slider-content-left {
  margin: 0 0 0 auto;
  padding-right: 20px;
  right: 0;
  text-align: right;
}

.background-overlay {
  z-index: 0;
}

.slider-banner-right .background-overlay {
  background: none repeat scroll 0 0 rgba(32, 32, 32, 0.67);
}

.shop-v2 .col-md-6 {
  padding: 0;
}

.slider-content-left .border-text {
  border: 2px solid;
  margin: 20px 5px 20px auto;
  text-align: right;
  width: 50px;
}

.slider-content-right .border-text {
  border: 2px solid;
  margin: 20px 20px 20px 5px;
  text-align: right;
  width: 50px;
}

.slider-content .title-slide {
  font-size: 50px;
  font-weight: bold;
  margin: 5px;
}

.slider-content .text-slide {
  font-size: 18px;
  margin: 5px;
  text-transform: uppercase;
}

.open-now {
  padding-top: 30px;
}

.open-btn {
  border: 2px solid;
  font-size: 16px;
  padding: 6px 10px;
  text-transform: uppercase;
}

/*--------------------------------Collection------------------------------*/

.collection .col-md-3 {
  padding: 0;
}

.collection-title {
  background: url("../images/bg-collection.png") no-repeat scroll center center rgba(255, 255, 255, 0.2);
  padding: 50px 0;
  text-align: center;
}

.product {
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
  overflow: hidden;
}

.product .product-wrapper {
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  height: 300px;
}

.bottom {
  height: 500px;
}


/*---------------------------------------Page Our Class---------------------------------------*/

.page-heading {
  background: url(../images/bg-our-class.jpg) no-repeat center rgba(0, 0, 0, 0);
  background-size: 100%;
  background-position-y: top;
}

.page-heading .page-title h3 {
  font-size: 36px;
}

.categories {
  background: none repeat scroll 0 0 #121212;
  border-bottom: 1px solid rgba(135, 135, 135, 0.15);
  margin-top: -36px;
}

.categories .filter {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  display: inline-block;
  font-size: 14px;
  padding: 1px 10px;
  text-decoration: none;
}

.categories .filter {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  float: left;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  padding: 0 23px;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  text-transform: none;
  width: auto;
}

.categories .filter:hover,
.categories .filter.is-checked {
  background: none repeat scroll 0 0 #ec3642;
  text-transform: none;
  width: auto;
  color: #fff;
}

.breadcrumbs .container ul li {
  display: inline-block;
  padding-right: 10px;
}

.breadcrumbs .home a,
.breadcrumbs .category-1 a {
  color: #ec3642;
  text-transform: none;
}

.breadcrumbs .category-2 {
  text-transform: none;
  color: #fff;
}

.page-content {
  position: relative;
}

.breadcrumbs {
  margin: 0 auto;
  position: absolute;
  top: -34px;
  width: 100%;
  z-index: 3;
}

.breadcrumbs ul {
  background: none repeat scroll 0 0 #1b1b1b;
  display: inline-block;
  line-height: 1;
  position: relative;
  /*text-transform: uppercase;*/
  margin: 0;
  padding: 11px 10px;
}

.breadcrumbs ul {
  background: none repeat scroll 0 0 #1b1b1b;
}

.breadcrumbs ul:before {
  border-color: transparent transparent transparent #1b1b1b;
  border-style: solid;
  border-width: 14px;
  bottom: -14px;
  content: "";
  left: 0;
  position: absolute;
}

.breadcrumbs ul:before {
  border-left-color: #1b1b1b;
}

.breadcrumbs ul {
  color: #ec3642;
  width: 100%;
}

/*---------------------------------------End Our Class---------------------------------------*/


/*---------------------------------------Our Class Details---------------------------------------*/

.class-detail {
  padding-top: 50px;
}

.banner-details .carousel-control span {
  background: none repeat scroll 0 0 #141414;
  font-size: 18px;
  height: 40px;
  padding-top: 10px;
  width: 40px;
}

.banner-details .carousel-control span:hover {
  background: none repeat scroll 0 0 #ec3642;
}

.our-details {
  padding: 30px 0;
}

.content-page,
.comments-content {
  background: none repeat scroll 0 0 #1b1b1b;
  padding: 15px;
  margin-top: 20px;
  overflow: hidden;
}

.content-page p {
  margin: 20px 0;
}

.class-details,
.comments,
.form-comment,
.details-desc,
.caveats,
.share {
  overflow: hidden;
  width: 100%;
}

.details-desc-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
}

.class-details h5 {
  display: inline-block;
  width: 50%;
}

.rating {
  display: inline-block;
  float: right;
  text-align: right;
  width: 50%;
}

.rating span {
  color: #ec3642;
}

.rating .votes {
  color: #fff;
}

.caveats-full {
  float: left;
  width: 50%;
}

.caveats-content {
  background: url("../images/canvat.png") no-repeat scroll right top #242424;
  float: right;
  margin-top: 30px;
  padding: 35px 0;
  width: 48%;
}

.caveats-full-1 {
  float: left;
  overflow: hidden;
}

.caveats-content p {
  font-size: 18px;
  margin: 0 auto;
  width: 71%;
}

.share {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 23px 0 33px;
  padding: 5px 0;
}

.share-title {
  color: #666666;
  float: left;
  width: 50%;
}

.share .social-icon {
  float: right;
  margin: 0;
  text-align: right;
  width: 50%;
}

.share .social-icon a {
  font-size: 14px;
  line-height: 34px;
  padding: 0 10px;
}

.share .social-icon a:hover {
  color: #ec3642;
}

.share .social-icon .linkedin {
  padding-right: 0;
}

.comments-title {
  background: none repeat scroll 0 0 #ec3642;
  padding: 10px 15px;
  margin-top: 30px;
}

.comments-content {
  margin-top: 0;
  padding: 0;
}

.comments-content .answer,
.comments-content .reply {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  padding: 25px 0;
  width: 100%;
}

.comments-content .reply img {
  float: right;
}

.content-cmt .name-cmt {
  color: #ec3642;
  margin-right: 20px;
}

.content-cmt .date-cmt {
  border-right: 1px solid;
  color: #9e9e9e;
  margin-right: 5px;
  padding-right: 7px;
}

.content-cmt span a {
  color: #ec3642;
}

.form-comment {
  padding: 20px;
}

.form-comment-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
}

.form-validate-right,
.form-validate-left {
  float: left;
  width: 50%;
}

.form-validate-left input {
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
  padding: 5px 10px;
  width: 93%;
  background: none repeat scroll 0 0 #232323;
}

.form-validate-right .message .control {
  height: 143px;
  margin-bottom: 20px;
}

.form-submit .btn-submit {
  font-size: 16px;
  text-align: center;
}

.contact-form .form-submit {
  overflow: hidden;
  position: relative;
}

.class-trainer,
.class-info {
  background: none repeat scroll 0 0 #1b1b1b;
}

.class-trainer-title {
  background: none repeat scroll 0 0 #ec3642;
  padding-top: 20px;
  text-align: center;
}

.img-trainer img {
  margin-bottom: -24px;
}

.class-trainer-content {
  padding: 35px 20px 20px;
  text-align: center;
}

.class-trainer-content .profile {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 7px 20px;
  text-transform: uppercase;
}

.class-trainer-content .profile:hover {
  background: #ec3642;
}

.class-info {
  margin-top: 20px;
  padding-bottom: 1px;
}

.class-info-title {
  background: none repeat scroll 0 0 #ec3642;
  padding: 4px 20px;
  position: relative;
}

.class-info-title:before {
  border-left-color: #ec3642;
}

.class-info-title:before {
  border-color: transparent transparent transparent #ec3642;
  border-style: solid;
  border-width: 14px;
  bottom: -14px;
  content: "";
  left: 0;
  position: absolute;
}

.class-info-content {
  padding: 0 20px;
}

.info-content {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #9e9e9e;
  padding: 12px 0;
  text-transform: uppercase;
}

.info-content span i {
  margin-right: 7px;
}

.course {
  border: 2px solid #ec3642;
  margin: 20px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
}

.course:hover {
  border: 2px solid #ec3642;
  background: #ec3642;
}

.course:hover a {
  color: #fff;
}

.course a {
  color: #ec3642;
}

.class-related {
  padding: 20px 0;
}

.class-related-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
}

.related-product {
  padding-bottom: 20px;
  position: relative;
}

.related-product .name-product {
  left: 23px;
  position: absolute;
  top: 23px;
}

.related-product .name-product-details {
  background: none repeat scroll 0 0 #ec3642;
  padding: 4px 10px;
  position: relative;
  text-transform: uppercase;
}

.related-product .name-product-details:before {
  border-color: transparent transparent transparent #ec3642;
  border-style: solid;
  border-width: 9px;
  bottom: -9px;
  content: "";
  left: 0;
  position: absolute;
}

.related-product .name-product-details:before {
  border-left-color: #ec3642;
}

.related-product .box-cell {
  display: block !important;
  margin: 25px 20px 0;
  position: relative;
  z-index: 99;
}

.related-product .box-inner a span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin: 0;
  padding: 5px 7px;
  position: relative;
  text-transform: uppercase;
}

/*---------------------------------------End Our Class Details---------------------------------------*/

/*--------------------------------------- Our Blog---------------------------------------*/

.our-blog {
  padding: 30px 0;
}

.menu-sidebar,
.popular-event,
.archives,
.tags {
  margin-bottom: 30px;
}

.blog-page {
  margin-bottom: 30px;
}

.blog-item {
  background: none repeat scroll 0 0 #1b1b1b;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 10px;
}

.img-blog {
  margin-bottom: 20px;
}

.blog-main .img-blog {
  float: left;
  overflow: hidden;
  padding-left: 23px;
  padding-right: 0;
  padding-top: 6px;
  width: 145px;
}

.blog-content {
  margin-left: 142px;
  padding-left: 0 !important;
}

.blog-main .img-blog img {
  border: 4px solid #ec3642;
}

.details-desc-full p,
.caveats-full p,
.caption-desc,
.caveats-full-1 p {
  color: #9e9e9e;
  font-family: arial;
}

.blog-title {
  padding: 5px 0;
}

.blog-title a {
  font-size: 24px;
  text-transform: uppercase;
}

.blog-title a:hover {
  color: #ec3642;
}

.blog-title-top {
  font-size: 12px;
  text-transform: uppercase;
}

.blog-intro {
  padding-bottom: 10px;
}

.created-by,
.published,
.category-name {
  display: inline-block;
  margin-right: 5px;
}

.created-by span,
.category-name a {
  color: #ec3642;
}

.pages {
  height: 36px;
  line-height: 36px;
}

.pages ul {
  padding-left: 0;
}

.pages ul li {
  display: inline-block;
  margin: 0 2px;
}

.pages li a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 9px 14px;
}

.pages .current a {
  background: #ec3642;
}

.menu-sidebar {
  background: none repeat scroll 0 0 #ec3642;
}

.title-menu {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  padding: 5px 15px;
}

.menu-sidebar .nav-menu {
  padding: 0 15px 5px;
}

.menu-sidebar .nav-menu li {
  padding: 10px 0;
  font-size: 13px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-sidebar .nav-menu li a:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 44px;
  width: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.menu-sidebar .nav-menu li a:hover:before {
  width: 60px;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.popular-event {
  background: none repeat scroll 0 0 #1b1b1b;
}

.popular-event-title {
  border-bottom: 2px solid #232323;
  color: #666666;
  padding: 10px 15px;
}

.popular-event-title a {
  margin: 0;
}

.popular-event .news-content ul {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 0;
}

.popular-event .latest-news-item {
  border-bottom: 1px solid #232323;
  border-left: 2px solid #454545;
}

.popular-event .latest-news-item:hover {
  background: #242424;
  border-left: 2px solid #ec3642;
}

.popular-event .latest-news-item:hover .news-title a {
  color: #ec3642;
}

.popular-event .news-date {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ec3642;
}

.popular-event .news-day {
  border: none;
  padding: 0;
}

.popular-event .news-month {
  font-size: 15px;
}

.popular-event .news-info {
  margin-left: 60px;
}

.popular-event .news-title a {
  color: #666666;
  text-transform: none;
}

.popular-event .news-time p {
  background: url("../images/clock.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  color: #bbbbbb;
  padding-left: 20px;
}

.archives-title {
  border-bottom: 1px solid #2b2b2b;
  padding: 10px;
}

.archives-title span {
  border-bottom: 1px solid #ec3642;
  color: #666666;
  font-size: 18px;
  padding-bottom: 13px;
  text-transform: uppercase;
}

.info-content {
  border-bottom: 1px solid #2b2b2b;
  font-size: 14px;
  padding: 12px;
  text-transform: none;
}

.info-content a {
  color: #666666;
}

.info-content a:hover {
  color: #ec3642;
}

.tags-content {
  padding: 20px 0;
}

.tags-blog {
  display: inline-block;
}

.tags-blog a {
  background: none repeat scroll 0 0 #1b1b1b;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #9c9c9c;
  display: inline-block;
  height: 29px;
  line-height: 27px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 0 15px !important;
}

.tags-blog a:hover {
  background: none repeat scroll 0 0 #ec3642;
  color: #fff;
}

/*---------------------------------------End Our Blog---------------------------------------*/

/*--------------------------------------- Blog Details---------------------------------------*/

.icon-blog {
  overflow: hidden;
  padding-top: 30px;
}

.icon-blog .icon {
  display: inline-block;
  float: left;
  height: 46px;
  margin-bottom: 1px;
  margin-right: 1px;
}

.icon-blog .icon a {
  background: none repeat scroll 0 0 #242424;
  color: #a3a3a3;
  display: inline-block;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  overflow: hidden;
  text-align: center;
  width: 46px;
}

.icon-blog .icon a:hover {
  background: none repeat scroll 0 0 #ec3642;
  color: #fff;
}

.author,
.related-post {
  background: none repeat scroll 0 0 #1b1b1b;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
}

.author {
  padding: 20px 0;
}

.related-post {
  padding: 30px 23px;
}

.related-post-title {
  border-bottom: 2px solid #232323;
  margin-bottom: 10px;
}

.related-post-title h5 {
  margin-top: 0;
}

.related-post-list {
  border-bottom: 1px solid #232323;
  padding: 8px 0;
  position: relative;
}

.related-post-list:last-child {
  border-bottom: none;
}

.related-post-list a {
  color: #9e9e9e;
  font-family: Arial;
}

.related-post-list a:before {
  background: none repeat scroll 0 0 #ec3642;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.post-last a:before {
  background: none;
}

.related-post-list a:hover {
  color: #ec3642;
  font-family: Arial;
}

.related-post-list a:hover:before {
  width: 60px;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.popular-event-details {
  background: none repeat scroll 0 0 #fff;
}

.popular-event-details .popular-event-title {
  border-bottom: 2px solid #ededed;
}

.popular-event-details .latest-news-item {
  border-bottom: 1px solid #ededed;
  border-left: 2px solid #ededed;
}

.popular-event-details .latest-news-item:hover {
  background: #f8f8f8;
}

.popular-event-details .news-day,
.popular-event-details .news-month {
  color: #ec3642;
}

.popular-event-details .latest-news-item:hover .news-title a {
  color: #c50b0b;
}

/*---------------------------------------End Blog Details---------------------------------------*/

/*---------------------------------------Page Our Trainers---------------------------------------*/

.our-trainers {
  overflow: hidden;
  padding: 45px 0 15px;
}

.product-content .info-products,
.our-trainers .info-products {
  position: relative;
  text-align: center;
  border: none;
  transition: transform 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  -o-transition: -o-transform 0.4s ease 0s;
  -ms-transition: -ms-transform 0.4s ease 0s;
  min-height: 110px;
}

.product-trainer a img,
.meet-trainer .product-image a img,
.event-listing-grid .product-image a img,
.sport-new .img-sport a img {
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
}

.product-trainer a img:hover,
.meet-trainer .product-image a img:hover,
.event-listing-grid .product-image a img:hover,
.sport-new .img-sport a img:hover {
  /*transform: scale(1.2) rotateZ(-5deg);*/
  /*-moz-transform: scale(1.2) rotateZ(-5deg);*/
  /*-webkit-transform: scale(1.2) rotateZ(-5deg);*/
  /*-o-transform: scale(1.2) rotateZ(-5deg);*/
  /*-ms-transform: scale(1.2) rotateZ(-5deg);*/
}

.product-list .info-products {
  text-align: left;
}

.product-image-wrapper:hover .product-content .info-products,
.product-image-wrapper:hover .our-trainers .info-products {
  background: #ec3642;
  /*     transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);*/
}

.img-trainers {
  background: none repeat scroll 0 0 #ec3642;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 66px;
  left: 50%;
  margin-left: -33px;
  position: absolute;
  top: -35px;
  width: 66px;
}

.img-trainers img {
  padding-top: 12px;
}

.our-trainers .product-name {
  padding-top: 20px;
  text-transform: uppercase;
  font-size: 18px;
}

.our-trainers .product-bottom {
  margin: 0 auto;
  padding: 5px 0;
}

.actions {
  padding: 10px 15px;
  bottom: 5px;
  height: auto;
  opacity: 0;
  top: auto;
  overflow: hidden;
  background: none repeat scroll 0 0 #ec3642;
  transform: translateY(99%);
  -moz-transform: translateY(99%);
  -webkit-transform: translateY(99%);
  -o-transform: translateY(99%);
  -ms-transform: translateY(99%);
  transition: transform 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  -o-transition: -o-transform 0.4s ease 0s;
  -ms-transition: -ms-transform 0.4s ease 0s;
  width: 100%;
  position: absolute;
  left: 0;
}

.product-image-wrapper:hover .info-products .actions {
  opacity: 1;
  transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
}

.our-trainers .actions ul li a .fa {
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 30px;
}

.load-product {
  padding-bottom: 40px;
}

.load-more {
  background: none repeat scroll 0 0 #1e1e1e;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  float: left;
  overflow: hidden;
  padding: 12px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.load-more:focus {
  background: none repeat scroll 0 0 #ec3642;
}

.new-product .info-products {
  text-align: left;
}

.new-product .actions {
  border-top: 1px solid rgba(88, 88, 88, 0.18);
}

/*---------------------------------------End Page Our Trainers---------------------------------------*/

/*---------------------------------------Page Our Trainers Profile---------------------------------------*/

.experience {
  padding-top: 40px;
  margin-bottom: 25px;
}

.experience-title {
  padding-bottom: 10px;
}

.experience-main {
  margin-bottom: 3px;
}

.experience-spoiler {
  margin-top: 10px;
}

.experience-spoiler:first-child {
  margin-top: 0;
}

.experience-details-title {
  border: 1px solid #e8e8e8;
  color: #333333;
  cursor: pointer;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}

.experience-details-title {
  background: none repeat scroll 0 0 #1b1b1b;
  border: medium none;
  color: #fff;
  font-size: 18px;
  height: 45px;
  line-height: 21px;
  padding: 12px 0 12px 62px;
  position: relative;
}

.experience-spoiler-opened .experience-details-title {
  background: none repeat scroll 0 0 #ec3642;
}

.experience-details-title i.fa {
  border-right: 3px solid #212121;
  height: 100%;
  left: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 45px;
  margin-right: 10px;
}

.experience-details-collapse {
  float: right;
  font-family: FontAwesome;
  font-size: 15px;
  margin-right: 10px;
}

.experience-details-collapse {
  border-right: 3px solid #212121;
  float: left;
  height: 100%;
  left: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 45px;
}

.experience-details-collapse {
  display: none;
}

.experience-details-content {
  background: none repeat scroll 0 0 #1b1b1b;
  border: medium none;
  color: #fff;
  font-size: 12px;
  padding: 12px 13px;
  line-height: 24px;
}

.profile {
  background: none repeat scroll 0 0 #1e1e1e;
  overflow: hidden;
}

.profile-content {
  margin-top: 30px;
  overflow: hidden;
}

.profile-content p {
  line-height: 28px;
}

.profile-title {
  background: none repeat scroll 0 0 #ec3642;
}

.img-profile1,
.profile-icon {
  float: left;
  padding-left: 20px;
  width: 25%;
}

.profile-info,
.profile-text {
  float: left;
  padding-top: 5px;
  width: 75%;
}

.profile-info-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.profile-info span {
  display: inline-block;
  margin: 5px 0;
  text-transform: uppercase;
  width: 48%;
}

.profile-title .img-profile1 img {
  margin-bottom: -22px;
  margin-left: 10px;
  margin-top: 10px;
}

.profile-icon {
  padding-left: 0;
}

.profile-text {
  padding-right: 15px;
}

.profile-content .rating {
  text-align: center;
  width: 100%;
}

.profile-content .social-icon {
  text-align: center;
}

.profile-content .social-icon .middle {
  margin: 0 15px;
}

.progress-indicator {
  background: none repeat scroll 0 0 #2d2d2d;
  height: 9px;
  position: relative;
}

.progress-indicator>div {
  bottom: 2px;
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 0;
}

.experience-content ul {
  padding-left: 0;
}

.experience-content .skill {
  margin: 21px 0;
}

.experience-content .skill-top {
  margin-top: 13px;
}

.progress-indicator .bg-red {
  background: none repeat scroll 0 0 #ec3642;
}

.skill-title {
  text-transform: uppercase;
}

.skill-percent {
  background: none repeat scroll 0 0 #ec3642;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 2px 4px;
  position: relative;
  text-transform: uppercase;
  float: right;
}

.skill-percent:before {
  border-color: transparent transparent transparent #ec3642;
  border-style: solid;
  border-width: 5px;
  bottom: -5px;
  content: "";
  left: 0;
  position: absolute;
}

.skill-percent:before {
  border-left-color: #ec3642;
}

.meet-trainer .our-trainers {
  padding-top: 0;
}

/*---------------------------------------End Page Our Trainers Profile---------------------------------------*/

/*---------------------------------------Page Our Pricing Table---------------------------------------*/

.ask-question-main {
  margin: 40px 0;
  padding: 0;
}

.ask-question {
  background: none repeat scroll 0 0 #161616;
  padding-top: 25px;
}

.question-content {
  background: none repeat scroll 0 0 #1b1b1b;
  font-size: 18px;
  padding: 7px 20px;
}

.question-content p,
.answer p,
.content-reply {
  margin-bottom: 0;
  color: #666666;
}

.answer {
  padding: 15px 20px;
}

/*---------------------------------------End Our Pricing Table---------------------------------------*/


/*---------------------------------------About Us---------------------------------------*/

.menu-about {
  background: none repeat scroll 0 0 #121212;
  border-bottom: 1px solid #2b2b2b !important;
}

.menu-about ul li {
  border-left: 1px solid #2b2b2b;
}

.menu-about ul li a:hover,
.menu-about ul li a:focus {
  background: none repeat scroll 0 0 #ec3642;
}

.choose {
  padding: 40px 0 70px;
}

#history {
  padding-bottom: 30px;
}

.classes-content .col-md-6 {
  padding-left: 0;
}

.classes .our-class-main {
  padding: 30px 0;
}

.classes-athlete .isotope {
  border-right: 2px solid transparent;
}

.block-right {
  margin-left: 15px;
  margin-top: -10px;
}

.about-info {
  margin-bottom: 30px;
}

.about-info:last-child {
  margin-bottom: 0;
}

.icon-block {
  float: left;
  text-align: center;
}

.icon-block .fa {
  background: none repeat scroll 0 0 #ec3642;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 30px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}

.about-details {
  margin-left: 100px;
}

.about-details-title {
  color: #ec3642;
  font-size: 14px;
}

.join-us {
  font-size: 24px;
  font-weight: bold;
}

.history-skill {
  overflow: hidden;
  padding-top: 20px;
}

.history-skill ul {
  margin: 0;
  padding: 0;
}

.history-skill li {
  cursor: pointer;
  float: left;
  line-height: 30px;
  list-style: outside none none;
  width: 50%;
}

.history-skill li:before {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  content: '\f05d';
  font-family: "FontAwesome";
  font-size: 15px;
  height: 14px;
  line-height: 14px;
  margin-right: 12px;
  text-align: center;
  width: 14px;
}

.history-skill li:hover {
  color: #ec3642;
}

.tab-history {
  padding-top: 60px;
}

.tab-history .our-team-panes {
  position: relative;
  clear: left;
}

.tab-history .our-team-nav:before {
  border-bottom: 1px solid #4f4f4f;
  content: "";
  left: 0;
  position: absolute;
  top: 6px;
  width: 100%;
}

.tab-history .our-team-nav {
  padding: 0 80px;
  position: relative;
  box-sizing: border-box !important;
  overflow: hidden;
}

.tab-history .our-team-nav span {
  color: inherit;
  font-size: 18px;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -webkit-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  width: 15.667%;
  color: #666666;
}

.tab-history .our-team-nav .our-team-current {
  color: #fff;
}

.tab-history .our-team-nav span:hover,
.tab-history .our-team-nav span.our-team-current {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  text-indent: 0;
}

.tab-history .our-team-nav span:before {
  background: none repeat scroll 0 0 #606060;
  border: 2px solid #4f4f4f;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  content: "";
  display: inline-block;
  height: 12px;
  left: calc(50% - 6px);
  position: absolute;
  top: 0;
  width: 12px;
}

.tab-history .our-team-nav span:hover:before,
.tab-history .our-team-nav span.our-team-current:before {
  background: none repeat scroll 0 0 #ec3642;
}

.tab-history .our-team-nav span:hover:before,
.tab-history .our-team-nav span.our-team-current:before {
  background: none repeat scroll 0 0 #ec3642;
}

.tab-history .our-team-pane {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: inherit;
}

.tab-history .our-team-panes .our-team-pane {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  width: 100%;
}

.video-history iframe {
  border: medium none;
  width: 100%;
}

.our-history {
  position: relative;
  z-index: 99;
}

/*---------------------------------------End About Us---------------------------------------*/


/*---------------------------------------Event Listing---------------------------------------*/

.event-listing .news-item-inner {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 12px;
  height: auto;
  padding: 13px 10px;
  border-left: 2px solid #373737;
}

.event-listing .news-item-inner:hover {
  background: none repeat scroll 0 0 #ec3642;
}

.news-item-inner:hover .news-time .event-text {
  color: #fff !important;
}

.news-item-inner:hover .news-time .open-time {
  color: #fff;
}

.event-listing .news-title {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 30px;
}

.event-listing ul {
  padding-left: 0;
}

.event-listing .latest-news-item {
  background: none repeat scroll 0 0 #161616;
  border-bottom: medium none;
  padding: 0;
  margin-bottom: 15px;
}

.event-listing .latest-news-item:hover {
  background: #161616;
}

.event-listing .news-date {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}

.event-listing .news-title a {
  color: #fff;
  font-size: 24px;
}

.event-listing .news-month {
  padding: 3px 0 8px;
}

.event-listing .news-time {
  margin-top: 17px;
}

.event-listing .news-time p {
  color: #acacac;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 15px;
}

.experience-spoiler-opened .news-info .news-time .open-time,
.experience-spoiler-opened .news-info .news-time .event-text {
  color: #fff !important;
}

.event-listing .news-time .open-time {
  margin-bottom: 0;
  padding-left: 0;
}

.event-listing .news-time .open-time:before {
  color: #ec3642;
  content: "\f017";
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 14px;
}

.event-listing .news-time .event-text {
  margin-bottom: 0;
  margin-left: 0 !important;
}

.event-listing .news-time .event-text:before {
  color: #ec3642;
  content: "\f041";
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 14px;
}

.news-item-inner:hover .news-time .event-text:before,
.news-item-inner:hover .news-time .open-time:before {
  color: rgba(0, 0, 0, 0.5);
}

.experience-spoiler-opened .news-time .open-time:before,
.experience-spoiler-opened .news-time .event-text:before {
  color: rgba(0, 0, 0, 0.5) !important;
}

.event-listing .news-time p i {
  color: #ec3642;
  margin-right: 5px;
}

.event-title .fa {
  float: left;
  font-size: 18px;
}

.event-content {
  padding: 0;
}

.event-details,
.event-map {
  padding: 10px 20px;
}

.time-location {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.time-event {
  display: inline-block;
  padding: 20px;
  width: 49%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.time-event:last-child {
  border: none;
}

.event-text {
  color: #acacac;
  margin-left: 40px;
  text-transform: uppercase;
}

.event-title h4,
.event-details-text,
.more,
.event-map ul {
  margin-left: 40px;
  color: #acacac;
  list-style: inside none disc;
}

.event-details-text {
  height: 50px;
  overflow: hidden;
}

.event-details .hide {
  display: none;
}

.event-title h4 {
  color: #fff;
}

.event-title h4 span {
  margin-left: 20px;
}

.more {
  color: #ec3642;
}

.event-type .event-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.event-type .event-title:last-child {
  border: none;
}

.event-type .event-title .fa {
  margin-left: 20px;
  margin-right: 20px;
}

.event-type .event-text {
  margin-left: 20px;
}

.event-type .event-home {
  margin-left: 60px;
}

.event-category .popular-event-title {
  background: none repeat scroll 0 0 #242424;
  color: #fff;
}

.event-category .news-day,
.event-category .news-month {
  color: #fff;
}

.years-event .popular-event-title {
  padding: 10px 0;
}

.years-event .popular-event-title>h4 {
  float: left;
}

.years-event .next {
  line-height: 40px;
  overflow: hidden;
  text-align: right;
}

.years-event .circle .fa {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  height: 18px;
  width: 18px;
}

/*---------------------------------------End Event Listing---------------------------------------*/

/*---------------------------------------Event Listing Grid---------------------------------------*/
.event-listing-grid .info-products:hover {
  background: #ec3642;
  transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
}

.listing-grid .img-trainers,
.event-listing-grid .img-trainers {
  background: none;
}

.img-trainers .news-day {
  padding: 4px 0 1px;
}

.img-trainers .news-month {
  padding: 3px 0 7px;
}

.icon-time span {
  margin-right: 7px;
}

.icon-time span i {
  margin-right: 7px;
}

.view-details {
  margin-bottom: 15px;
}

.view {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  padding: 4px 12px;
}

.event-detail {
  background: none repeat scroll 0 0 #1b1b1b;
  padding-bottom: 25px;
}

.event-detail .event-desc {
  padding: 15px;
}

.event-detail .more {
  margin-left: 10px
}

.event-type-details {
  background: none repeat scroll 0 0 #1b1b1b;
}

.event-type .share {
  border: medium none;
  margin: 0;
  padding: 0 20px;
}


/*---------------------------------------End Event Listing Grid---------------------------------------*/

/*---------------------------------------Calendar Full View---------------------------------------*/
.calendar-full-view {
  padding-top: 30px;
}

.calendar {
  overflow: hidden;
}

.calendar .owl-wrapper-outer {
  height: auto !important;
}

.calendar-banner {
  padding-top: 150px;
}

.calendar-title {
  background: none repeat scroll 0 0 #ec3642;
  margin: 0 auto;
  text-align: center;
}

.next-month {
  margin: auto;
  position: relative;
  text-align: center;
  width: 450px;
}

.button-nav-prev {
  left: 0;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  z-index: 10;
}

.next-nav-next {
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}

.calendar-title .owl-carousel {
  float: none;
  margin: auto;
  text-align: left;
  width: 350px;
}

.calendar-title .circle {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  font-size: 24px;
  padding: 6px 15px;
}

.calendar-title .circle:hover {
  background: #fff;
  color: #ec3642;
}

.calendar-month {
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 15px;
  line-height: 3;
}

.sort-by {
  background: none repeat scroll 0 0 #161616;
  text-align: center;
  margin-bottom: 50px;
  margin: 0 auto 13px;
}

.shot-by,
.dress-code {
  display: inline-block;
  margin-right: 15px;
  margin-top: 12px;
}

.shot-by label,
.dress-code label {
  color: #b8b8b8;
  float: left;
  margin-right: 10px;
  text-transform: uppercase;
}

.select-option {
  color: #666666;
  float: left;
  text-transform: uppercase;
}

.select-option select {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 3px;
  text-transform: uppercase;
}

.list-event .owl-wrapper-outer {
  overflow: visible !important;
}

.calendar-full {
  text-align: center;
}

.calendar-day {
  overflow: hidden;
}

.calendar-day>div {
  background: none repeat scroll 0 0 #ec3642;
  border-right: 3px solid #242424;
  display: inline-block;
  float: left;
  font-size: 16px;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 14.2857%;
}

.calendar-date {
  margin-top: 3px;
}

.calendar-date ul {
  margin-bottom: 0;
  padding-left: 0;
}

.calendar-date ul li {
  background: none repeat scroll 0 0 #1b1b1b;
  cursor: pointer;
  display: inline-block;
  float: left;
  line-height: 100px;
  margin-bottom: 3px;
  position: relative;
  text-align: center;
  width: 14.2857%;
}

.calendar-date ul li .calendar-day {
  border-right: 3px solid #242424;
  color: #666666;
  font-size: 24px;
  font-weight: bold;
}

.calendar-date ul .calendar-note .calendar-day {
  color: #ec3642;
}

.calendar-date ul li .calendar-last {
  color: #232323;
}

.calendar-date ul li:hover {
  background: none repeat scroll 0 0 #ec3642;
}

.calendar-date ul li:hover .calendar-day {
  color: #fff;
}

.event-calendar {
  text-align: center;
  margin-bottom: 40px;
}

.event-calendar h3 {
  font-weight: bold;
}

.event-calendar .border-bottom {
  border: 2px solid #8f8f8f;
  margin: 0 auto 20px;
}

.calendar-details {
  display: none;
  left: 50%;
  line-height: 24px;
  margin-left: -175px;
  padding: 0;
  position: absolute;
  top: -410px;
  width: 350px;
  z-index: 99;
}

.calendar-details .info-products {
  background: #ec3642;
}

.event-listing-grid.calendar-details .info-products:hover {
  background: #ec3642;
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.calendar-note .calendar-slide {
  bottom: 20px;
  left: 0;
  line-height: 0;
  margin-left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.calendar-note .calendar-slide li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  line-height: 0;
  margin: 0 2px;
  width: auto;
  float: none;
}

.calendar-note .calendar-slide li a {
  color: #ec3642;
}

.calendar-note .calendar-slide li .fa {
  font-size: 9px;
}

.calendar-note:hover .calendar-slide li a {
  color: #fff;
}

.calendar-note .product-image-wrapper {
  margin-bottom: 0;
}

.calendar-note .calendar-slide li a.active {
  color: #fff
}

.calendar-note .calendar-slide li a.active:hover {
  color: #fff
}

/*---------------------------------------End Calendar Full View---------------------------------------*/

/*---------------------------------------Parallax Background---------------------------------------*/
.parallax-block-wrap-module {
  width: 100%;
  height: 400px;
}

.parallax-block.bt-advance-parallax {
  overflow: hidden;
  margin: auto;
  position: relative;
  width: 100%;
  height: 100%;
  background: #e8e8e8;
}

.parallax-background {
  /*background: url('../img/pattern.png');*/
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.parallax-background img {
  max-width: none;
}

.parallax-background.in-parallax .parallax-background-overlay {
  background: rgba(33, 33, 33, 0.93);
}

.parallax-background-overlay {
  background: none repeat scroll 0 0 #ec3642;
  height: 500%;
  opacity: 0.8;
  position: absolute;
  width: 100%;
}

.parallax-block-content {
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
  padding-top: 80px;
}

.parallax-boxing {
  text-align: right;
}

.parallax-v2 {
  text-align: center;
}

.parallax-boxing h1 {
  font-size: 60px;
}

.parallax-boxing p,
.parallax-shop p {
  font-size: 24px;
}

.parallax-shop h1 {
  font-size: 48px;
}

.parallax-block .button {
  border: solid 2px #FFF;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.parallax-block .button:hover {
  border-width: 2px;
}

.parallax-background .video-embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: -50%;
  width: 100%;
}

.parallax-background .video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.parallax-background .video-wrap iframe,
.parallax-background .video-wrap object,
.parallax-background .video-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.no-scroll {
  overflow: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.parallax-col {
  box-sizing: content-box;
  float: left;
  margin: 0 !important;
}

.parallax-content-in {
  height: 100%;
  position: absolute;
  width: 100%;
}

.parallax-row .thumb {
  position: relative;
}

.parallax-row .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.content-show-large {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  text-align: center;
  display: none;
}

.content-show-large .item-contain {
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 2;
}

.content-show-large .video-inner {
  height: 100%;
  position: absolute;
  width: 100%;

}

.item-contain iframe {
  height: 100%;
  width: 100%;
}

.content-show-large .item-contain img {
  left: 50%;
  margin: 0 -50% 0 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.control-button .button-wrap,
.control-button .nav-wrap {
  position: relative;
  z-index: 4;
}

.nav-wrap-in {
  height: 85px;
  opacity: 0.3;
  position: fixed;
  transition: opacity 0.3s ease-out 0s;
  -moz-transition: opacity 0.3s ease-out 0s;
  -webkit-transition: opacity 0.3s ease-out 0s;
  -ms-transition: opacity 0.3s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0s;
  width: 50px;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.nav-wrap-in.next {
  right: 0;
}

.nav-wrap-in.next.has-scroll {
  right: 17px;
}

.nav-wrap-in.prev {
  left: 0;
}

.nav-wrap-in:hover {
  opacity: 0.7;
}

.nav-prev,
.nav-next {
  position: absolute;
  z-index: 45;
  top: 50%;
  width: 50px;
  height: 85px;
  margin-top: -42.5px;
  cursor: pointer;
  text-indent: -999999px;
}

.nav-prev {
  background: url(../images/prev-white.png) center no-repeat #000;
}

.nav-next {
  background: url(../images/next-white.png) center no-repeat #000;
}

.nav-prev.prev-video {
  background: url(../images/prev-black.png) center no-repeat #fff;
}

.nav-next.next-video {
  background: url(../images/next-black.png) center no-repeat #fff;
}

.nav-next {
  right: 0;
}

.nav-prev {
  left: 0;
}

.button-wrap .close-btn {
  background: url("../images/close-btn.png") no-repeat scroll center center #ec3642;
  border: 0 none;
  height: 50px;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 50px !important;
}

.button-wrap .close-btn.has-scroll {
  right: 37px;
}

.button-wrap .close-btn:hover {
  opacity: 1;
}

.overlay-loading,
.button-wrap,
.loading {
  display: none;
}

/* Parallax Content */
.parallax-content-wrap {
  height: 100%;
  display: none;
  position: absolute;
  z-index: 3;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.parallax-content {
  height: 100%;
  position: relative;
  width: 100%;
}

.parallax-row {
  float: left;
}

.parallax-col-box {
  float: left;
}

.parallax-row-w1 {
  float: left;
  width: 476px;
}

.parallax-row-w2 {
  float: left;
  width: 238px;
}

.parallax-row-w3 {
  float: left;
  width: 714px;
}

.parallax-row.box1 {
  width: 714px;
}

.parallax-row.box2 {
  width: 476px;
}

.parallax-col .thumb {
  float: left;
  height: 218px;
  width: 218px;
  margin: 20px 20px 0 0;
}

.parallax-col .thumb.w2 {
  width: 455px
}

.parallax-col .thumb.w3 {
  height: 455px;
  width: 218px;
}

.parallax-col .thumb.w3 img,
.parallax-col .thumb.w2 img {
  width: 100%;
  height: 100%;
}

.parallax-col .parallax-row .thumb img {
  width: calc(100% + 50px);
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
  filter: url("filters.svg#grayscale");
}

.parallax-col .parallax-row .thumb:hover img {
  filter: none;
}

.parallax-col .parallax-row .thumb {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.parallax-col .parallax-row .thumb:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: '';
  right: 0;
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
  opacity: 0;
  background: rgba(18, 18, 18, 0.33);
  z-index: 998;
}

.parallax-col .parallax-row .thumb:hover:before {
  opacity: 1;
}

.parallax-col .parallax-row .thumb:after {
  background: #ec3642;
  content: '\f047';
  position: absolute;
  height: 37px;
  width: 37px;
  text-align: center;
  font-size: 18px;
  font-family: FontAwesome;
  left: calc(50% - 19px);
  top: calc(50% - 19px);
  z-index: 1000;
  line-height: 37px;
  opacity: 0;
  transform: translateY(80px);
  -o-transform: translateY(80px);
  -ms-transform: translateY(80px);
  -moz-transform: translateY(80px);
  -webkit-transform: translateY(80px);
  transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
}

.parallax-shopping .parallax-col .parallax-row .thumb:after {}

.parallax-col .parallax-row .thumb:hover:after {
  opacity: 1;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}

.parallax-row.default-pos {
  opacity: 1;
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.parallax-row.default-pos {
  transition: all 0.5s ease 0.5s;
  -moz-transition: all 0.5s ease 0.5s;
  -webkit-transition: all 0.5s ease 0.5s;
  -o-transition: all 0.5s ease 0.5s;
  -ms-transition: all 0.5s ease 0.5s;
}

.parallax-row.in-pos {
  opacity: 0;
  transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  background: #242424;
}

.parallax-row.in-pos {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}

.parallax-row.out-pos {
  opacity: 0;
  transform: translateX(250px);
  -moz-transform: translateX(250px);
  -webkit-transform: translateX(250px);
  -o-transform: translateX(250px);
  -ms-transform: translateX(250px);
}

.parallax-row.out-pos {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}

.default-pos {
  opacity: 1;
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.parallax-block-content.default-pos {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}

h1.default-pos {
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
}

p.default-pos {
  transition: all 0.5s ease 0.6s;
  -moz-transition: all 0.5s ease 0.6s;
  -webkit-transition: all 0.5s ease 0.6s;
  -o-transition: all 0.5s ease 0.6s;
  -ms-transition: all 0.5s ease 0.6s;
}

img.default-pos {
  transition: all 0.5s ease 0.9s;
  -moz-transition: all 0.5s ease 0.9s;
  -webkit-transition: all 0.5s ease 0.9s;
  -o-transition: all 0.5s ease 0.9s;
  -ms-transition: all 0.5s ease 0.9s;
}

.in-pos {
  opacity: 0;
  transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
}


.parallax-block-content.in-pos {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}

h1.in-pos {
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
}

p.in-pos {
  transition: all 0.5s ease 0.6s;
  -moz-transition: all 0.5s ease 0.6s;
  -webkit-transition: all 0.5s ease 0.6s;
  -o-transition: all 0.5s ease 0.6s;
  -ms-transition: all 0.5s ease 0.6s;
}

img.in-pos {
  transition: all 0.5s ease 0.9s;
  -moz-transition: all 0.5s ease 0.9s;
  -webkit-transition: all 0.5s ease 0.9s;
  -o-transition: all 0.5s ease 0.9s;
  -ms-transition: all 0.5s ease 0.9s;
}


.out-pos {
  opacity: 0;
  transform: translateX(250px);
  -moz-transform: translateX(250px);
  -webkit-transform: translateX(250px);
  -o-transform: translateX(250px);
  -ms-transform: translateX(250px);
}

.parallax-block-content.out-pos {
  transition: all 0.5s ease 0.9s;
  -moz-transition: all 0.5s ease 0.9s;
  -webkit-transition: all 0.5s ease 0.9s;
  -o-transition: all 0.5s ease 0.9s;
  -ms-transition: all 0.5s ease 0.9s;
}

h1.out-pos {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}

p.out-pos {
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
}

img.out-pos {
  transition: all 0.5s ease 0.6s;
  -moz-transition: all 0.5s ease 0.6s;
  -webkit-transition: all 0.5s ease 0.6s;
  -o-transition: all 0.5s ease 0.6s;
  -ms-transition: all 0.5s ease 0.6s;
}

/* Product List */
.page-product .header-container {
  background: none repeat scroll 0 0 #0f0f0f;
}

.page-product .breadcrumbs ul {
  width: 100%;
}

.page-product .product-list,
.page-product .product-list-row {
  padding: 40px 0;
}

.page-product .toolbar {
  border-bottom: 1px solid #525252;
  margin: 0 0 12px 0;
  overflow: hidden;
  padding-bottom: 10px;
}

.page-product .toolbar .amount {
  display: inline-block;
  float: left;
  color: #A3A3A3;
  margin: 0;
}

.page-product .toolbar .sorter {
  display: inline-block;
  float: right;
}

.page-product .toolbar .sort-by {
  display: inline-block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 140px;
  margin: 0;
}

.page-product .toolbar .sort-by select {
  border: medium none;
  color: rgb(163, 163, 163);
  padding: 5px 10px;
  width: 100%;
  height: 33px;
  border: 1px solid rgb(163, 163, 163);
  background: #242424;
}

.page-product .toolbar .sort-by select option {
  border: medium none;
  padding: 5px 10px;
  width: 100%;
  height: 33px;
  line-height: 33px;
  background: #232323;
  color: #a3a3a3;
}

.page-product .toolbar .sort-by i {
  position: absolute;
  right: 0;
}

.page-product .toolbar .view-mode {
  display: inline-block;
  float: left;
  height: 33px;
  margin: 0;
}

.page-product .toolbar .view-mode .grid,
.page-product .toolbar .view-mode .list {
  border: 1px solid #484848;
  color: #858585;
  display: inline-block;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  width: 33px;
  float: left;
  margin-left: 6px;
}

.page-product .toolbar .view-mode .grid:hover,
.page-product .toolbar .view-mode .grid-active,
.page-product .toolbar .view-mode .list:hover,
.page-product .toolbar .view-mode .list-active {
  background: none repeat scroll 0 0 #343434;
  border: 1px solid #484848;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  width: 33px;
  float: left;
  margin-left: 6px;
}

.page-product .product-image-wrapper .new-label:before {
  border-color: transparent transparent transparent #ec3642;
  border-style: solid;
  border-width: 14px;
  bottom: -11px;
  content: "";
  left: 0;
  position: absolute;
}

.page-product .product-image-wrapper .new-label {
  background: none repeat scroll 0 0 #ec3642;
  font-size: 14px;
  height: 31px;
  left: 25px;
  line-height: 31px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 25px;
  width: 65px;
}

.page-product .product-image-wrapper.last-row {
  margin-bottom: 20px;
}

.page-product .product-filter {
  background: #ec3642;
  margin-bottom: 35px;
  padding: 15px 10px 44px 10px;
  ;
}

.page-product .product-filter .title {
  font-size: 16px;
  margin: 0;
}

.page-product .product-filter hr {
  color: #d1333d;
  margin: 15px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.widget-price-filter {
  position: relative;
  padding-top: 25px;
}

.widget-price-filter .min-filter {
  position: absolute;
  top: 0;
  left: 9%;
}

.widget-price-filter .max-filter {
  position: absolute;
  top: 0;
  left: 63%;
}

.widget-price-filter .ui-slider {
  position: relative;
  height: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  margin: 5px 0 20px;
}

.widget-price-filter .ui-slider-range {
  position: absolute;
  top: 0;
  height: 4px;
  border-radius: 3px;
  background: #fff;
}

.widget-price-filter .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 9px;
  height: 9px;
  margin-left: -4px;
  outline: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.page-product .product-filter a {
  border: 2px solid #fff;
  display: block;
  line-height: 12px;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 70px;
}

.page-product .product-filter a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #ec3642;
}

.page-product .product-categories {
  background: #ec3642;
}

.page-product .product-categories .title {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  font-size: 18px;
  margin: 0;
  padding: 15px 10px;
}

.page-product .product-categories ul {
  padding: 0 15px 5px;
}

.page-product .product-categories ul li {
  padding: 10px 0;
  font-size: 13px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.page-product .product-categories ul li a:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 44px;
  width: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.page-product .product-categories ul li a:hover:before {
  width: 60px;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.page-product .pages {}

.page-product .pages ol {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.page-product .pages ol li {
  display: inline-block;
  float: left;
  margin-right: 8px;
  text-align: center;
  vertical-align: middle;
}

.page-product .pages ol li a {
  border: 1px solid #4e4e4e;
  display: block;
  font-size: 15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding: 0;
}

.page-product .pages ol li.current a,
.page-product .pages ol li a:hover {
  background: #ec3642;
  border-color: #ec3642;
}

.product-popular {
  margin-top: 20px;
  background: none repeat scroll 0 0 #232323;
}

.product-popular .title {
  font-size: 18px;
  margin: 0;
  padding: 15px;
}

.product-popular ul {
  margin: 0;
  padding: 0 0 0 1px;
}

.product-popular ul li {
  background: #232323;
  border-left: 2px solid #454545;
  border-top: 1px solid #2a2a2a;
  display: block;
  overflow: hidden;
  padding: 10px 10px 10px 12px;
}

.product-popular ul li:last-child {
  border-bottom: 1px solid #2a2a2a;
}

.product-popular ul li:hover {
  background: #1b1b1b;
  border-left: 2px solid #ec3642;
}

.product-popular ul li .product-image {
  display: inline-block;
  float: left;
}

.product-popular ul li .info-products {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  line-height: 24px;
  padding: 0 10px 0 85px;
}

.product-popular ul li .info-products .product-name {
  margin: 0;
}

.product-popular ul li .info-products .price-box {
  color: #ec3642;
  font-size: 18px;
}

.page-footer-product {
  background: #1b1b1b;
}

.footer-right .line1 a {
  color: #ec3642;
}

.page-footer-product .email input.inputbox {
  background: none;
}

.quickview-box {
  display: none;
}

.quickview-box .quickview-body {
  float: none;
  margin: 0 auto;
}

.quickview-box .product-essential {
  position: relative;
}

.quickview-box .quickview-close {
  background: none repeat scroll 0 0 #ec3642;
  border: medium none;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 25px;
  text-align: center;
  top: 10px;
  width: 30px;
  z-index: 9;
}

/* Product List Row */
.product-list-row .product-image-wrapper {
  margin-bottom: 35px;
}

.product-list-row .product-content {
  background: #161616;
  overflow: hidden;
}

.product-list-row .product-image {
  padding: 0;
}

.product-list-row .info-products-list {
  border: none;
  padding-right: 30px;
  padding-top: 15px;
}

.product-list-row .info-products-list hr {
  color: #262626;
  border-top: 1px solid;
  margin: 0;
}

.product-list-row .info-products-list .desc {
  margin: 10px 0 45px;
  color: #9a9a9a;
}

.product-list-row .price-box {
  float: left;
  margin-top: 10px;
}

.product-list-row .price-box .special-price,
.product-list-row .price-box .old-price {
  color: #fff;
}

.product-list-row .actions-box {
  float: right;
  margin-top: 10px;
}

.product-list-row .actions-box ul {
  margin: 0;
  padding: 0;
}

.product-list-row .actions-box ul li {
  margin-right: 5px;
  display: inline-block;
}

.product-list-row .actions-box ul li:last-child {
  margin-right: 0;
}

.product-list-row .actions-box ul li a {
  background: #232323;
  display: block;
  height: 35px;
  width: 35px;
  font-size: 14px;
  margin: 0;
  line-height: 35px;
  text-align: center;
}

.product-list-row .actions-box ul li a:hover {
  background: none repeat scroll 0 0 #ec3642;
}

.product-list-row .product-image-wrapper:hover .arrows {
  opacity: 1;
  transform: none;
  -o-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

.product-list-row .arrows {
  display: block;
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: transform 0.5s ease 0s;
  -moz-transition: -moz-transform 0.5s ease 0s;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  -o-transition: -o-transform 0.5s ease 0s;
  -ms-transition: -ms-transform 0.5s ease 0s;
  opacity: 0;
}

.product-list-row .product-image-wrapper.last-row {
  margin-bottom: 45px;
}

/* Product detail */
.product-detail {
  padding-top: 40px;
}

.product-essential {
  margin-bottom: 35px;
  overflow: hidden;
  padding: 0 !important;
  background: none repeat scroll 0 0 #1b1b1b;
}

.product-essential .product-img-box {
  padding: 0;
}

.product-essential .more-views {
  background: none repeat scroll 0 0 #3b3b3b;
  padding: 8px 32px;
  position: relative;
  overflow: hidden;
}

.product-essential #owl-demo {
  padding: 0 9px;
  border-left: 1px solid #545454;
  border-right: 1px solid #545454;
}

.product-essential .more-views .owl-wrapper-outer {
  overflow: hidden;
}

.product-essential .customNavigation {
  text-align: center;
}

.product-essential .customNavigation a {
  color: #9e9e9e;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  top: 35px;
  padding: 0;
}

.product-essential .customNavigation a.prev {
  left: 15px;
}

.product-essential .customNavigation a.next {
  right: 15px;
}

.product-essential .product-shop {
  overflow: hidden;
  padding: 55px 25px 0;
}

.product-essential .product-name {
  border-bottom: 1px solid #262626;
  margin-bottom: 10px;
}

.product-essential .product-name h1 {
  font-size: 18px;
  margin: 0 0 15px;
}

.product-essential .meta-box {
  border-bottom: 1px solid #262626;
  margin-bottom: 10px;
  overflow: hidden;
}

.product-essential .meta-box .price-box {
  float: left;
  margin-bottom: 10px;
}

.product-essential .meta-box .price-box .old-price {
  color: #fff;
}

.product-essential .meta-box .rating-box {
  float: right;
  margin-bottom: 10px;
}

.product-essential .meta-box .rating-box .rating {
  color: #ec3642;
  width: auto;
}

.product-essential .meta-box .rating-box .rating i {
  display: inline-block;
  float: left;
  line-height: 24px;
  margin-right: 3px;
}

.product-essential .short-description {
  color: #9a9a9a;
  margin-bottom: 40px;
}

.product-essential .add-to-box {
  border-bottom: 1px solid #262626;
  margin-bottom: 10px;
  padding-bottom: 25px;
}

.add-to-cart {
  position: relative;
  width: 78px;
}

.add-to-cart input {
  background: #232323;
  border: 1px solid #484848;
  color: #9a9a9a;
  height: 35px;
  padding: 0 12px;
  width: 78px;
}

.add-to-cart span {
  color: #9a9a9a;
  font-size: 14px;
  position: absolute;
  right: 10px;
  height: 10px;
  line-height: 10px;
}

.add-to-cart span:hover {
  cursor: pointer;
  color: #fff;
}

.add-to-cart .increase-qty {
  top: 9px;
}

.add-to-cart .decrease-qty {
  top: 12px;
}

.button {
  background: none repeat scroll 0 0 #ec3642;
  border: medium none;
  height: 35px;
  padding: 0 0 0 25px;
  position: relative;
  text-transform: uppercase;
  width: 110px;
}

.add-to-box .button {
  background: url(../images/btn-gradient.png) no-repeat scroll left center #ec3642;
}

.btn-checkout {
  width: 125px;
}

.button .fa-icon {
  height: 35px;
  left: 0;
  line-height: 35px;
  padding-left: 5px;
  position: absolute;
  top: 0;
  width: 25px;
}

.button span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  width: 85px;
}

.btn-checkout span {
  width: 100px;
}

.product-essential .add-to-cart {
  float: left;
  margin-right: 7px;
}

.product-essential .add-to-box .btn-cart {
  margin-right: 7px;
}

.product-essential .add-to-box .link-wishlist {
  background: none repeat scroll 0 0 #232323;
  border: 1px solid #484848;
  display: inline-block;
  height: 35px;
  line-height: 33px;
  text-align: center;
  width: 35px;
}

.product-essential .add-to-box .link-wishlist:hover {
  background: #ec3642;
  cursor: pointer;
}

.product-essential .cat-list {
  border-bottom: 1px solid #262626;
  color: #9a9a9a;
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 10px;
}

.product-essential .tags-list {
  border-bottom: 1px solid #262626;
  color: #9a9a9a;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 10px;
}

.product-essential .tags-list label,
.product-essential .cat-list label {
  float: left;
  padding-left: 3px;
  width: 80px;
}

.product-essential .tags-list span,
.product-essential .cat-list span {
  float: left;
  margin-right: 10px;
}

.product-essential .tags-list ul,
.product-essential .cat-list ul {
  float: left;
  margin: 0;
  padding: 0;
}

.product-essential .tags-list ul li,
.product-essential .cat-list ul li {
  display: inline-block;
  float: left;
  margin-right: 5px;
}

.product-essential .cat-list ul li a {
  color: #ec3642;
}

.product-essential .tags-list ul li a {
  background: none repeat scroll 0 0 #232323;
  border: 1px solid #484848;
  color: #9a9a9a;
  display: inline-block;
  height: 27px;
  padding: 0 15px;
}

.product-essential .tags-list ul li a:hover {
  background: #ec3642;
  color: #fff;
}

.product-essential .social-icon {}

.product-essential .social-icon ul {
  float: right;
  margin: 0;
  padding: 0;
}

.product-essential .social-icon ul li {
  display: inline-block;
  float: left;
  margin-right: 7px;
}

.product-essential .social-icon ul li:last-child {
  margin-right: 0;
}

.product-essential .social-icon ul a {
  background: none repeat scroll 0 0 #232323;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}

.product-essential .social-icon ul a:hover {
  background: #ec3642;
}

.product-detail .product-collateral {
  margin-bottom: 45px;
}

.product-detail .product-collateral>ul {
  margin: 0;
  padding: 0;
}

.product-detail .product-collateral>ul li {
  display: inline-block;
  margin-right: 4px;
}

.product-detail .product-collateral>ul li a {
  background: none repeat scroll 0 0 #1b1b1b;
  display: inline-block;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  text-transform: uppercase;
}

.product-detail .product-collateral>ul li a:hover,
.product-detail .product-collateral>ul li.ui-state-active a {
  background: #ec3642;
}

.product-detail .product-collateral .box-collateral {
  background: none repeat scroll 0 0 #1b1b1b;
  padding: 20px;
}

.product-detail .product-collateral .box-collateral p {
  margin: 0;
}

.product-detail .product-collateral .box-collateral ul {
  margin: 10px 0 10px 10px;
  padding: 0;
}

.product-detail .product-collateral .box-collateral ul li:before {
  color: #ec3642;
  content: "\2022";
  font-size: 2em;
  padding-right: 10px;
  position: relative;
  top: 0.1em;
}

.product-related .info-products {
  text-align: left;
}

.product-related .info-products .actions {
  border-top: 1px solid rgba(88, 88, 88, 0.18);
}

.product-related .title {
  border-bottom: 1px solid #525252;
  font-size: 14px;
  margin: 0 0 20px 0;
  padding-bottom: 5px;
}

/* Product cart */
.product-cart {
  padding-top: 40px;
}

.product-cart .cart {}

.product-cart .cart .cart-table {
  margin-bottom: 30px;
}

.product-cart .cart .cart-table .row-title {
  background: none repeat scroll 0 0 #343434;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-transform: uppercase;
}

.product-cart .cart .cart-table .row-title>div {
  border-right: 1px solid #525252;
}

.product-cart .cart .cart-table .delete-item {
  border-right: none !important;
  text-align: center;
  font-size: 14px;
}

.product-cart .cart .cart-table .row-item {
  background: none repeat scroll 0 0 #1b1b1b;
  overflow: hidden;
  border-bottom: 1px solid #343434;
}

.product-cart .cart .cart-table .row-item .item {
  padding: 20px;
  border-right: 1px solid #343434;
  min-height: 115px;
}

.product-cart .cart .cart-table .row-item .name-item .product-image {
  float: left;
  margin-right: 20px;
}

.product-cart .cart .cart-table .row-item .name-item .product-info {
  display: inline-block;
  float: left;
}

.product-cart .cart .cart-table .row-item .name-item .product-info a {
  font-size: 14px;
}

.product-cart .cart .cart-table .row-item .price-item .cart-price {
  font-size: 16px;
  color: #ec3642;
}

.product-cart .cart .cart-table .row-item .qty-item {}

.product-cart .cart .cart-table .row-item .delete-item {
  line-height: 75px;
}

.product-cart .cart .cart-collaterals {
  margin-bottom: 30px;
}

.product-cart .cart .cart-collaterals .calculate-shipping {}

.product-cart .cart .cart-collaterals .title {
  background: none repeat scroll 0 0 #ec3642;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
}

.product-cart .cart .cart-collaterals .box {
  border: 1px solid #393939;
  border-top: none;
  background: #1b1b1b;
  padding: 20px;
  height: 193px;
}

.product-cart .cart .cart-collaterals .calculate-shipping .box select {
  background: none repeat scroll 0 0 #232323;
  border: 1px solid #393939;
  color: #9a9a9a;
  height: 33px;
  line-height: 33px;
  margin-bottom: 20px;
  padding-left: 12px;
  width: 100%;
}

.product-cart .cart .cart-collaterals .calculate-shipping .box select option {
  height: 33px;
  padding: 6px 12px;
}

.product-cart .cart .cart-collaterals .cart-total-item {
  border-bottom: 1px solid #262626;
  clear: both;
  height: 35px;
  line-height: 35px;
}

.product-cart .cart .cart-collaterals .order-total {
  height: 40px;
  line-height: 40px;
}

.product-cart .cart .cart-collaterals .cart-total-item label {
  color: #939393;
  float: left;
  margin: 0;
}

.product-cart .cart .cart-collaterals .cart-total-item .price {
  color: #ec3642;
  float: right;
  font-size: 14px;
}

.product-cart .cart .cart-collaterals .cart-total .button {
  clear: both;
  float: right;
  margin-top: 15px;
  background: url("../images/btn-gradient.png") no-repeat scroll left center #ec3642;
}

.cart-collaterals .button,
.checkout-row .button,
.coupon .button,
.btn-checkout {
  background: url("../images/btn-gradient.png") no-repeat scroll left center #ec3642;
}

/* Product checkout */
.product-check-out {
  padding-top: 40px;
}

.product-check-out .checkout {
  padding-bottom: 50px;
}

.product-check-out .checkout .checkout-row {
  margin-bottom: 25px;
}

.product-check-out .checkout .checkout-row .title {
  background: none repeat scroll 0 0 #ec3642;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
}

.product-check-out .checkout .checkout-row .box {
  border: 1px solid #393939;
  border-top: none;
  background: #1b1b1b;
  padding: 20px;
}

.product-check-out .checkout .checkout-row .billing-address .box,
.product-check-out .checkout .checkout-row .shipping-address .box {
  height: 368px;
  padding-bottom: 35px;
}

.product-check-out .checkout .checkout-row .box p {
  color: #9a9a9a;
  margin-bottom: 20px;
}

.product-check-out .checkout .checkout-row .box .input-text,
.product-check-out .checkout .checkout-row .box select {
  background: none repeat scroll 0 0 #232323;
  border: 1px solid #393939;
  color: #9a9a9a;
  height: 33px;
  line-height: 33px;
  margin-bottom: 25px;
  padding-left: 12px;
  width: 100%;
}

.product-check-out .checkout .checkout-row .box select option {
  height: 33px;
  padding: 6px 12px;
}

.product-check-out .checkout .checkout-row .box .checkbox {
  display: inline-block;
  float: left;
  height: 15px;
  margin: 0 8px 0 0;
}

.product-check-out .checkout .checkout-row .box .label-checkbox {
  color: #9a9a9a;
  float: left;
  line-height: 15px;
  margin: 0;
}

.product-check-out .checkout .checkout-row .box .address {
  color: #9a9a9a;
  margin: 25px 0 10px;
}

.product-check-out .checkout .checkout-row .box .textarea {
  background: none repeat scroll 0 0 #232323;
  border: 1px solid #393939;
  clear: both;
  color: #9a9a9a;
  height: 230px;
  padding: 10px;
  resize: none;
  width: 100%;
}

.product-check-out .checkout .checkout-row .cart-total-item {
  border-bottom: 1px solid #262626;
  clear: both;
  height: 35px;
  line-height: 35px;
}

.product-check-out .checkout .checkout-row .order-total {
  border-bottom: none;
  height: 40px;
  line-height: 40px;
}

.product-check-out .checkout .checkout-row .cart-total-item label {
  color: #939393;
  float: left;
  margin: 0;
}

.product-check-out .checkout .checkout-row .cart-total-item .price {
  color: #ec3642;
  float: right;
  font-size: 14px;
}

.product-check-out .checkout .checkout-row .payment-method {
  border: 1px solid #484848;
  color: #9a9a9a;
}

.product-check-out .checkout .checkout-row .payment-method .payment-item {
  background: none repeat scroll 0 0 #1b1b1b;
  border-bottom: 1px solid #2d2d2d;
  padding: 20px;
  clear: both;
  overflow: hidden;
}

.product-check-out .checkout .checkout-row .payment-method .payment-item .radio {
  float: left;
  margin-top: 3px;
}

.product-check-out .checkout .checkout-row .payment-method .payment-item .method {
  padding-left: 35px;
}

.product-check-out .checkout .checkout-row .payment-method .payment-item .method p {
  line-height: 20px;
  margin: 0 0 5px;
}

/*---------------------------------------------------
	PANEL
------------------------------------------------------*/
/* Panel Setting */
.panel-tools {
  position: fixed;
  left: 0;
  top: 100px;
  z-index: 999;
  background: #fff;
  box-shadow: 2px 2px 5px #333;
  color: #848484;
  font-size: 11px;
}

.panel-tools .panel-content {
  padding: 16px;
  width: 240px;
  display: none;
  margin-left: -240px;
}

.panel-tools button {
  border: none;
  color: #fff;
  margin: 5px 0;
}

.panel-tools h3 {
  font-size: 14px;
  padding-bottom: 12px;
  margin-top: 12px;
  border-bottom: 1px solid #d8d8d8;
  text-transform: uppercase;
}

.panel-tools .panel-button {
  right: -45px;
  position: absolute;
  top: -5px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 24px;
  box-shadow: 2px 2px 2px #333;
}

.panel-tools .layout-setting h3 {
  margin-top: 5px;
}

.panel-tools .layout-setting button,
.reset-button button {
  background: #f6f6f6;
  width: 65px;
  margin-right: 8px;
  line-height: 35px;
  border: 1px solid #dedede;
  font-size: 14px;
  color: inherit;
  text-transform: uppercase;
}

.panel-tools .layout-setting button.active,
.reset-button button {
  color: #fff;
}

.panel-tools .color-setting button {
  width: 27px;
  height: 27px;
  margin-right: 5px;
  border: 2px solid #fff;
}

.panel-tools .color-setting button.active {
  border: 2px solid #d7d7d7;
}

.panel-tools .color-setting button:last-child {
  margin-right: 0;
}

.panel-tools .reset-button {
  border-top: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-top: 10px;
}

.panel-tools .overlay-setting {
  position: relative;
}

.panel-tools .overlay-setting.disabled:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: #fff;
  z-index: 1;
  opacity: 0.7;
}

/*---------------------------------------------------
	FOOTER
------------------------------------------------------*/
.page-footer {
  background: none repeat scroll 0 0 #1b1b1b;
  padding-bottom: 25px;
  padding-top: 40px;
  position: relative;
  z-index: 2;
}

.index-white .page-footer {
  color: #555555;
  background: none repeat scroll 0 0 #fff;
}

.infomation,
.location,
.send-mail {
  padding-bottom: 30px;
}

.footer-title h4 {
  color: #ec3642;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px;
  text-transform: none;
}

.info {
  display: block;
  padding-bottom: 10px;
}

.email input.inputbox {
  background: none repeat scroll 0 0 #242424;
  border: 1px solid #6f6f6f;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: #676767;
  height: 33px;
  line-height: 33px;
  padding: 0 4px 0 15px;
}

.email input.inputbox {
  background: none repeat scroll 0 0 #242424;
  border: 1px solid #6f6f6f;
}

.index-white .email input.inputbox {
  background: none repeat scroll 0 0 #fff;
}

.email .button {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #717171;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  margin-left: -35px;
  padding-left: 0;
  width: 30px;
}

.email .button:hover {
  color: #fff;
}

.email .button .fa {
  left: 0;
  top: 4px;
}

/* Copyright*/
#copyright {
  background: none repeat scroll 0 0 #1c1c1c;
  border-top: 1px solid #353535;
  position: relative;
}

.index-white #copyright {
  background: none repeat scroll 0 0 #eeeeee;
  border-top: none;
}

#copyright:hover {
  background: none repeat scroll 0 0 #ec3642;
}

.index-white #copyright:hover {
  background: none repeat scroll 0 0 #eeeeee;
}

/* Social icons */
.social_icon {
  margin-top: 20px;
}

.social_icon a {
  background: none repeat scroll 0 0 #303030;
  border: 1px solid #595959;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 14px;
  height: 37px;
  line-height: 37px;
  margin: 0 9px 0 0;
  overflow: hidden;
  text-align: center;
  width: 37px;
}

.social_icon a:hover {
  background: none repeat scroll 0 0 #ec3642;
}

.social_icon a i.fa {
  cursor: pointer;
  height: 37px;
  line-height: 37px;
  width: 37px;
}

.social_icon a:hover .fa {
  animation: 0.35s ease 0s normal none 1 icon-social-hover;
  -o-animation: 0.35s ease 0s normal none 1 icon-social-hover;
  -moz-animation: 0.35s ease 0s normal none 1 icon-social-hover;
  -webkit-animation: 0.35s ease 0s normal none 1 icon-social-hover;
  -ms-animation: 0.35s ease 0s normal none 1 icon-social-hover;
}

/* Back to top */
.back-to-top {
  color: #fff;
  font-size: 24px;
  padding: 12px 0;
  text-align: center;
}

.back-to-top a {
  color: #fff;
}

.back-to-top a:hover {
  color: #fff;
}

.index-white .back-to-top a,
.index-white .back-to-top a:hover {
  color: #ec3642;
}

[class*="image-bg-"] {
  background-attachment: fixed !important;
  background-size: cover !important;
}


/*----------------Welcome---------------------*/
.banner-text {
  position: absolute;
  top: 110px;
  width: 100%;
  z-index: 9;
}

.sport-club .banner-text {
  top: 150px;
}

.banner-text .title-page h4 span {
  border: 2px solid;
  padding: 5px 10px;
  font-weight: bold;
}

.banner-text .title-page h1 {
  font-size: 60px;
}

.banner-text .title-page h5 {
  font-size: 16px;
}

.link-to {
  text-align: center;
}

.select-demo,
.purchare-it {
  background: none repeat scroll 0 0 #343434;
  font-size: 16px;
  padding: 7px 12px;
  width: 160px;
  display: inline-block;
  text-transform: uppercase;
}

.purchare-it {
  background: none repeat scroll 0 0 #ec3642;
  margin-left: 10px;
}

.banner-img img {
  width: 100%;
}

.banner-olayer {
  background: url("../images/bg-glass.png") no-repeat scroll center center / 100% auto transparent;
  height: 100%;
  position: absolute;
  width: 100%;
}

.hover-right {
  cursor: pointer;
  float: left;
  height: 100%;
  width: 50%;
}

.hover-left {
  cursor: pointer;
  float: right;
  height: 100%;
  width: 50%;
}

#scene {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.layer-bg {
  background: url("../images/bg-glass.png") no-repeat scroll center center/100% 100%;
  margin: -200px 0 0 -200px;
}

.layer img {
  width: 100%;
  opacity: 0.3;
}

.demos .title-page {
  background: none repeat scroll 0 0 #ec3642;
  padding-bottom: 45px;
  padding-top: 60px;
  position: relative;
  z-index: 2;
}

.demos-category {
  list-style: inside none disc;
  padding-left: 0;
}

.demos-category li {
  display: inline-block;
  margin-right: 25px;
}

.demos-category li:before {
  background: none repeat scroll 0 0 #93040d;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  content: "";
  height: 6px;
  margin-left: -10px;
  margin-top: 9px;
  position: absolute;
  width: 6px;
}

.demos-category li:hover:before {
  background: none repeat scroll 0 0 #fff;
}

.demos-category li a {
  color: #93040d;
  font-size: 14px;
}

.demos-category li a:hover {
  color: #fff;
}

.demos-home {
  background: none repeat scroll 0 0 #1e1e1e;
  padding: 80px 0 55px;
  position: relative;
}

.demos-title {
  padding: 32px 0 32px;
  text-align: center;
}

.demos-image {
  position: relative;
}

.magnifier {
  background: none repeat scroll 0 0 rgba(30, 30, 30, 0.76);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}

.magnifier .buttons {
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
}

.magnifier .buttons a:hover {
  background: #ec3642;
  border: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}

.magnifier:hover {
  opacity: 1;
  visibility: visible;
}

.magnifier:hover .buttons {
  opacity: 1;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  visibility: visible;
}

.demo {
  border: 2px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  height: 100px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

.demos-title .link-home {
  font-size: 14px;
  text-transform: uppercase;
}

.demos-title .link-home span {
  border: 2px solid;
  margin-right: 10px;
  padding: 5px;
}

.bottom-page {
  background: #242424;
  position: relative;
}

.features {
  background: #242424;
  position: relative;
}

.features .sevices-main {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  z-index: 20;
  position: relative;
  margin-bottom: -58px;
}

.features .title-page {
  padding-bottom: 95px;
  padding-top: 60px;
}

.bg-bottom {
  position: relative;
  z-index: 10;
}

.intro-icon {
  font-size: 72px;
  padding-bottom: 30px;
}

.features .services-content h3 {
  font-size: 20px;
}

.features .services-content .actions {
  padding: 0 15px;
}

.footer-welcome {
  background: none repeat scroll 0 0 #ec3642;
  margin-top: -250px;
  position: relative;
}

.footer-welcome .title-page {
  padding-top: 175px;
  position: relative;
  z-index: 20;
}

.footer-welcome .title-page h4 {
  font-size: 20px;
  padding-bottom: 15px;
}

.footer-welcome .title-page h4 span {
  border: 1px solid;
  padding: 5px 10px;
}

.footer-welcome .title-page h6 i {
  color: #7d0109;
}


/* ---------------------- Page Store --------------------------------------*/

.index-store .header {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  position: absolute !important;
}

.index-store .menu-button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  display: block !important;
  left: 38%;
}

/* --- Menu --- */

.menu-store {
  background: none repeat scroll 0 0 rgba(14, 14, 14, 0.9) !important;
  border: 1px solid transparent;
  margin-right: 0;
  overflow: hidden;
  padding: 0 15px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transition: -moz-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -webkit-transition: -webkit-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.show-menu .menu-wrap {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transition: -moz-transform 0.6s ease 0s;
  -moz-transition: -moz-transform 0.6s ease 0s;
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  -ms-transition: -ms-transform 0.6s ease 0s;
  -o-transition: -o-transform 0.6s ease 0s;
}

.menu-store .main-menu.container {
  padding: 30px 24px;
}

.menu-store ul.nav-store>li {
  border: medium none;
  text-align: center;
}

.menu-store ul.nav-store>li a {
  font-size: 30px;
  font-weight: bold;
  padding: 17px 0;
}

.menu-store ul.nav-store>li a:hover {
  color: #ec3642;
}

.menu-store ul.nav-menu li ul.show {
  border: none;
}

.menu-store ul.nav-store li .child-nav li a {
  font-size: 14px;
}

.nav-store .dropdown a i {
  opacity: 0;
}

.nav-store .dropdown .icon-arrow::before {
  opacity: 0;
}

/* --- End Menu --- */
.icon-cart .carts-store,
.icon-wishlist .wishlists-store {
  display: inline-block;
  float: left;
  margin-right: -280px;
  width: 280px;
  background: none repeat scroll 0 0 #2a2a2a;
}

.cart-store,
.wishlist-store {
  margin-top: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 100px;
  z-index: 99;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.wishlist-store {
  top: 150px;
  z-index: 90;
}

.icon-cart,
.icon-wishlist {
  position: relative;
}

.my-cart,
.my-wishlist {
  background: none repeat scroll 0 0 #ec3642;
  height: 40px;
  line-height: 38px;
  margin-bottom: 5px;
  text-align: center;
  width: 40px;
  font-size: 14px;
  display: inline-block;
  float: left;
  overflow: hidden;
  box-shadow: 2px 2px 2px #333;
  -moz-box-shadow: 2px 2px 2px #333;
  -webkit-box-shadow: 2px 2px 2px #333;
  -ms-box-shadow: 2px 2px 2px #333;
  -o-box-shadow: 2px 2px 2px #333;
}

.my-cart button,
.my-wishlist button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
}

.carts-store .title,
.icon-wishlist .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #cccccc;
  font-size: 14px;
  margin: 0 0 15px;
  padding: 13px 15px;
}

.bag-cart>ul {
  padding-left: 0;
  overflow: hidden;
}

.bag-cart ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 8px;
  padding-left: 15px;
}

.bag-cart .product-image {
  display: inline-block;
  vertical-align: middle;
  width: 28%;
  vertical-align: top;
}

.bag-cart .info-products {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  display: inline-block;
  width: 70%;
  padding: 0 15px;
}

.bag-cart .info-products .price-box {
  color: #ec3642;
}

.bag-cart .check {
  background: none repeat scroll 0 0 #ec3642;
  border: medium none;
  padding: 7px;
  text-transform: uppercase;
  margin-left: 15px;
  margin-bottom: 15px;
}

/* --- Collection ---*/

.bg-store .athlete-html {
  font-size: 24px;
  margin-bottom: 38px;
}

.bg-store .banner-text .title-page h5 {
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 40px;
  font-weight: bold;
}

.btn-store {
  display: inline-block;
  margin-left: 15px;
}

.btn-store.shop-now a {
  background: none repeat scroll 0 0 #ec3642;
  font-size: 14px;
  text-transform: uppercase;
  padding: 14px 28px;
}

.btn-store.watch-video a {
  background: none;
  border: 2px solid #fff;
}

/* --- Master Slide --- */

.bg-store .ms-thumb-list.ms-dir-h {
  bottom: 0;
  position: absolute !important;
  width: 100%;
}

.bg-store .ms-tabs .ms-thumb {
  padding: 0;
}

.bg-store .ms-tabs.ms-dir-h .ms-thumb-frame {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #fff;
  margin: 15px !important;
  text-shadow: none;
}

.bg-store .ms-tabs .ms-thumb-frame-selected {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
}

.bg-store .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  border: none;
}

.bg-store .ms-skin-default .ms-nav-next,
.bg-store .ms-skin-default .ms-nav-prev {
  display: none;
}

.ms-thumb-frame-selected .sub-title {
  background: #ec3642;
}

/* --- End Master Slide --- */
.sub-title {
  background: none repeat scroll 0 0 rgba(28, 28, 28, 0.3);
  padding: 24px 22px 14px;
  margin-top: -4px;
}

.title-collection,
.icon-next {
  display: inline-block;
}

.icon-next {
  border: 2px solid #ec3642;
  border-radius: 50%;
  float: right;
  height: 34px;
  text-align: center;
  width: 34px;
  line-height: 34px;
  margin-top: 12px;
}

.ms-thumb-frame-selected .icon-next {
  border: 2px solid #fff;
}

.icon-next a {
  color: #ec3642;
}

.ms-thumb-frame-selected .icon-next a {
  color: #fff;
}

.sub-title:hover {
  background: #ec3642;
}

.sub-title:hover .icon-next {
  border: 2px solid #fff;
}

.sub-title:hover .icon-next a {
  color: #fff;
}

.title-collection .title-masory h2 {
  margin: 0;
  font-weight: bold;
}

.title-collection .title-masory h4 {
  font-size: 14px;
}

.title-masory h2 {
  font-size: 36px;
}

.title-masory h3 {
  font-size: 18px;
}

.masonry-small {
  background: none repeat scroll 0 0 #ce3642;
  margin-bottom: 30px;
  min-height: 254px;
}

.man-content .masonry-small {
  margin-bottom: 0;
  margin-top: 30px;
}

.masonry-lagar {
  min-height: 548px;
  position: relative;
  overflow: hidden;
}

.collection-content .box {
  margin: 0 0 120px;
}

.box .price-table-text {
  width: 70%;
}

.box .price-table-text span {
  font-size: 14px;
  text-transform: uppercase;
}

.box .price-table-text span span {
  font-size: 24px;
  border: 2px solid #fff;
  padding: 2px 15px;
  margin-left: 15px;
}

.masonry-lagar .price-table-text {
  height: 100%;
  left: 0;
  padding: 35px;
  position: absolute;
  width: 100%;
}

.masonry-lagar .price-table-img img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
  -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -mz-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
}

.masonry-lagar:hover .price-table-img img {
  opacity: 0.6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.masonry-lagar .price-table-text::before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid #4c4c4b;
  content: '';
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.masonry-lagar .price-table-text::before,
.masonry-lagar .text-masony {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
  -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.masonry-lagar .text-masony {
  margin: 0 auto;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.masonry-lagar .title-masory {
  -webkit-transition: -webkit-transform 0.35s;
  -moz-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}

.masonry-lagar:hover .price-table-text::before,
.masonry-lagar:hover .price-table-text::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.masonry-lagar:hover .title-masory,
.masonry-lagar:hover .text-masony {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.masonry-lagar-content {
  bottom: 45px;
  position: absolute;
}

/* --- Popular Product ---*/

.popular-title {
  background: none repeat scroll 0 0 #1c1c1c;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding: 17px;
}

.text-title {
  font-size: 20px;
  margin: 0;
}

.text-title,
.popular-title .next {
  display: inline-block;
}

.popular-title .next {
  float: right;
}

.popular-title .next .icon-wrap {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 28px;
  line-height: 25px;
  margin-right: 5px;
  text-align: center;
  width: 28px;
}

.popular-title .next .icon-wrap:hover {
  border: 2px solid #ce3642;
  color: #ce3642;
}

.collection {
  background: none repeat scroll 0 0 #1c1c1c;
  padding-top: 40px;
  position: relative;
}

.popular-store {
  background: url("../images/store/bg-popular.png") no-repeat scroll center center #1c1c1c;
  position: relative;
  padding: 120px 0;
}

.popular-store .product-content {
  background: none repeat scroll 0 0 rgba(28, 28, 28, 0.9);
}

.popular-store .product-content:hover {
  background: none repeat scroll 0 0 #21201f;
}

.popular-store .product-bottom {
  margin: 7px auto 0;
}

.popular-store .info-products {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.popular-store .product-image-wrapper .product-image img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}

.popular-store .product-image-wrapper:hover .product-image img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.popular-store .info-products {
  padding: 10px 15px;
}

.popular-store .arrows {
  top: 97px;
}

.popular-product {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}


/* --- New Product ---*/

.product-store .title-page>h4 {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  padding: 0 30px;
  position: relative;
}

.product-store .title-page>h4::before {
  color: #fff;
  content: "...";
  left: 0;
  position: absolute;
  top: -9px;
}

.product-store .title-page>h4::after {
  color: #fff;
  content: "...";
  position: absolute;
  top: -9px;
  right: 0;
}


/* --- Sport New ---*/

.sport-new {
  background: url("../images/store/bg-sport-new.png") no-repeat scroll center center rgba(28, 28, 28, 0);
  min-height: 733px;
  position: relative;
  background-size: 100% 100%;
}

.title-sport {
  margin: 20px 0;
}

.sport-new .title-page h4 {
  margin-top: 85px;
}

.title-sport>a {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.title-sport>a:hover {
  color: #ec3642;
}

.sport-content .read-more a {
  color: #ce3642;
  text-transform: uppercase;
}

.sport-content .read-more:hover a {
  color: #fff;
}

.sport-content .read-more:hover a .fa {
  border: 2px solid #fff;
}

.sport-content .read-more a .fa {
  border: 2px solid #ec3642;
  border-radius: 50%;
  height: 28px;
  line-height: 25px;
  margin-right: 5px;
  text-align: center;
  width: 28px;
}

.img-sport {
  position: relative;
  overflow: hidden;
}

.icon-sport {
  background: none repeat scroll 0 0 #ec3642;
  border-radius: 50%;
  height: 46px;
  left: 15px;
  line-height: 46px;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 46px;
}

.icon-sport .fa {
  font-size: 16px;
}

/* --- Footer Store ---*/
.footer-store {
  background: #ec3642;
}

.footer-store a {
  color: #fff !important;
}

.footer-store .logo {
  margin-bottom: 20px;
}

.footer-store .social_icon a {
  background: none repeat scroll 0 0 #ca434d;
  border: 1px solid #ca434d;
}

.footer-store .footer-title h4 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 7px;
}

.footer-store .footer-title h4::after {
  border-bottom: 2px solid #fff;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 30%;
}

.links-left,
.links-right {
  padding-left: 10px;
  display: inline-block;
}

.links-right {
  float: right;
  margin-right: 20px;
}

.links-footer ul li {
  margin-bottom: 7px;
  list-style-type: disc;
}

#copyright.copyright-store {
  background: none repeat scroll 0 0 #ec3642;
  border-top: 2px solid rgba(255, 255, 255, 0.11) !important;
}

/*------------------End Page Store-------------------------*/

/*------------------ Page Sport Club-------------------------*/

.sport-club .logo {
  padding: 0 15px !important;
  background: none !important;
}

.sport-club .logo a {
  background: #ec3642;
  position: relative;
  z-index: 99;
}

.product-store .popular-product {
  border: none;
}

.sport-club .link-to {
  text-align: left;
}

.sport-club .banner-text .title-page h1 {
  font-size: 80px;
  margin: 0;
  text-align: left;
}

.icon-sports,
.text-sport {
  display: inline-block;
}

.text-sport {
  margin-left: 80px;
}

.text-sport p {
  font-size: 24px;
  text-transform: uppercase;
}

.text-sport p:last-child {
  color: #ce3642;
}

.img-title>img {
  opacity: 0.54;
}

.icon-sports {
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 22px;
  height: 63px;
  left: 15px;
  line-height: 57px;
  position: absolute;
  text-align: center;
  width: 63px;
}

.img-title>img {
  height: 98px;
  width: 100%;
}

.sport-club .sub-title {
  padding: 0;
  position: relative;
}

.title-content .title-collection {
  left: 15px;
  position: absolute;
  top: 15px;
}

.title-content .icon-next {
  right: 15px;
  position: absolute;
  top: 20px;
}

.title-content .icon-next {
  border: 2px solid #fff;
}

.title-content .icon-next a {
  color: #fff;
}

.img-title .background-overlay {
  display: none;
}

.sub-title:hover .img-title .background-overlay {
  display: block;
}

.team-content .masonry-lagar {
  margin-bottom: 37px;
}

.team-content .masonry-small {
  margin-bottom: 0;
}

.sport-club .price-table-text h3 {
  font-size: 18px;
}

.sport-club .price-table-text h2 {
  font-size: 36px;
  font-weight: bold;
}

.sport-club .box .price-table-text .sign-up {
  border: 2px solid #fff;
  margin-left: 0;
  padding: 7px 15px;
  font-size: 14px;
  text-transform: uppercase;
}

.sport-club .masonry-small {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: relative;
}

.results {
  position: relative;
}

.results-content {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}

.title-match>h3 {
  background: none repeat scroll 0 0 #ec3642;
  padding: 14px;
  text-align: center;
  margin: 0;
}

.title-collection>h2 {
  margin-top: 10px;
}

.results-match {
  display: block;
  float: left;
  padding: 10px 0;
  vertical-align: top;
  width: 33.3333%;
}

.results-match ul {
  padding-left: 0;
}

.sport-club h4,
.time-match h4 {
  font-size: 14px;
}

.results-home h2 {
  font-weight: bold;
}

.view-league {
  float: right !important;
}

.view-league>a {
  font-size: 10px;
  text-transform: none;
  padding: 0 10px;
}

.view-league>a:hover {
  color: #ec3642;
}

.sport-club .masonry-small .price-table-img {
  float: none;
  position: relative;
}

.media h2 {
  font-weight: bold;
  margin-bottom: 20px;
}

.media .border-bottom {
  margin: 0 auto;
}

.media .icon-sports {
  margin-top: 20px;
  position: initial;
}

.league-table ul li {
  display: block;
  float: left;
}

.sport-club .popular-store {
  background: url("../images/sport/bg-athlete.jpg") no-repeat scroll center center #1c1c1c;
  padding: 90px 0;
}

.sport-club .title-page {
  position: relative;
  z-index: 99;
  padding-top: 0;
  padding-bottom: 40px;
}

.results>img {
  margin-top: -45px;
  position: relative;
  z-index: -1;
}

.sport-club .popular-product {
  padding: 0 1px 0 0;
}

.sport-club .popular-product .product-image-wrapper {
  margin-bottom: 0;
}


.league-table {
  padding: 0;
  width: 100%;
}

.league-table ul {
  display: block;
  float: left;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
  width: 100%;
}

.league-table ul li.with-10 {
  padding: 10px 0;
  text-align: center;
  width: 10%;
  position: relative;
}

.league-table ul li.with-50 {
  padding: 10px 0;
  text-indent: 10px;
  width: 50%;
}

.league-1 {
  background: none repeat scroll 0 0 #2b2b2b;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
}

.league-2 {
  background: none repeat scroll 0 0 #1f1f1f;
}

.league-1.league-title {
  border: medium none;
  color: #797878;
}

.league-1.league-title li {
  border-right: 1px solid #333333;
}

.league-1.league-title li:last-child {
  border-right: none;
}

.league-1.league-title li:first-child {
  padding: 10px 0;
}

.league-2.league-top {
  color: #ec3642;
}

.league-table .number {
  background: none repeat scroll 0 0 #1f1f1f;
  border-radius: 50%;
  color: #fff;
  height: 26px;
  line-height: 8px;
  margin-left: 3px;
  margin-top: 7px;
  width: 26px !important;
}

.league-2 .number {
  background: none repeat scroll 0 0 #2b2b2b;
}

.league-top .number {
  background: none repeat scroll 0 0 #ec3642;
}


/* --- Brands ---*/
.brands-sport {
  background: #1e1e1e;
  position: relative;
}

.brands-content {
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}

.brands-sport .next,
.brands-sport .prev {
  left: 0;
  position: absolute;
  top: 37px;
  z-index: 99;
}

.brands-sport .next {
  right: 0;
  left: auto;
}

.brands-owl {
  margin: 0 10px;
}

.brands-sport .next .icon-wrap,
.brands-sport .prev .icon-wrap {
  color: #767676;
  font-size: 18px;
}

.links-footer ul li a:before,
.links-footer ul li:after {
  border-bottom-color: #ec3642;
}

.links-footer ul li a:before {
  right: 50%;
}

.links-footer ul li a:after {
  left: 50%;
}

.links-footer ul li a:before,
.links-footer ul li a:after {
  border-bottom: 2px solid #fff;
  bottom: -5px;
  content: "";
  position: absolute;
  width: 0;
  transition: width 250ms ease-out 0s;
  -o-transition: width 250ms ease-out 0s;
  -ms-transition: width 250ms ease-out 0s;
  -moz-transition: width 250ms ease-out 0s;
  -webkit-transition: width 250ms ease-out 0s;
}

.links-footer ul li a:hover:before,
.links-footer ul li a:hover:after,
.links-footer ul li.active:before,
.links-footer ul li.active:after,
.links-footer ul li a:hover:before,
.links-footer ul li a:hover:after {
  width: 50%;
}

.links-footer ul li a {
  position: relative;
}

/*------------------End Sport Club-------------------------*/


/*---------------------------------------------------
	EXTRA
------------------------------------------------------*/
/* Welcome page */
@media (min-width: 1147px) and (max-width: 1199px) {
  .results>img {
    margin-top: 0;
    position: relative;
    z-index: 0;
  }
}

@media (max-width: 1174px) {
  .timetable-content .octember p {
    font-size: 26px;
  }

  .our-pricing-title {
    top: 55px;
  }

  .month {
    height: 205px;
  }

  .price-table-text h2 {
    font-size: 20px;
  }

  .results>img {
    margin-top: 0;
    position: relative;
    z-index: 0;
  }

}

@media (max-width: 1024px) {

  .quick-access {
    position: absolute !important;
    right: 65px;
    padding: 0 !important;
  }

  #header .mainnav {
    display: none !important;
  }

  #open-button {
    display: block;
    font-size: 24px;
  }

  .boxing-page .nav-container,
  .boxing-page .quick-access {
    background: none;
    padding: 0;
    height: auto;
    margin: 0;
  }

  .boxing-page #open-button {
    top: 25px;
  }

  .boxing-page .alt #open-button {
    top: 54px;
  }

  .search-box {
    right: 0;
  }

  .title-bottom {
    font-size: 4em;
  }

  .hps-title1 {
    top: 230px !important;
  }

  .hps-title3 {
    top: 285px !important;
  }

  .hps-title4 {
    top: 354px !important;
  }

  .sidebar-bottom-1 {
    margin-bottom: 20px;
  }

  .ch-info-wrap {
    top: 50px;
  }

  .timetable-info>p {
    height: 62px;
    line-height: 21px;
    overflow: hidden;
    position: relative;
  }

  .timetable-info .title-content>p {
    margin: 0;
  }

  .parallax-text .open-btn:before {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }

  .parallax-block .button {
    text-indent: -99999px;
    width: 100px;
  }

  .shopping-buy {
    padding: 0 0 0 25px;
    transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -webkit-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    width: 115px;
  }

  .shopping-buy:before {
    margin-left: -35px;
    transform: none 0s ease 0s;
    -moz-transform: none 0s ease 0s;
    -webkit-transform: none 0s ease 0s;
    -o-transform: none 0s ease 0s;
    -ms-transform: none 0s ease 0s;
  }

  .shopping-buy:hover:before {
    transform: none 0s ease 0s;
    -moz-transform: none 0s ease 0s;
    -webkit-transform: none 0s ease 0s;
    -o-transform: none 0s ease 0s;
    -ms-transform: none 0s ease 0s;
  }

  .detail-our-team-desc {
    font-size: 20px;
    line-height: 34px;
  }

  .detail-our-team-inner {
    padding: 25px 30px 10px;
  }

  .contact {
    top: 105px;
  }

  .sidebar-bottom .title-match {
    padding: 9px 0;
  }

  .index-white .classes-content .box-cell {
    margin: 25px 18px 0;
  }

  .header-container-3 #open-button {
    top: 83px;
  }

  .classes-content .box-cell {
    margin: 35px 30px 0;
  }

  .profile-icon,
  .profile-text {
    float: left;
    padding: 0 20px;
    width: 100%;
  }

  .profile-content .rating {
    text-align: left;
  }

  .share .social-icon a {
    padding: 0 4px;
  }

  .share-title h5 {
    font-size: 11px;
  }

  .page-product .product-categories .title,
  .product-popular .title {
    font-size: 16px;
  }

  .product-list-row .info-products-list {
    padding-bottom: 10px;
  }

  .listing-grid-row .actions p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .listing-grid-row .icon-time span {
    font-size: 10px;
  }

  .listing-grid-row .info-products {
    padding: 10px 0;
  }

  .caveats-content {
    padding-top: 30px;
  }

  .caveats-content p {
    font-size: 16px;
    width: 80%;
  }

  .pages {
    margin-bottom: 30px;
    overflow: hidden;
  }

  .mini-cart:before {
    right: 34px;
  }

  .actions {
    padding: 10px 15px;
  }

  .img-box-right .open-hour {
    right: 7%;
    top: 55px;
  }

  .masonry-lagar .price-table-img {
    width: 100%;
  }

  .masonry-lagar {
    min-height: 447px !important;
  }

  .title-collection>h2 {
    font-size: 24px;
  }

  .icon-next {
    margin-top: 8px;
  }

  .links-footer {
    padding-left: 15px;
  }

  .links-left,
  .links-right {
    display: inline;
    float: none;
  }

  .results,
  .results>img {
    position: relative;
    width: 100%;
  }

  .results-content {
    top: 50%;
    margin-top: -100px;
  }

  .time-match {
    text-align: center;
  }

  .league-table ul li.with-50 {
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    text-align: left;
  }

  .league-table {
    padding: 0;
  }

  .masonry-small .media {
    text-align: center;
    margin-top: -122px;
  }

  .sport-club .popular-product {
    padding: 0 1px 30px 0;
  }

  .collection-content .box {
    margin: 0 0 50px;
  }
}

@media (max-width: 990px) {

  .listing-grid-row .icon-time span {
    font-size: 12px;
  }

  .about-top {
    background: none;
  }

  .class-content-left {
    padding: 200px 85px 10px 0;
  }

  .class-content-right {
    padding-left: 78px;
    padding-top: 200px;
  }

  .class-content h3 {
    font-size: 36px;
  }

  iframe {
    width: 100%;
  }

  .octember {
    padding-bottom: 20px;
  }

  .octember img {
    width: 99%;
  }

  .timetable-content .octember p {
    font-size: 36px;
  }

  .our-pricing-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    height: auto;
    margin-left: 0;
    overflow: hidden;
    padding: 30px 0;
    position: static;
    text-align: center;
    width: 100%;
  }

  .col2-layout .col-main {
    padding-left: 0;
  }

  .price-table .col-md-4,
  .price-table .col-md-8,
  .price-table .col-md-12 {
    padding: 0;
  }

  .hour,
  .news,
  .contact-us {
    padding-top: 0;
  }

  .about-con .about-box,
  .block-item-special>.about-box {
    transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    transition: none 0s ease 0s;
  }

  .product-image a img,
  .price-table-img>img {
    width: 100%;
  }

  .discover-link {
    font-size: 20px;
  }

  .discover .discover-content h2 {
    font-size: 36px;
  }

  .slider-content {
    top: 150px;
    width: 100%;
  }

  .slider-content .title-slide {
    font-size: 32px;
  }

  .slider-content .text-slide {
    width: 100%;
  }

  .month {
    height: 330px;
  }

  .price-table-text h2 {
    font-size: 24px;
  }

  .shop .price-table-content {
    margin: 15px 0;
  }

  /* Product cart */
  .product-cart .cart .cart-table .delete-item {
    border-right: 1px solid #343434 !important;
  }

  .product-cart .cart .cart-collaterals .box {
    height: auto;
  }

  .related-product {
    float: left;
    padding-bottom: 20px;
    width: 50%;
  }

  .related-product-1 {
    padding-right: 10px;
  }

  .related-product-2 {
    padding-left: 10px;
  }

  .price-table-text {
    left: 20%;
  }

  .slide-welcome {
    position: relative;
  }

  .welcome .contents-main {
    margin-top: 0 !important;
  }

  .banner-text .title-page h1 {
    font-size: 36px;
  }

  .banner-text {
    left: 0;
    top: 50px;
    width: 100%;
    margin-left: 0;
  }

  .ch-info-wrap {
    margin: 0 auto;
    position: static;
    text-align: center;
  }

  .timetable-info>p {
    height: auto;
    line-height: 24px;
  }

  .timetable-info .title-content>p {
    margin: 0 0 10px;
  }

  .index-white .classes-content .box-cell {
    margin: 25px 25px 0;
  }

  .share-title h5 {
    font-size: 16px;
  }

  .profile-info {
    padding-left: 20px;
    width: 70%;
  }

  .profile-text {
    padding-left: 20px;
    width: 100%;
  }

  .page-product .product-categories .title,
  .product-popular .title {
    font-size: 18px;
  }

  .listing-grid-row .actions p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .caveats-content {
    padding-top: 40px;
  }

  .caveats-content p {
    font-size: 18px;
    width: 71%;
  }

  .ch-info-wrap {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0;
    left: 0;
  }

  .introduction {
    background: none repeat scroll 0 0 #242424;
  }

  .introduction .intro-content {
    padding-bottom: 0px;
  }

  .services {
    background: #242424;
  }

  .sevices-main {
    background: none repeat scroll 0 0 transparent;
  }

  .links-left,
  .links-right {
    float: left;
  }

  .links-right {
    margin-left: 70px;
    margin-right: 0;
  }

  .league-table .number {
    height: auto;
    line-height: 8px;
    margin-left: 0;
    width: 10% !important;
  }

}

@media (max-width: 768px) {

  .about-con .about-box,
  .block-item-special>.about-box {
    transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
  }

  .octember img {
    width: 100%;
  }

  .reviews-content,
  .match-img {
    text-align: center;
  }

  .coming-event h2 {
    width: auto;
  }

  .border,
  .border-bottom {
    display: none;
  }

  .gallery .gallery-content {
    top: 35px;
    width: 85%;
  }

  .coming-event h2 {
    font-size: 18px;
  }

  .price-table-text {
    left: 20%;
    width: 72%;
  }

  .content-our-team.our-team-tabs .our-team-nav span.our-team-position {
    font-size: 21px;
  }

  .boxing-page .alt {
    padding-top: 0;
  }

  .boxing-page .alt #open-button {
    top: 25px;
  }

  .discover-link {
    font-size: 16px;
  }

  .discover .discover-content h2 {
    font-size: 24px;
  }

  .img-box-right .open-hour {
    right: 20%;
    top: 150px;
  }

  .slider-content {
    top: 100px;
    width: 80%;
  }

  .slider-content .title-slide {
    font-size: 50px;
  }

  .slider-content .text-slide {
    font-size: 18px;
  }

  .title-top {
    font-size: 24px;
  }

  .title-bottom {
    font-size: 3em;
  }

  .links {
    font-size: 18px;
  }

  .title-banner span {
    font-size: 18px;
  }

  .title-banner-1 h2 {
    font-size: 50px;
  }

  .try-class a {
    font-size: 14px;
  }

  .fit-background {
    left: 50%;
    margin-left: -115px;
    right: auto;
  }

  .caveats-full {
    float: left;
    width: 100%;
  }

  .caveats-content {
    width: 100%;
    float: none;
    overflow: hidden;
  }

  .caveats-content p {
    font-weight: bold;
    margin: 30px;
    width: 55%;
  }

  .time-event {
    width: 100%;
    border-right: none;
  }

  /* Product cart */
  .product-cart .cart .cart-table .row-item .item {
    min-height: auto;
    line-height: normal;
    text-align: center;
  }

  .hps-title1 {
    top: 230px !important;
  }

  .hps-title3 {
    top: 275px !important;
  }

  .hps-title4 {
    top: 324px !important;
  }

  .demos-content {
    margin: 0 auto;
    text-align: center;
  }

  .features .sevices-main {
    margin-bottom: -20px;
  }

  .footer-welcome .title-page {
    padding-top: 100px;
  }

  .footer-welcome {
    margin-top: -130px;
  }

  .banner-text .title-page {
    padding-top: 20px;
  }

  .detail-our-team-inner {
    padding: 10px 20px;
  }

  .detail-our-team-desc {
    font-size: 16px;
    line-height: 30px;
  }

  .detail-our-team-user {
    font-size: 18px;
    padding-top: 5px;
  }

  .actions {
    padding: 10px 15px;
  }

  .coming-event {
    background: none repeat scroll 0 0 #242424;
  }

  .sidebar-bottom .title-match {
    padding: 45px 0;
  }

  .match-reviews {
    padding: 25px 20px !important;
  }

  .about-img>img {
    width: 100%;
  }

  .block-left {
    padding-bottom: 30px;
  }

  .price-tb {
    padding-bottom: 20px;
  }

  .caveats-content p {
    width: 100%;
  }

  .more-views .owl-item {
    width: 80px !important;
  }

  .product-img-box {
    display: block;
    text-align: center;
  }

  .quickview-box .quickview-close {
    top: 40px;
  }

  .product-cart .cart .cart-collaterals .box {
    height: 230px;
  }

  .product-cart .cart .cart-collaterals .calculate-shipping,
  .log-in,
  .billing-address {
    margin-bottom: 20px;
  }

  .product-check-out .checkout .checkout-row .billing-address .box,
  .product-check-out .checkout .checkout-row .shipping-address .box {
    height: auto;
  }

  .blog-main .img-blog {
    width: 20%;
  }

  .boxing-page .reveal:not(.alt) .quick-access {
    background: none;
  }

  .sevices-main {
    border: medium none;
  }

  .services .col-md-3 {
    padding: 0 15px;
  }

  .sevices-wapper {
    margin-bottom: 15px;
  }

  .fit-strong {
    background: #242424;
  }

  .sevices-wapper {
    margin-bottom: 30px;
  }

  .contents-main .sport-new {
    background: none repeat scroll 0 0 #1c1c1c;
    min-height: auto;
  }

  .sport-content {
    margin-bottom: 25px;
  }

  .collection-content .box {
    margin: 0 0 25px;
  }

  .collection-content .sub-title {
    margin-bottom: 40px;
  }

  .masonry-lagar .price-table-img>img {
    width: 100%;
  }

  .links-info,
  .links-account {
    margin-top: 25px;
  }

  .cart-store {
    margin-top: 0;
  }

  .results>img {
    height: 206px;
    width: 100%;
  }

  .links-left,
  .links-right {
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  .links-right {
    margin-left: 60px;
    margin-right: 0;
  }

  .sport-club .popular-product {
    padding: 30px 2px 0 0;
  }

  .results,
  .results>img {
    height: 220px;
    position: relative;
  }

  .results-content {
    text-align: center;
  }

  .results-match {
    padding: 0;
  }

  .time-match {
    text-align: center;
  }

  .league-table ul li.with-50 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nomal;
    width: 45%;
  }

  .sport-club .masonry-lagar .price-table-text {
    bottom: 0px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {

  .our-team-img img {
    width: 100%;
  }

  .carousel-image {
    text-align: center;
  }

  .owl-controls.clickable {
    right: 132px;
  }

  .timetable-top .box-cell {
    margin: 80px 60px 0;
  }

  .price-table .col-md-12 {
    padding: 0 15px;
  }

  .price-list {
    padding-bottom: 1px !important;
  }

  .hps-title1 {
    top: 130px !important;
  }

  .hps-title3 {
    top: 175px !important;
  }

  .hps-title4 {
    top: 224px !important;
  }

  .arrows {
    top: 50%;
  }

  .boxing-content {
    padding: 50px 0;
  }

  .address-top {
    float: left;
    line-height: 5px;
    margin-top: 9px;
    width: 100%;
  }

  .header-container-3 #open-button {
    top: 105px;
  }

  .header-container-3 .quick-access {
    top: 100px;
  }

  .categories .filter {
    padding: 0 10px;
  }

  .classes-content .box-cell {
    margin: 90px 65px 0;
  }

  .gallery .gallery-content {
    top: 40px;
  }

  .slider-content {
    top: 100px;
    width: 100%;
  }

  .slider-content .title-slide {
    font-size: 36px;
  }

  .slider-content .text-slide {
    font-size: 16px;
  }

  .banner-content {
    right: 36px;
  }

  .title-banner-1 h2 {
    font-size: 34px;
  }

  .title-banner span {
    font-size: 12px;
  }

  .try-class a {
    font-size: 14px;
  }

  .info-banner p {
    font-size: 16px;
    margin: 0;
    width: 100%;
  }

  .form-validate-right,
  .form-validate-left {
    width: 100%;
  }

  .form-validate-left input {
    width: 100%;
  }

  .related-product {
    float: left;
    width: 100%;
    padding: 0 0 20px;
  }

  .related-product .box-cell {
    margin: 95px 50px 0;
  }

  .banner-text {
    top: 40px;
  }

  .banner-text .title-page {
    padding-top: 0;
  }

  .athlete-html {
    font-size: 14px;
  }

  .banner-text .title-page .athlete-welcome {
    font-size: 22px;
  }

  .banner-text .title-page .athlete-desc {
    font-size: 11px;
  }

  .select-demo,
  .purchare-it {
    font-size: 12px;
  }

  .product-cart .cart .cart-table .row-item .item {
    padding: 10px 20px;
  }

  .product-cart .cart .cart-table .row-item .item {
    padding: 10px;
  }

  .product-cart .cart .cart-table .row-item .name-item .product-image {
    float: none;
  }

  .product-cart .cart .cart-table .row-item .name-item .product-info {
    float: none;
  }

  .add-to-cart {
    margin: 0 auto;
  }

  .parallax-text h1 {
    font-size: 30px;
  }

  .parallax-shop h1 {
    font-size: 26px;
  }

  .join-us {
    font-size: 16px;
  }

  .month {
    height: auto;
  }

  .parallax-boxing p,
  .parallax-shop p {
    font-size: 16px;
  }

  .links-right {
    float: none;
    margin-right: 0;
    vertical-align: top;
    margin-left: 70px;
  }

  .footer-store .footer-title h4::after {
    width: 100%;
  }

  .links-our-product {
    margin-top: 25px;
  }

  .img-sport img {
    width: 100%;
  }

  .sport-club .banner-text .title-page h1 {
    font-size: 50px;
  }
}

@media (max-width: 479px) {

  .class-content h3 {
    font-size: 28px;
  }

  .gallery .gallery-content {
    top: 0;
  }

  .price-table-1 ul .icon {
    width: 19%;
  }

  .content-our-team.our-team-tabs .our-team-nav span.our-team-position {
    font-size: 16px;
  }

  .img-box-right .open-hour {
    right: 5%;
    top: 80px;
  }

  .title-top {
    font-size: 16px;
  }

  .title-bottom {
    font-size: 24px;
  }

  .links {
    font-size: 12px;
  }

  .calendar-month {
    font-size: 24px;
  }

  .calendar-day>div {
    font-size: 12px;
  }

  .calendar-date ul li .calendar-day {
    font-size: 18px;
    line-height: 40px;
    margin: 0 auto;
  }

  .calendar-month {
    font-size: 17px;
  }

  .calendar-note .calendar-slide {
    bottom: 0;
  }

  .calendar-note .calendar-slide li {
    margin-right: 0;
  }

  .calendar-note .calendar-slide li .fa {
    font-size: 7px;
  }

  .title-page h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .sevices-main {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin-bottom: 0;
  }

  .quick-access {
    line-height: 85px;
  }

  .news-wapper {
    padding: 25px 0;
  }

  .fit-strong {
    background: none repeat scroll 0 0 #242424;
  }

  .owl-controls.clickable {
    right: 88px;
  }

  .success a {
    font-size: 24px;
  }

  .title-page p {
    padding: 0 15px;
  }

  .classes-content .filters {
    text-align: left;
  }

  .timetable-top .box-cell {
    margin: 75px 55px 0;
  }

  .yoga-content {
    background: none;
  }

  .price-table .col-md-12 {
    padding: 0 15px;
  }

  .sidebar-bottom .title-match {
    padding: 10px 0;
  }

  .boxing-content {
    padding: 0;
  }

  .index-white .classes-content .box-cell {
    margin: 50px 50px 0;
  }

  .header-container-3 #open-button {
    top: 130px;
  }

  .address-top {
    float: left;
    margin-right: 0;
    width: 100%;
  }

  .header-container-3 .quick-access {
    top: 45px;
  }

  .price-table .col-md-12 {
    padding: 0 15px 1px;
  }

  .plan {
    margin: 0 0 15px;
  }

  .classes-content .box-cell {
    margin: 70px 30px 0;
  }

  .categories .filter {
    padding: 0 8px;
    font-size: 12px;
  }

  .categories .filter:last-child {
    border: none;
  }

  .add-to-cart {
    margin: 0 auto;
  }

  .product-cart .cart .cart-table .row-item .item {
    padding: 15px;
  }

  .blog-content {
    margin-left: 110px;
  }

  .img-brand {
    text-align: center;
  }

  .price-contents {
    padding: 30px 0;
  }

  .parallax-text h1 {
    font-size: 30px;
  }

  .parallax-shop h1 {
    font-size: 26px;
  }

  .join-us {
    font-size: 16px;
  }

  .month {
    height: auto;
  }

  .parallax-boxing p,
  .parallax-shop p {
    font-size: 16px;
  }

  .links-right {
    float: none;
    margin-right: 0;
    vertical-align: top;
    margin-left: 70px;
  }

  .footer-store .footer-title h4::after {
    width: 100%;
  }

  .links-our-product {
    margin-top: 25px;
  }

  .index-store .menu-button {
    left: auto;
  }

  .img-sport img {
    width: 100%;
  }

  .sport-club .banner-text .title-page h1 {
    font-size: 50px;
  }
}

@media (max-width: 320px) {

  .hps-title1 {
    top: 130px !important;
  }

  .hps-title3 {
    top: 175px !important;
  }

  .hps-title4 {
    top: 224px !important;
  }

  .ms-slide-layers .img-slide {
    top: 37% !important;
  }

  .content-our-team.our-team-tabs .our-team-nav span.our-team-position {
    font-size: 12px;
    white-space: nowrap;
  }

  .banner-text .title-page {
    padding-bottom: 0;
    padding-top: 0;
  }

  .banner-text {
    top: 0;
    width: 100%;
  }

  .owl-controls.clickable {
    right: 20px;
  }

  .classes-content .filter {
    margin: 0 0 10px;
    padding: 0 10px;
  }

  .classes-content .box-cell {
    margin: 33px 30px 0;
  }

  .timetable-top .box-cell {
    margin: 25px 25px 0;
  }

  .col-left.sidebar {
    padding-top: 50px;
  }

  .top-link {
    line-height: 2;
  }

  .header-container-3 .quick-access {
    top: 103px;
  }

  .header-container-3 #open-button {
    top: 110px;
  }

  .block-left .about-title h3 {
    line-height: 30px;
  }

  .icon-block {
    float: none;
    text-align: center;
  }

  .about-details {
    margin-left: 0;
    padding: 20px 0;
    width: 100%;
  }

  .about-details-title {
    text-align: center;
  }

  .history-skill li {
    line-height: 30px;
    width: 100%;
  }

  .tab-history .our-team-nav {
    padding: 0;
  }

  .price-table-title h2 {
    line-height: 32px;
  }

  .caveats-content p {
    font-size: 14px;
    margin: 15px;
  }

  .share-title h5 {
    font-size: 13px;
    width: 100%;
  }

  .content-cmt {
    float: left;
  }

  .question-content p,
  .answer p,
  .content-reply {
    padding: 15px 0;
  }

  .experience-spoiler-opened .experience-details-title {
    font-size: 16px;
  }

  .product-essential .tags-list ul li a {
    padding: 0 10px;
  }

  .event-listing .news-title {
    font-size: 14px;
  }

  .event-listing .news-time .open-time,
  .event-text {
    font-size: 12px;
  }

  .blog-main .img-blog {
    width: 100%;
  }

  .blog-content {
    margin-left: 22px;
  }

  .blog-title a {
    font-size: 18px;
  }

  .answer .col-md-2,
  .reply .col-md-3 {
    width: 100%;
  }

  .headding-content .icon-headding {
    margin-right: 10px;
  }

  .headding-content .cont-headding {
    float: none;
  }

  .form-validate-right,
  .form-validate-left {
    width: 100%;
  }

  .form-validate-left input {
    width: 100%;
  }

  .related-product {
    width: 100%;
  }

  .experience-details-title {
    font-size: 16px;
  }

  .add-to-cart {
    width: 77px;
  }

  .product-cart .cart .cart-table .row-item .item {
    padding: 10px;
  }

  .product-cart .cart .cart-table .row-item .name-item .product-image {
    float: none;
  }

  .product-cart .cart .cart-table .row-item .name-item .product-info {
    float: none;
    padding-top: 20px;
  }

  .calendar-date ul li {
    width: 100%;
  }

  .calendar-date ul li .calendar-day {
    line-height: 150px;
  }

  .calendar-day>div {
    display: none;
  }

  .related-post-list a:before {
    top: 64px;
  }

  .next-month {
    max-width: 100%;
  }

  .calendar-title .owl-carousel {
    width: 156px;
  }

  .calendar-month {
    margin: 0;
  }

  .calendar-date ul li .calendar-day {
    font-size: 30px;
  }

  .calendar-note .calendar-slide {
    bottom: 40px;
  }

  .calendar-note .calendar-slide li .fa {
    font-size: 12px;
  }

  .next.next-nav-next {
    margin-right: 7px;
  }

  .prev.button-nav-prev {
    margin-left: 7px;
  }

  .boxing-page .logo {
    width: 50% !important;
  }

  .gallery {
    height: auto;
  }

  .gallery .gallery-content {
    margin-left: 0;
    padding: 10px !important;
    top: 0;
    width: 100%;
  }

  .gallery-content .title-gallery {
    margin: 0;
  }

  .coming-event h2 {
    font-size: 18px;
  }

  .parallax-block-wrap-module {
    height: 250px;
  }

  .parallax-block-content {
    padding-top: 40px;
  }

  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    top: 33% !important;
  }

  .banner-text .title-page h1 {
    font-size: 20px;
  }

  .select-demo,
  .purchare-it {
    font-size: 12px;
  }

  .banner-text .title-page h5 {
    font-size: 12px;
  }

  .demos .title-page {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .links-right {
    float: none;
    margin-left: 30px;
  }
}

.body-boxed {
  background: url("../images/patterns.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.body-boxed .wrapper {
  margin: auto;
  max-width: 1200px;
  overflow: hidden;
  -o-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 1);
  -ms-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 1);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 1);
}

.body-boxed .wrapper {
  overflow: hidden;
}

.body-boxed .to-top {
  max-width: 1200px;
}

.body-boxed .header {
  max-width: 1200px;
}

/* COMING SOON PAGE*/
.coming-soon .layer {
  width: 100%;
  height: 100%;
  display: block;
}

.coming-soon {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 155px;

}

.coming-soon .welcome-text {
  font-size: 60px;
  font-weight: normal;
}

.coming-soon .welcome-description {
  font-size: 16px;
  padding-top: 5px;
  font-weight: normal;
}

.coming-soon .title {
  border: 2px solid;
  padding: 8px 15px;
  display: inline-block;
  margin-bottom: 7px;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: normal;
}

.coming-soon #scene {
  width: 100%;
  height: 100%;
  background: url("../images/bg-welcome.jpg") repeat scroll top center / cover rgba(0, 0, 0, 0);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.coming-soon .layer-img {
  width: 100%;
  height: 100%;
  background: url("../images/bg-welcome.jpg") repeat scroll top center / cover rgba(0, 0, 0, 0);
  opacity: 0.3;
}

.coming-soon .layer .layer-img {
  opacity: 0.3;
}

.coming-soon h6 {
  margin-top: 130px;
}

.coming-soon .fa-heart {
  color: #ef333d;
}

.countdown-section {
  width: 113px;
  height: 113px;
  border: 1px solid rgba(30, 30, 30, 0.2);
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  margin: 30px 12px 0 12px;
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
}

.countdown-section .countdown-amount {
  font-size: 48px;
  display: block;
  text-align: center;
  line-height: 48px;
  margin: 15px 0 3px 0;
}







#clockdiv {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

#clockdiv>div {
  padding: 0 10px 10px 10px;
  border-radius: 3px;
  display: inline-block;
}

#clockdiv div>span {
  padding: 0 15px 15px 15px;
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
}

.smalltext {
  padding-top: 5px;
  font-size: 20px;
}

.line2 .red {
  font-weight: bold;
  color: #d92227;
}

.training p,
.training h3,
.training h4,
.training h1,
.training span,
.training .smalltext {
  color: #242424;
}

.training span.button {
  border: 2px solid #242424;
}

.seconds {
  color: #f93549 !important;
}

/*.training h3{
    color: #242424;
}*/

.pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../images/pattern.png');
  top: 0;
  left: 0;
}

@media (max-width: 450px) {
  .page-heading {
    background-size: unset !important;
  }
}

.race-table {
  width: 100%;
  margin: 20px 0 30px 0;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 15px;
}

.race-table th {
  background: linear-gradient(to right, #a18cd1, #fbc2eb);
  color: white;
  text-align: center;
  padding: 12px;
  border: 1px solid #ddd;
  font-size: 16px;
}

.race-table td {
  text-align: center;
  border: 1px solid #ddd;
  padding: 10px;
  line-height: 1.5;
}

.race-women {
  background-color: #ffe4ec;
}

.race-men {
  background-color: #e6e0ff;
}

.race-parents {
  background-color: #eaf8ff;
}

.race-fun {
  background-color: #fdf5e6;
}


.race-comments {
  text-align: left;
  padding-left: 25px;
  margin: 5px 0;
}

.race-comments li {
  margin-bottom: 6px;
}

.race-table tr:hover td {
  background-color: #f9f9f9;
}

.race-table {
  width: 100%;
  margin: 20px 0 30px 0;
  border-collapse: collapse;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
}

.race-table .row-title th {
  background-color: #dcb0f2;
  color: #333;
  text-align: center;
  border: 1px solid #aaa;
  padding: 10px;
  font-weight: 600;
}

.race-table td {
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: middle;
  color: #333;
}

.race-row-women {
  background-color: #ffe0ef;
}

.race-row-men {
  background-color: #e5d4f9;
}

.race-row-parents {
  background-color: #fef3c7;
}

.race-row-fun {
  background-color: #d1f7e3;
}

.race-table ul {
  padding-left: 20px;
  text-align: left;
  list-style-type: disc;
  margin: 0;
}

.race-table ul li {
  margin-bottom: 5px;
  font-size: 13px;
}