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

Template Name: Gymedge 
Template URI: http://radiustheme.com
Description: This is html5 template
Author: radiustheme
Author URI: http://radiustheme.com
Version: 1.0

--------------------------------------------------------

CSS INDEX:
========================================================

01. Theme default CSS
02. Header top area
    02.1 Header Menu style
    02.2 Header search style
    02.3 Header Cart style

03. Slider style
04. About fitness area
05. Feature classes style
06. Being body builder style
07. Class schedule style
08. What clients say style
09. Expert trainers style
10. Online store style
11. Fitness classes summer style
12. Latest news style
13. Logo showcase style
14. Footer style
    14.1 About company
    14.2 Twitter feed
    14.3 Flickr photos
    14.4 Corporate Office

15. Copy right style
16. Scroll to top style
17. Inner banner style
18. About us page style
    18.1 About gymedge style
    18.2 choose style

19. Classes style
20. Single class detail style
21. Schedule page style
22. Right Sidebar style
    22.1 Search style
    22.2 Categories style
    22.3 Happy clients style
    22.4 Join us style
    22.5 Archives style
    22.6 Best seller style

23. Related classes style
24. Latest news page style
25. News details style
26. Our trainer style
27. Trainer Details style
28. Contact form style
29. Error page style
30. Store online grid style
31. Store online list style
32. Product details style
    32.1 Product detail image tab style
    32.2 Product detail information style
    32.3 Product detail overview tab style

33. Related product style
34. Single page style

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


/*=======================================================
=                     01. Theme default CSS            =
========================================================*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,900);

body {
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
}
html, body {
	height: 100%;
}
.floatleft {
	float: left
}
.floatright {
	float: right
}
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 15px;
}
.padding-space {
	padding-top: 100px;
	padding-bottom: 100px;
}
.padding-top {
	padding-top: 100px;
}
.padding-bottom {
	padding-bottom: 100px;
}
a:focus {
	outline: 0px solid;
}
img {
	max-width: 100%;
	height: auto;
}
.fix {
	overflow: hidden;
}
p {
	margin: 0 0 20px;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Roboto', sans-serif;
	margin: 0 0 20px;
	font-weight: 500;
}
h2 {
	color: #111111;
	font-size: 30px;
	text-transform: uppercase;
}
h3 {
	color: #111111;
	font-size: 20px;
}
h4 {
	color: #111111;
	font-size: 16px;
}
a {
	color: #E73229;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}
a:hover,
a:focus {
  color: #b0360a;
  text-decoration: none;
}
a:active, 
a:hover {
  outline: 0 none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0
}
blockquote {
	border-left: 3px solid #E73229;
	font-size: 18px;
	font-style: italic;
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top: 0;
	padding-bottom: 0;
}
.acurate {
  	padding:0;
}
.section-top {
  	margin-top: 40px;
}
.clear {
	clear:both;
}
.owl-theme .owl-controls .owl-page span {
	background: #e2e2e1;
	opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #E73229;
	transition: all 0.3s ease 0s;
}

.owl-arrow .owl-controls {
	position: absolute;
	top: -100px;
	right: 0;
	margin: 0;
}
.owl-arrow .owl-controls .owl-buttons > div {
	background: #E73229;
	margin: 5px 2px;
	padding: 3px 12px;
	transition: all 0.3s ease 0s;
}
.owl-arrow .owl-controls .owl-buttons > div:hover {
	background: #111111;
}
.owl-arrow .owl-controls .owl-buttons .owl-prev {
	border-radius: 0;
	opacity: 1;
}
.owl-arrow .owl-controls .owl-buttons .owl-next {
	border-radius: 0;
	opacity: 1;
}
.owl-arrow .owl-controls .owl-buttons > div .fa {
	font-size: 20px;
	line-height: inherit;
}
#preloader {
	background: #ffffff url(img/loading.gif) no-repeat scroll center center;
	height: 100%;
	left: 0;
	overflow: visible;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}
/*===============  End of Theme default CSS  ==============*/
/*==========================================================
=                     02. Header top area                  =
===========================================================*/
.mobile-menu-area {
	display: none;
}
.main-header .logo-area {
	padding: 5px 0;
}

.main-header .logo-area img {
	max-width: 75%;
}
/*-------------- 02.1 Header Menu style -------------------*/
.main-menu ul {
	text-align: right;
}
.main-menu ul li {
	display: inline-block;
	position: relative;
}
.main-menu ul li a {
	display: block;
	color: #333333;
	font-size: 15px;
	font-weight: 600;
	padding: 30px 15px;
	text-transform: uppercase;
}
.main-menu ul > li.active > a,
.main-menu ul > li > a:hover{
	color: #E73229;
}
.main-menu ul ul {
	background: #E73229;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.5s ease 0s;
	width: 200px;
	z-index: 99999;
	visibility: hidden;
}
.main-menu ul li:hover ul{
	opacity: 1;
	transform: scaleY(1);
	visibility: visible;
}
.main-menu ul li ul li{
	display: block;
	border-bottom: 1px solid #dddddd;
}
.main-menu ul li ul li:last-child{
	border-bottom: 0px solid #dddddd;
}
.main-menu ul li ul li a {
	color: #ffffff;
	display: block;
	font-size: inherit;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0 10px 15px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}
.main-menu ul li span {
	color: white;
	background-color: #E73229;
	padding: 10px;
}
.main-menu ul li ul li a:hover {
	color:#071041;
}
#sticker {
  	width: 100%;
}
.stick {
  	background: #ffffff;
  	border-bottom: 2px solid #E73229;
  	position: fixed;
  	top: 0;
  	z-index: 9999;
}
.stick .main-menu ul li a {
	padding-top: 20px;
	padding-bottom: 20px;
}
.stick .main-menu ul li ul li a {
	padding: 5px 0 10px 15px;
}
.stick .header-top-right {
	padding-top: 20px;
	padding-bottom: 20px;
}
.stick .header-top-area .logo-area {
	padding: 12px 0 0 0;
	transition: all 1s;
}
.stick .header-top-area .logo-area img {
	transition: all 1s;
}
.stick .header-top-area .cart-area {
	top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.stick .header-top-area .cart-area span {
	bottom: 30px;
}
.stick .header-top-right ul li ul {
	top: 66px;
}

.stick .logo-area img {
	max-height: 40px;
}
.main-menu ul.mega-menu-dropdown li.single-mega-menu {
	border: none;
	display: inline-block;
	float: left;
	width: 33%;
}
.main-menu ul li ul.mega-menu-dropdown {
	background: #E73229;
	left: inherit;
	right: -127px;
	padding: 10px 15px;
	width: 653px;
}
.main-menu ul li ul.mega-menu-dropdown li a {
	border-bottom: 1px solid #dddddd;
	margin-right: 10px;
	padding: 5px 0;
}
.main-menu ul li ul.mega-menu-dropdown li a:last-child {
	border: none;
}
.mean-container .mean-bar {
	border-bottom: 2px solid #E73229;
}
/*-------------- 02.2 Header search style -----------------*/
.header-top-right {
	padding: 30px 0;
	text-align: right;
}
.header-top-right ul li {
	display: inline-block;
	border-right: 1px solid #D3D3D3;
	padding-right: 10px;
}
.header-top-right ul li:last-child {
	border-right: 0;
}
.header-top-search {
	position: relative;
}
.header-top-search input {
	border: none;
	box-shadow: none;
	background: transparent;
	font-size: 14px;
}
.header-top-search button {
	position: absolute;
	right: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}
.header-top-search a.search-button {
	color: #E73229;
}
.header-top-search .search-text.active {
	left: -146px;
	opacity: 1;
	padding: 0 10px;
	visibility: visible;
	width: 180px;
}
.header-top-search .search-text {
	background: #F5F5F5;
	border: 1px solid #E73229;
	color: #666666;
	height: 34px;
	left: 0;
	margin-right: 3px;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 55px;
	visibility: hidden;
	width: 0;
	z-index: 9;
	transition: all 0.3s ease 0s;
}
.stick .header-top-search .search-text {
	top: 46px;
}
/*-------------- 02.3 Header Cart style -------------------*/
.header-top-area .cart-area {
	color: #666666;
	float: inherit;
	padding-left: 10px;
}
.header-top-area .cart-area span {
	background: #E73229;
	border-radius: 50%;
	color: #ffffff;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	bottom: 40px;
	text-align: center;
	width: 18px;
}
.header-top-right ul li ul {
  	background: #F5F5F5;
  	opacity: 0;
  	position: absolute;
  	right: 0;
  	top: 84px;
  	text-align: left;
  	transform: scaleY(0);
  	transform-origin: 0 0 0;
  	transition: all 0.5s ease 0s;
  	visibility: hidden;
  	width: 250px;
  	z-index: 99999;
}
.header-top-right ul li:hover ul{
  	opacity: 1;
  	transform: scaleY(1);
  	visibility: visible;
}
.header-top-right ul li ul li{
  	border-bottom: 1px solid #dddddd;
}
.header-top-right ul li ul li:last-child {
	border-bottom: none;
}
.cart-single-product {
  	padding: 10px;
  	position: relative;
}
.cart-single-product .media .cart-product-img img {
  	padding: 10px;
  	width: 60px;
}
.cart-single-product .media .cart-content h4 {
	font-weight: 400;
   	margin: 4px 0 5px 0;
   	padding: 0;
}
.cart-single-product .media .cart-content h4> a {
  	font-size: 14px;
  	color: #666666;
}
.cart-single-product .media .cart-content h4> a:hover {
  	color: #E73229;
}
.cart-single-product .media .cart-content a.trash {
  	position: absolute;
  	right: 0;
  	top: 10px;
  	color: #666666;
  	padding-right: 10px;
}
.cart-single-product .media .cart-content a.trash:hover {
  	color: #ff0000;
}
.cart-single-product .media .cart-content p {
  	color: #666666;
  	font-size: 12px;
  	margin-bottom: 0;
}
.cart-single-product .media .cart-content .cart-product-price {
  	bottom: 7px;
  	display: inline-block;
  	position: absolute;
  	right: 10px;
}
.cart-single-product .media .cart-content .cart-product-price a {
  	background: #E73229;
  	color: #222222;
  	display: block;
  	font-size: 12px;
  	padding: 0 14px;
  	transition: all .3s;
}
.cart-single-product .media .cart-content .cart-product-price a:hover {
  	background: #DD4813;
  	color: #ffffff;
}
.header-top-right ul li ul li a.checkout-button {
  	background: #E73229;
  	color: #222222;
  	display: block;
  	font-size: 15px;
  	font-weight: 600;
  	margin: auto;
  	padding: 5px 15px;
  	text-align: center;
  	text-transform: uppercase;
  	width: 250px;
  	transition: all .3s;
}
.header-top-right ul li ul li a.checkout-button:hover {
  	background: #DD4813;
  	color: #ffffff;
}
/*===============  End of Header top area  ================*/
/*==========================================================
=                     03. Slider style                     =
==========================================================*/
.slider-area {
	position: relative;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}
.slider-content .big-title {
	display: inline;
	font-size: 72px;
	line-height: 72px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}
.slider-content .big-title span {
	color: #E73229;
}
.slider-content .small-content {
	color: #e9e9e9;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 26px;
	width: 64%;
}
.slider-content .button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25%;
}
.slider-content .button .custom-button {
	border: 2px solid #E73229;
	border-radius: 65px;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	outline: none;
	padding: 17px 35px;
	position: relative;
	text-transform: uppercase;
}
.slider-content .button .custom-button::after {
    background: #E73229;
	border-radius: 30px;
	content: attr(data-title);
	height: 100%;
	opacity: 1;
	position: absolute;
	padding: 17px 35px;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.slider-content .custom-button:hover::after{
	left:0;
	opacity: 1;
}
.nivo-caption .slider-progress {
	background: #E73229;
}
.nivo-controlNav {
	left: 0;
	right: 0;
}
.nivo-controlNav .nivo-control {
	background: url(img/slider-control-inactive.png) 0 0 no-repeat;
}
.nivo-controlNav .nivo-control.active {
	background: url(img/slider-control-active.png) 0 0 no-repeat;
}
/*=================  End of Slider style  =================*/
/*==========================================================
=                   04. About fitness area                 =
===========================================================*/
.about-fitness-area .container-fluid {
	background: #F5F5F5;
	padding: 0;
}
.about-fitness-left {
	float: left;
	width: 50%;
	text-align: left;
}
.about-fitness-left .about-left-img {
	background: #E73229;
	position: relative;
	transition: all 0.3s ease 0s;
}
.about-fitness-left .about-left-img img{
	position: relative;
	z-index: 9;
}
.about-fitness-left .about-left-img .overly {
	position: absolute;
	top: 35%;
	right: 6%;
	z-index: 9999;
}
.about-fitness-left .about-left-img .overly h3 {
	color: #ffffff;
	font-size: 68px;
	font-weight: 300;
	line-height: 70px;
}
.about-fitness-left .about-left-img .overly h3 span {
	font-weight: 600;
}
.about-fitness-left .about-left-img:after {
	display: block;
	background: #E73229;
	position: absolute;
	content: "";
	right: -16px;
	top: 47%;
	width: 40px;
	height: 40px;
	-webkit-transform:rotate(224deg);
	-moz-transform:rotate(224deg);
	-o-transform:rotate(224deg);
	transform: rotate(224deg);
}
.about-fitness-right {
	background: #F5F5F5;
	float: left;
	padding-left: 50px;
	padding-right: 100px;
	width: 50%;
}
.about-single-service .service-item {
	padding-bottom: 15px;
}
.about-single-service .service-item.last-item {
	padding-bottom: 0;
}
.about-single-service .service-item.last-item p {
	margin-bottom: 0;
}
.about-single-service .service-item .service-image span {
	color: #E73229;
	font-size: 34px;
}
.about-fitness-right .media-heading {
	margin-bottom: 15px;
	font-size: 22px;
}
.about-fitness-right .media-heading a{
	color: #111111;
}
.about-fitness-right .media-heading a:hover{
	color: #E73229;
}
/*==============  End of About fitness area  ==============*/
/*==========================================================
=                  05. Feature classes style               =
===========================================================*/
.feature-classes-area .section-title {
	position: relative;
	margin-left: 15px;
}
.feature-classes-area .section-title h2 {
	margin-bottom: 60px;
}
.feature-classes-area .section-title h2:after {
	background: #E1E1E1;
	position: absolute;
	content: "";
	height: 1px;
	right: 10%;
	top: 15px;
	width: 62%;
}
.single-product-classes {
	background: #f5f5f5;
	border-right: 1px solid #ffffff;
	margin: 0 15px;
	transition: all 0.3s ease 0s;
}
.single-product-classes .single-product {
	position: relative;
}
.single-product-classes .single-product::after {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	transition: all 0.3s;
	transform: scaleY(0);
}
.single-product-classes:hover .single-product::after {
	opacity: 1;
    transform: scaleY(1);
}
.single-product-classes .single-product .overly {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
}
.single-product-classes .single-product .overly li {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	text-transform: uppercase;
}
.single-product-classes .single-product .overly li:first-child {
	background: #FF723F;
	color: #ffffff;
}
.single-product-classes .single-product .overly li:last-child {
	background: #ffffff;
	color: #121212;
	margin-left: -4px;
}
.single-product-classes .product-content {
	overflow: hidden;
	padding: 25px 20px;
	transition: all 0.3s ease 0s;
}
.single-product-classes:hover .product-content {
	background: #E73229;
}
.single-product-classes .product-content h3 {
	margin-bottom: 12px;
}
.single-product-classes .product-content h3 a {
	color: #111111;
}
.single-product-classes .product-content h3 a:hover {
	color: #E73229;
}
.single-product-classes .product-content .author {
}
.single-product-classes .product-content .author .fa {
	padding-right: 10px;
}
.single-product-classes .product-content .more-icon {
	float: right;
	padding-top: 12px;
}
.single-product-classes .product-content .more-icon .fa {
	color: #666666;
}
.single-product-classes:hover .product-content h3 a,
.single-product-classes:hover .product-content .more-icon .fa,
.single-product-classes:hover .product-content .author {
	color: #ffffff;
	transition: all 0.3s ease 0s;
}
.feature-classes-area .owl-arrow .owl-controls {
	right: 15px;
}

/*============  End of Feature classes style  =============*/
/*==========================================================
=                06. Being body builder style              =
==========================================================*/
.being-body-builder {
	background: #f5f5f5;
	overflow: hidden;
	position: relative;
}
.being-body-builder .being-left-img {
	position: relative;
	z-index: 9;
}
.being-body-builder .being-left-img img:hover {
	opacity: 0.8;
	transition: all 0.3s ease 0s;
}
.being-body-builder .being-right-content {
	position: relative;
	left: -110px;
}
.being-body-builder .being-right-content .being-content {
	position: absolute;
	padding-top: 156px;
	padding-bottom: 20px;
}
.being-body-builder .being-right-content .being-content h2 {
	font-size: 100px;
	line-height: 110px;
	margin-bottom: 2px;
}
.being-body-builder .being-right-content .being-content h2 span {
	color: #E73229;
}
.being-body-builder .being-right-content .being-content p {
	color: #d2d2d2;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 52px;
	line-height: 40px;
	text-transform: uppercase;
}
.being-body-builder .being-right-content .being-content a.sign-button {
	background: url(img/sign-up-button.png) 0 0 no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	height: 67px;
	line-height: 65px;
	position: relative;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 191px;
	z-index: 9;
}
.being-body-builder .being-right-content .being-content a.sign-button:hover {
	opacity: 0.8;
}
/*===========  End of Being body builder style  ===========*/
/*==========================================================
=                 07. Class schedule style                 =
===========================================================*/
.class-schedule {
	background: #000000 url(pics/kurse-bg.jpg) 0 0 no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.class-schedule .section-title h2{
	color: #ffffff;
	margin-bottom: 60px;
}
.class-schedule-wrap {
	background: #E73229;
	padding: 65px 50px;
}
.class-schedule-wrap ul.nav-tabs {
	border: none;
	margin-bottom: 45px;
}
.class-schedule-wrap .nav-tabs {
	text-align: center;
}
.class-schedule-wrap .nav-tabs li {
	display: inline-block;
	float: inherit;
	margin: 0;
}
.class-schedule-wrap .nav-tabs li a {
	background: #dd4813;
	border: none;
	border-radius: 30px;
	color: #ffffff;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 12px 34px;
}
.class-schedule-wrap .nav-tabs li.active a {
	background: #ffffff;
	color: #111111;
	border: none;
}
.class-schedule-wrap .nav-tabs li.active a:hover,
.class-schedule-wrap .nav-tabs li a:hover {
	background: #ffffff;
	color: #111111;
	border: none;
}
.class-schedule-wrap .nav-tabs li:last-child a {
	margin-right: 0;
}
.class-schedule-tab ul {
	margin-top: 3px;
	padding: 15px 0 15px 10px;
}
.class-schedule-tab ul.odd {
	background: #ed541d;
	border-radius: 20px;
}
.class-schedule-tab ul.even {
	background: #e44e18;
	border-radius: 20px;
}
.class-schedule-tab ul li {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	width: 24.5%;
}
.class-schedule-tab ul li:nth-child(1){
	padding-left: 20px;
}
.class-schedule-tab ul li:nth-child(2){
	text-align: center;
}
.class-schedule-tab ul li:nth-child(3) {
	text-align: center;
}
.class-schedule-tab ul li:nth-child(4) {
	text-align: right;
}
.class-schedule-tab ul li:nth-child(4) a {
	background: #ffffff;
	border-radius: 30px;
	font-size: 15px;
	color: #666666;
	padding: 12px 20px;
}
.class-schedule-tab ul li:nth-child(4) a:hover {
	background: #000000;
	color: #ffffff;
}
/*=============  End of Class schedule style  =============*/
/*==========================================================
=                  08. What clients say style              =
===========================================================*/
.what-client-area {
	position: relative;
}
.what-client-area .section-title h2 {
	margin-bottom: 60px;
}
.single-client-say {
	margin-right: 30px;
}
.single-client-say .client-picture img {
	background: #ececec;
	border-radius: 50%;
	padding-left: 7px;
	padding-top: 3px;
	height: 100px;
	width: 100px;
	transition: all 0.3s ease 0s;
}
.single-client-say .client-picture img:hover {
	opacity: 0.8;
	transition: all 0.3s ease 0s;
}
.single-client-say .client-content {
	padding-left: 30px;
}
.single-client-say .client-content h3 {
	text-transform: capitalize;
}
.single-client-say .client-content h3 a {
	color: #111111;
}
.single-client-say .client-content h3 span {
	color: #5e5e5e;
}
.single-client-say .client-content h3 a:hover{
	color: #E73229;
}
.single-client-say .client-content h3:after {
	background: #E73229;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	margin: 20px 0;
	top: 0;
	width: 44px;
}
.single-client-say .client-content h3:before {
	color: #e2e2e1;
	content:"\f10d";
	font-family:'FontAwesome';
	position: absolute;
	right: 10%;
}
.what-client-say .owl-pagination {
	position: absolute;
	left: 0;
	right: 0;
}
/*===========  End of What clients say style  =============*/
/*==========================================================
=                 09. Expert trainers style                =
===========================================================*/
.expert-trainer-area {
	background: url(img/trainer-bag.jpg) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
}
.expert-trainer-area .section-title {
	position: relative;
}
.expert-trainer-area .section-title h2 {
	margin-bottom: 60px;
}
.expert-trainer-area .section-title h2:after {
	background: #d1d1d1;
	position: absolute;
	content: "";
	height: 1px;
	right: 9%;
	top: 15px;
	width: 65%;
}
.single-trainer-item {
	margin: 0 15px 40px;
	position: relative;
}
.single-trainer-item .trainer-item {
	background: #ffffff;
	border-radius: 10px;
	position: relative;
	padding-top: 35px;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.single-trainer-item .trainer-item .social-overly li {
	display: inline-block;
}
.single-trainer-item .trainer-item .social-overly li a {
	border: 2px solid #E73229;
	border-radius: 50%;
	display: block;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	text-align: center;
	width: 40px;
}
.single-trainer-item .trainer-item .social-overly li a:hover {
	background: #E73229;
}
.single-trainer-item .trainer-item .social-overly li a .fa {
	color: #ffffff;
}
.single-trainer-item .trainer-item .social-overly {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 45%;
	transition: all 0.5s ease 0s;
}
.single-trainer-item:hover .trainer-item .social-overly {
	opacity: 1;
}
.single-trainer-item .trainer-item:hover {
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease 0s;
}
.single-trainer-item .trainer-item .trainer-img {
	
}
.single-trainer-item .trainer-overly {
	background: #E73229;
	border-radius: 30px;
	color: #ffffff;
	display: block;
	left: 0;
	bottom: -40px;
	margin: 0 auto;
	padding: 15px 0;
	position: absolute;
	right: 0;
	width: 290px;
}
.our-trainer-item .trainer-overly h3 {
	margin-bottom: 5px;
	color: white;
}
.single-trainer-item .trainer-overly h3 a {
	color: #ffffff;
}
/*============  End of Expert trainers style  =============*/
/*==========================================================
=                  10. Online store style                  =
===========================================================*/
.online-store-area .section-title{
	position: relative;
}
.online-store-area .section-title h2{
	margin-bottom: 60px;
}
.online-store-area .section-title h2:after {
	background: #e8e8e8;
	position: absolute;
	content: "";
	height: 1px;
	right: 9%;
	top: 15px;
	width: 70%;
}
.online-store-area .single-product-store {
	margin: 0 10px;
}
.single-product-store .single-product {
	background: #f5f5f5;
	border-right: 1px solid #ffffff;
	display: block;
	min-height: 230px;
	overflow: hidden;
	position: relative;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.single-product-store .single-product img {
	padding: 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.single-product .overlay {
	background-color: rgba(251, 91, 33, 0.8);
	cursor: pointer;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	transform: scaleY(0);
}
.single-product:hover .overlay {
	opacity: 1;
	transform: scaleY(1);
}
.single-product:hover .product-info {
	opacity: 1;
}
.single-product .product-info {
	opacity: 0;
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	transform-origin: center center 0;
	transition: all 0.5s ease-out 0s;
	z-index: 9;
}
.single-product .product-info ul li {
	display: inline-block;
}
.single-product .product-info ul li a {
	background: #ffffff;
	display: block;
	padding: 8px;
	height: 38px;
	width: 38px;
}
.single-product .product-info ul li a .fa {
	color: #111111;
}
.single-product .product-info ul li a:hover .fa {
	color: #E73229;
}
.single-product-store .product-content h3 {
	margin-top: 30px;
	text-transform: capitalize;
}
.product-content h3 a {
	color: #111111;
}
.product-content h3 a:hover {
	color: #E73229;
}
.product-content .review ul li {
	display: inline-block;
}
.product-content .review ul li a {
	color: #f7c51d;
}
.product-content .review ul li a:hover {
	color: #E73229;
}
.product-content .review ul li.uncolor a {
	color: #a7a7a7;
}
.product-content .regular-price {
	display: block;;
	margin-top: 8px;
}
.product-content .regular-price .product-price {
	color: #E73229;
	font-weight: 600;
}
/*==============  End of Online store style  ==============*/
/*==========================================================
=              11. Fitness classes summer style            =
===========================================================*/
.fitness-summer-area {
	background: url(pics/angebot-bg.jpg) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	transition: all 0.5s ease-out 0s;
}
.fitness-summer-area:hover {
	opacity: 0.9;
	transition: all 0.5s ease-out 0s;
}
.fitness-summer {
	text-align: center;
	position: relative;
}
.fitness-summer .fitness-content {
	display: inline-block;
	text-align: left;
}
.fitness-summer .fitness-content h3 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}
.fitness-summer .fitness-content p {
	color: #ffffff;
	font-size: 34px;
	font-weight: 400;
	line-height: 48px;
	text-transform: uppercase;
}
.fitness-summer .fitness-content p span {
	font-weight: 600;
	color: #E73229;
}

.fitness-summer .fitness-content .custom-button, .custom-button {
	border: 2px solid #E73229;
	border-radius: 65px;
	display: inline-block;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 20px;
	padding: 15px 35px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
}

.fitness-summer-area .custom-button::after, .custom-button::after  {
    background: #E73229;
	padding: 15px 35px;
    border-radius: 30px;
    content: attr(data-title);
    height: 100%;
    left: -100%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.5s;
}

.custom-button:hover::after{
	left:0;
}

/*=========  End of Fitness classes summer style  =========*/
/*===========================================================
=                     12. Latest news style                 =
============================================================*/
.latest-news-area {
	background: #f5f5f5;
}
.latest-news-area .section-title {
	position: relative;
}
.latest-news-area .section-title h2 {
	margin-bottom: 60px;
}
.latest-news-area .section-title h2:after {
	background: #e8e8e8;
	position: absolute;
	content: "";
	height: 1px;
	right: 9%;
	top: 15px;
	width: 70%;
}
.single-latest-news {
	margin: 15px 15px 0;
	position: relative;
}
.single-latest-news .date {
	background: url(img/date-bag.png) 0 0 no-repeat;
	position: absolute;
	left: 15px;
	top: -15px;
	color: #ffffff;
	line-height: 18px;
	padding: 9px 15px;
	text-align: center;
	font-weight: 600;
	z-index: 9;
}
.single-latest-news .news-content h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}
.single-latest-news .news-content h3 a {
	color: #111111;
}
.single-latest-news .news-content h3 a:hover {
	color: #E73229;
	transition: all 0.5s;
}
.single-latest-news .news-content p {
	margin-bottom: 0;
}
.single-news {
	box-shadow: none;
	position: relative;
	transition: all 0.5s;
}
.single-news .single-image {
	overflow: hidden;
}
.single-news .single-image img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .5s ease-in-out;
	width: 100%;
}
.single-news .single-image:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/*===============  End of Latest news style  ==============*/
/*==========================================================
=                 13. Logo showcase style                  =
===========================================================*/
.logo-showcase-area .owl-arrow .owl-controls {
	position: inherit;
	top: -55px;
	right: inherit;
}
.logo-showcase-area .logo-showcase {
	position: relative;
	padding-left: 60px;
	padding-right: 60px;
}
.logo-showcase-area .logo-showcase .single-logo-area {
	margin: 0 2px;
}
.logo-showcase-area .owl-arrow .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	left: -46px;
}
.logo-showcase-area .owl-arrow .owl-controls .owl-buttons .owl-next {
	position: absolute;
	right: -46px;
}
/*============  End of Logo showcase style  ===============*/
/*==========================================================
=                       14. Footer style                   =
===========================================================*/
.footer-area {
	background: #121212;
	color: #b3b3b3;
	font-size: 14px;
}
.footer-area h3 {
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 30px;
	text-transform: capitalize;
}
/*--------------- 14.1 About company ----------------------*/
.social-icons {
	margin-top: 35px;
}
.social-icons ul li {
	display: inline-block;
	margin-right: 8px;
}
.social-icons ul li.last {
	margin-right: 0;
}
.social-icons ul li a {
	display: block;
	background: #E73229;
	border-radius: 50%;
	color: #ffffff;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 32px;
}
.social-icons ul li a:hover {
	background: #ffffff;
	color: #E73229;
}
/*----------------- 14.2 Twitter feed -----------------------*/
.twitter-list ul li .fa {
	color: #2aacff;
	padding-right: 5px;
}
.twitter-list ul li a {
	display: block;
	margin-top: -8px;
}
/*------------------ 14.3 Flickr photos ----------------------*/
.flickr-photos .flickr-list {
	padding-top: 5px;
}
.flickr-photos .flickr-list ul li {
	display: inline-block;
	margin: 2px 1px;
}
.flickr-photos .flickr-list ul li img {
	width: 82px;
}
/*--------------- 14.4 Corporate Office ----------------------*/
.corporate-address ul li {
	padding-bottom: 12px;
}
.corporate-address ul li .fa {
	color: #E73229;
	padding-right: 8px;
}
.corporate-office span {
	color: #E73229;
	font-weight: 700;
}

/*=================  End of Footer style  =================*/
/*==========================================================
=                    15. Copy right style                  =
===========================================================*/
.copy-right-area {
	background: #333333;
	padding: 15px 0;
}
.copy-right-area .copy-right {
	color: #999999;
	font-size: 14px;
}
.copy-right-area .copy-right p {
	margin: 0;
}
.visa-card ul {
	text-align: right;
}
.visa-card ul li {
	display: inline-block;
	list-style: none;
}
/*==============  End of Copy right style  ================*/
/*==========================================================
=                   16. Scroll to top style                =
===========================================================*/
.scrollToTop {
	display: block;
	bottom: 6px;
	border: 1px solid #E73229;
	right: 12px;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	position: fixed;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-animation: flash 3000ms infinite;
	-moz-animation: flash 3000ms infinite;
	-ms-animation: flash 3000ms infinite;
	-o-animation: flash 3000ms infinite;
	animation: flash 3000ms infinite;
	width: 38px;
	z-index: 9999;
}
.scrollToTop:after {
	color: #E73229;
	content: "\f102";
	font-family: "FontAwesome";
	font-size: 25px;
}
.scrollToTop:hover {
	-webkit-animation: flash 0s infinite;
	-moz-animation: flash 0s infinite;
	-ms-animation: flash 0s infinite;
	-o-animation: flash 0s infinite;
	animation: flash 0s infinite;
}
/*=============  End of Scroll to top style  ==============*/
/*==========================================================
=                   17. Inner banner style                 =
===========================================================*/
.inner-banner-area {
	background: url(img/banner/about-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.inner-banner-area .innter-title h2 {
	font-size: 48px;
	color: #ffffff;
	padding-bottom: 175px;
	padding-top: 220px;
	text-align: center;
}
.breadcrum-area {
	text-align: center;
}
.breadcrum-area .breadcrumb {
	position: relative;
	top: 22px;
	background: #E73229;
	display: inline-block;
	border-radius: 30px;
	border: none;
	margin-bottom: 0;
	padding: 12px 30px;
}
.breadcrum-area .breadcrumb li {
	color: #ffffff;
}
.breadcrum-area .breadcrumb li a {
	color: #ffffff;
}
.breadcrum-area .breadcrumb li a:hover {
	color: #333333;
}
/*=============  End of Inner banner style   ==============*/
/*==========================================================
=                18. About us page style                   =
===========================================================*/
/*---------------- 18.1 About gymedge style ---------------*/
.about-content-area .title-section h2 {
	font-size: 42px;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 16px;
}
.about-content-area .title-section h2::after {
	background: #E73229;
	content: "";
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
}
.about-content-area .title-section h2 .color-red {
	color: #E73229;
}
.about-content-area .title-section h2 .color {
	color: #7b7b7b;
	font-weight: 400;
}
.content-list span {
	color: #111111;
	display: block;
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0;
}
.content-list span .fa {
	background: #E73229;
	border-radius: 50%;
	color: #ffffff;
	margin-right: 15px;
	padding: 5px;
}
.about-img img {
	transition: all 0.5s;
}
.about-img img:hover {
	opacity: 0.8;
	transition: all 0.5s;
}
/*------------------- 18.2 choose style --------------------*/
.choose-us-area {
	background: url(pics/warum-bg.jpg) 0 0 no-repeat;
	background-size: cover;
	margin-top: 100px;
	color: #ffffff;
	background-attachment: fixed;
}
.choose-us-area .title-section h2 {
	font-size: 36px;
	color: #ffffff;
}
ul.counter-list li {
	display: inline-block;
	background-size: 100%;
	text-align: center;
	margin-right: 30px;
	height: 200px;
	width: 200px;
	position: relative;
}
ul.counter-list li .single-counter {
	position: absolute;
	top: 37%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
ul.counter-list li .counter {
	font-size: 36px;
}
ul.counter-list li:last-child {
	margin-right: 0;
}
/*==============  End of About us page style  =============*/
/*==========================================================
=                    19. Classes style                     =
===========================================================*/
.our-classes-area {
	padding-bottom: 65px;
}
.single-classes-area {
	position: relative;
	margin-bottom: 70px;
}
.isotop-classes-tab {
	margin-bottom: 50px;
	overflow: hidden;
	text-align: center;
}
.isotop-classes-tab a {
	background: #f5f5f5;
	border-radius: 30px;
	border: none;
	color: #333333;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 30px;
	transition: all 0.5s;
}
.isotop-classes-tab a.current,
.isotop-classes-tab a:hover {
	background: #E73229;
	color: #ffffff;
	transition: all 0.5s;
}
.single-classes-area .classes-img .classes-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	opacity: 0;
	transition: all 0.5s;
}
.single-classes-area .classes-img .classes-overlay a{
	position: absolute;
	top: 45%;
}
.single-classes-area:hover .classes-img .classes-overlay {
	opacity: 1;
	transition: all 0.5s;
}
.single-classes-area .classes-img .classes-overlay .fa {
	font-size: 20px;
}
.single-classes-area .classes-img .classes-overlay .fa:hover {
	color: #E73229;
}
.single-classes-area:hover .classes-img .classes-overlay a {
	color: #ffffff;
}
.single-classes-area .classes-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -35px;
	text-align: center;
	margin: auto;
	background: #ffffff;
	box-shadow: 0 1px 0 #eee;
	border-radius: 30px;
	padding: 15px 0;
	width: 270px;
	transition: all 0.5s;
}
.single-classes-area:hover .classes-title {
	background: #E73229;
	transition: all 0.5s;
}
.single-classes-area .classes-title h3 {
	margin-bottom: 0;
}
.single-classes-area .classes-title h3 a {
	color: #E73229;
	transition: all 0.5s;
}
.single-classes-area:hover .classes-title h3 a {
	color: #ffffff;
	transition: all 0.5s;
}
.single-classes-area .classes-title .date {
	margin-bottom: 0;
	transition: all 0.5s;
}
.single-classes-area:hover .classes-title .date {
	color: #ffffff;
	transition: all 0.5s;
}
/*=================  End of Classes style  ================*/
/*==========================================================
=               20. Single class detail style              =
===========================================================*/
.single-class-detail .class-heading {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 20px;
	padding: 30px 0 20px 0;
}
.single-class-detail .class-heading h3 {
	font-size: 24px;
	text-transform: capitalize;
}
.single-class-detail .class-heading ul li {
	display: inline-block;
	margin-right: 20px;
}
.single-class-detail .class-heading ul li .fa {
	color: #E73229;
	padding-right: 8px;
}
.single-class-detail .choose-body {
	margin-top: 40px;
}
.single-class-detail .choose-body h3 {
	font-size: 24px;
	margin-bottom: 25px;
	text-transform: capitalize;
}
.single-class-detail .choose-body ul.choose-list {
	margin-top: 30px;
}
.single-class-detail .choose-body ul.choose-list li {
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.single-class-detail .choose-body ul.choose-list li::before {
	content:"\f058";
	font-family:'FontAwesome';
	font-size: 18px;
	color: #E73229;
	padding-right: 10px;
}
.choose-body .custom-button {
	border: 2px solid #E73229;
	border-radius: 65px;
	color: #E73229;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 20px;
	overflow: hidden;
	padding: 15px 35px;
	position: relative;
	text-transform: uppercase;
}
.choose-body .custom-button::after {
	background: #E73229;
	border-radius: 30px;
	content: attr(data-title);
	height: 100%;
	left: -100%;
	opacity: 1;
	padding: 15px 35px;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.choose-body .custom-button:hover::after {
	left: 0;
	color: #ffffff;
}
.single-class-detail .detail-img {
	position: relative;
	overflow: hidden;
}
.single-class-detail .detail-img::after {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	content: "";
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
}
.single-class-detail .detail-img:hover::after {
	opacity: 1;
	transition: all 0.5s ease 0s;
}
/*===========  End of Single class detail style  ==========*/
/*==========================================================
=                   21. Schedule page style                =
===========================================================*/
.schedule-page {
	background: transparent;
	background-attachment: inherit;
}
.schedule-page .class-schedule-wrap {
	background: transparent;
	padding: 0;
}
.schedule-page .class-schedule-wrap .nav-tabs {
	text-align: center;
}
.schedule-page .class-schedule-wrap .nav-tabs li {
	display: inline-block;
	float: none;
}
.schedule-page .class-schedule-wrap .nav-tabs li.active a {
    background: #E73229;
    color: #ffffff;
}
.schedule-page .class-schedule-wrap .nav-tabs li a {
    background: #f5f5f5;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}
.schedule-page .class-schedule-wrap .nav-tabs li.active a:hover, 
.schedule-page .class-schedule-wrap .nav-tabs li a:hover {
    background: #E73229;
    color: #ffffff;
}
/*=============  End of Schedule page style  ==============*/
/*==========================================================
=                   22. Right Sidebar style                =
===========================================================*/
.right-sidebar .single-sidebar {
	margin-bottom: 50px;
}
.right-sidebar .single-sidebar h3 {
	font-size: 24px;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 20px;
}
.right-sidebar .single-sidebar h3::after {
	background: #E73229;
	content: "";
	margin: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 70px;
}
.right-sidebar .sidebar-last {
	margin-bottom: 0;
}
/*---------------- 22.1 Search style ----------------------*/
.single-sidebar .sidebar-search {
	position: relative;
}
.single-sidebar .sidebar-search input {
	background: #f5f5f5;
	border: none;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 10px;
	width: 100%;
}
.single-sidebar .sidebar-search button {
	background: #E73229;
	border: medium none;
	color: #ffffff;
	font-size: 14px;
	padding: 7px 15px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
}
/*--------------- 22.2 Categories style -------------------*/
.categories ul li {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.categories ul li a {
	color: #666666;
}
.categories ul li a:hover {
	color: #E73229;
}
/*-------------- 22.3 Happy clients style -----------------*/
.single-clients .fa {
	color: #e2e2e1;
	font-size: 20px;
}
.single-clients .client-heading h4 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 3px;
}
.single-clients .client-heading p {
	font-size: 14px;
}
.happy-clients .owl-controls {
	position: relative;
}
.happy-clients .owl-controls .owl-pagination {
	position: absolute;
	right: 0;
	bottom: 20px;
}
/*-------------- 22.4 Join us style -----------------------*/
.single-sidebar .join-us {
	position: relative;
}
.single-sidebar .join-us .join-content {
	color: #ffffff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px;
}
.join-us .join-content .percent {
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 12px;
}
.join-us .join-content .percent span {
	color: #E73229;
}
.join-us .join-content .custom-button {
	border: 2px solid #E73229;
	border-radius: 65px;
	color: #ffffff;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 20px;
	overflow: hidden;
	padding: 15px 35px;
	position: relative;
	text-transform: uppercase;
}
.join-us .join-content .custom-button::after {
	background: #E73229;
	border-radius: 30px;
	content: attr(data-title);
	height: 100%;
	left: -100%;
	opacity: 1;
	padding: 15px 35px;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.join-us .custom-button:hover::after {
	left: 0;
}
/*-------------- 22.5 Archives style ----------------------*/
.archives-list tr {
	border-bottom: 1px solid #e7e7e7;
}
.archives-list tr td {
	padding: 8px 0;
}
.archives-list tr td span {
	color: #E73229;
	padding-left: 5px;
}
.archives-list tr:nth-child(1) td {
	padding-top: 0;
}
/*-------------- 22.6 Best seller style -------------------*/
.single-best-seller {
	position: relative;
}
.single-best-seller {
	margin-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
}
.single-best-seller.last-item {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.best-seller .seller-left {
	background: #f5f5f5;
	padding: 10px;
	min-height: 70px;
	position: relative;
	width: 80px;
}
.best-seller .seller-left img{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
	top: 0;
	transform: scale(1);
	transition: all 0.5s ease 0s;
	width: 60px;
}
.best-seller .seller-left img:hover{
	transform: scale(1.1);
	transition: all 0.5s ease 0s;
}
.best-seller .seller-content {
	margin-left: 10px;
}
.best-seller .seller-content .seller-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	margin-bottom: 8px;
}
.best-seller .seller-content .seller-title a {
	color: #666666;
	transition: all 0.5s ease 0s;
}
.best-seller .seller-content .seller-title a:hover {
	color: #E73229;
	transition: all 0.5s ease 0s;
}
.best-seller .review ul li {
	display: inline-block;
}
.best-seller .review ul li .fa {
	font-size: 14px;
	color: #f7c51d;
}
.best-seller .review ul li:hover .fa {
	color: #E73229;
	transition: all 0.5s ease 0s;
}
.best-seller .review ul li.inactive .fa {
	color: #666666;
}
.best-seller .product-price ul li {
	display: inline-block;
	font-weight: 600;
}
.best-seller .product-price ul li.discount {
	color: #111111;
	text-decoration: line-through;
}
.best-seller .product-price ul li.final {
	color: #E73229;
}
/*===============  End of Right Sidebar style  ============*/
/*==========================================================
=                  23. Related classes style               =
===========================================================*/
.related-classes-area .section-title {
	position: relative;
}
.related-classes-area .section-title h2 {
	margin-bottom: 60px;
}
.related-classes-area .section-title h2::after {
	background: #e1e1e1;
	content: "";
	height: 1px;
	position: absolute;
	right: 13%;
	top: 15px;
	width: 52%;
}
.single-related-classes {
	margin: 0 10px 40px;
	position: relative;
}
.single-related-classes .classes-img img {
	width: 100%;
}
.single-related-classes .classes-img .classes-overlay {
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
}
.single-related-classes:hover .classes-img .classes-overlay {
	opacity: 1;
	transition: all 0.5s ease 0s;
}
.single-related-classes .classes-title {
	background: #ffffff;
	border-radius: 30px;
	bottom: -35px;
	box-shadow: 0 1px 0 #eee;
	left: 0;
	margin: auto;
	padding: 15px 0;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 0.5s ease 0s;
	width: 230px;
}
.single-related-classes:hover .classes-title {
	background: #E73229;
	transition: all 0.5s ease 0s;
}
.single-related-classes .classes-title h3 {
	margin-bottom: 2px;
}
.single-related-classes .classes-title h3 a {
	color: #E73229;
	transition: all 0.5s ease 0s;
}
.single-related-classes:hover .classes-title h3 a {
	color: #ffffff;
	transition: all 0.5s ease 0s;
}
.single-related-classes .classes-title .date {
	margin-bottom: 0;
	transition: all 0.5s ease 0s;
}
.single-related-classes:hover .classes-title .date {
	color: #ffffff;
	transition: all 0.5s ease 0s;
}
.single-related-classes .classes-img .classes-overlay a {
	position: absolute;
	top: 40%;
}
.single-related-classes:hover .classes-img .classes-overlay a {
	color: #ffffff;
}
.single-related-classes .classes-img .classes-overlay .fa {
	font-size: 20px;
}
/*============  End of Related classes style  =============*/
/*===========================================================
=                24. Latest news page style                 =
============================================================*/
.single-news-page .single-news .date {
	background: url("img/date-bag.png") no-repeat scroll 0 0;
	color: #ffffff;
	font-weight: 600;
	left: 25px;
	line-height: 18px;
	padding: 9px 15px;
	position: absolute;
	text-align: center;
	top: -15px;
	z-index: 9;
}
.single-news-page .news-content {
	margin-bottom: 50px;
}
.single-news-page .news-content h3 {
	margin-bottom: 20px;
	margin-top: 30px;
	text-transform: capitalize;
}
.single-news-page .news-content h3 a {
	color: #111111;
}
.single-news-page .news-content h3 a:hover {
	color: #E73229;
}
.single-news-page .single-news {
	overflow: hidden;
	position: inherit;
}
.single-news-page img {
	transform: scale(1);
	transition: all 0.5s ease 0s;
	width: 100%;
}
.single-news-page img:hover {
	transform: scale(1.2);
}
.single-news-page .single-news::after {
	display: none;
}
.single-news-page .news-content a.read-more {
	display: inline-block;
	border: 1px solid #E73229;
	border-radius: 30px;
	padding: 8px 20px;
	position: relative;
}
.single-news-page .news-content a.read-more:hover {
	background: #E73229;
	border-radius: 30px;
	color: #ffffff;
}
.pagination-area {
	text-align: center;
}
.pagination {
	margin-bottom: 0;
}
.pagination li {
	border: none;
}
.pagination li a {
	border: none;
	border-radius: 0;
	background: #bfbfbf;
	color: #ffffff;
	margin-right: 3px;
	padding: 8px 16px;
}
.pagination li:last-child a {
	border-radius: 0;
}
.pagination li a:hover {
	border: none;
	background: #E73229;
	border-radius: 0;
	color: #ffffff;
	transition: all 0.5s ease 0s;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
  background-color: #E73229;
  border-color: #E73229;
  border-radius: 0 !important;
  color: #ffffff;
  cursor: default;
  z-index: 3;
}
/*============  End of Latest news page style  ============*/
/*==========================================================
=                 25. News details style                   =
==========================================================*/
.single-news-detail {
	padding-bottom: 75px;
}
.single-news-detail .detail-img {
	position: relative;
	overflow: hidden;
}
.single-news-detail .detail-img::after {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	content: "";
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
}
.single-news-detail .detail-img:hover::after {
	opacity: 1;
	transition: all 0.5s ease 0s;
}
.single-news-detail .class-heading {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 30px;
	padding: 30px 0;
}
.single-news-detail .class-heading h3,
.news-tag h3,
.leave-comment h3,
.comment-section h3 {
  	font-size: 24px;
  	text-transform: capitalize;
}
.single-news-detail .class-heading ul li {
	display: inline-block;
	margin-right: 30px;
}
.single-news-detail .class-heading ul li .fa {
  	color: #E73229;
 	padding-right: 10px;
}
.news-tag {
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	margin-top: 50px;
	padding: 30px 0;
}
.comment-section {
	margin-top: 30px;
}
.comment-section h3 {
	margin-bottom: 30px;
}
.comment-section .comment-image {
	width: 15%;
}
.comment-section .comment-content {
	padding-left: 30px;
}
.comment-section .comment-content h4 {
	margin-bottom: 5px;
}
.comment-section .comment-content .date-time {
	color: #979797;
	margin-bottom: 15px;
}
.comment-section .comment-content .reply a {
	color: #666666;
}
.comment-section .comment-content .reply a:hover {
	color: #E73229;
}
.comment-section .comment-content .reply .fa {
	color: #E73229;
	padding-right: 8px;
}
.leave-comment {
	border-top: 1px solid #e7e7e7;
	margin-top: 40px;
	padding-top: 40px;
}
.leave-comment h3 {
	margin-bottom: 30px;
}
.comment-form .form-group {
	margin-bottom: 25px;
}
.comment-form .form-group input {
	background: #f5f5f5;
	border-radius: 0;
	border: none;
	box-shadow: none;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
}
.comment-form .form-group textarea {
	background: #f5f5f5;
	border-radius: 0;
	border: none;
	box-shadow: none;
	font-size: 16px;
}
.comment-form .form-group .btn-default {
	border: 2px solid #E73229;
	border-radius: 30px;
	color: #E73229;
	font-weight: 600;
	padding: 15px 35px;
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}
.comment-form .form-group .btn-default::after {
	background: #E73229;
	border-radius: 30px;
	content: attr(data-title);
	height: 100%;
	left: -100%;
	opacity: 1;
	padding: 15px 35px;
	position: absolute;
	top: 0;
	width: 100%;
	transition: all 0.5s ease 0s;
}
.comment-form .form-group .btn-default:hover::after {
	left: 0;
	color: #ffffff;
}
.comment-form .form-group .btn-default:focus {
	background: #E73229;
	color: #ffffff;
	transition: all 0.5s ease 0s;
}
.form-control::-moz-placeholder {
   color: #666666;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #666666;  
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #666666;  
}
.form-control:-ms-input-placeholder {  
   color: #666666;  
}
/*==============  End of News details style  ==============*/
/*==========================================================
=                    26. Our trainer style                 =
==========================================================*/
.our-trainer-area {
	padding-bottom: 50px;
}
.our-trainer-item {
	margin-bottom: 70px;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.our-trainer-item .trainer-image {
	padding: 0px;
	position: relative;
}

.our-trainer-item .trainer-image .social-overly {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.our-trainer-item:hover .trainer-image .social-overly {
	opacity: 1;
	transition: all 0.5s ease 0s;
}
.our-trainer-item .trainer-image .social-overly li {
	display: inline-block;
}
.our-trainer-item .trainer-image .social-overly li a {
	border: 2px solid #E73229;
	border-radius: 50%;
	display: block;
	margin-right: 5px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
}
.our-trainer-item .trainer-image .social-overly li a:hover {
	background: #E73229;
}
.our-trainer-item .trainer-image .social-overly li a .fa {
	color: #ffffff;
}
.our-trainer-item .trainer-image .trainer-overly {
	background: #E73229;
	border-radius: 30px;
	bottom: -20px;
	color: #ffffff;
	display: block;
	left: 0;
	margin: 0 auto;
	padding: 15px 0;
	position: absolute;
	right: 0;
	width: 250px;
}
.our-trainer-item .trainer-image .trainer-overly h3 {
	margin-bottom: 3px;
}
.our-trainer-item .trainer-image .trainer-overly h3 a {
	color: #ffffff;
}
/*===============  End of Our trainer style  ==============*/
/*==========================================================
=                 27. Trainer Details style                =
===========================================================*/
.trainer-detail-image .detail-image {
	background: #f5f5f5;
	text-align: center;
	padding-top: 35px;
}
.trainer-detail-image .trainer-info {
	margin-top: 38px;
}
.trainer-detail-image .trainer-info p {
	margin-bottom: 8px;
}
.trainer-detail-image .trainer-info span {
	color: #111111;
	font-size: 18px;
	padding-right: 8px;
}
.trainer-detail-image .trainer-info ul {
	margin-top: 38px;
}
.trainer-detail-image .trainer-info li {
	display: inline-block;
}
.trainer-detail-image .trainer-info li a {
	border: 2px solid #E73229;
	border-radius: 50%;
	display: block;
	height: 40px;
	line-height: 35px;
	margin-right: 5px;
	text-align: center;
	width: 40px;
	color: #838383;
}
.trainer-detail-image .trainer-info li a:hover {
	background: #E73229;
	color: #ffffff;
}
.trainer-detail-content .detail-heading .title {
	display: block;
	color: #E73229;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.trainer-detail-content .detail-heading h2 {
	text-transform: capitalize;
	margin-bottom: 10px;
}
.skill-content-3{
	overflow:hidden;
}
.skill-content-3 h3 {
	color: #E73229;
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.skill .progress .lead {
	color: #444;
	font-size: 15px;
	font-weight: 400;
	left: 0;
	position: absolute;
	top: -30px;
	z-index: 99;
}
.skill .progress {
	background-color: #f0f0f0;
	border-radius: 0;
	box-shadow: none;
	height: 5px;
	margin: 30px 0 50px 0;
	overflow: visible;
	position: relative;
}
.skill .progress-bar > span {
	background: #333;
	float: right;
	font-size: 11px;
	margin-right: 10px;
	margin-top:-25px;
	position: relative;
	padding: 0 5px;
}
.skill .progress-bar > span:before,
.skill .progress-bar > span:after{
	border: medium solid transparent;
	content: " ";
	height: 0;
	position: absolute;
	top: 100%;
	width: 0;
}
.skill .progress-bar > span:before{
	border-top-color: #333;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}
.holax-shop h3,.we-are-good-at h3{
	font-size: 18px;
	margin-bottom: 25px;
}
.skill .progress:nth-child(1) .progress-bar {
	background: #E73229;
}
.skill .progress:nth-child(2) .progress-bar {
	background: #E73229;
}
.skill .progress:nth-child(3) .progress-bar {
	background: #E73229;
}
/*=============  End of Trainer Details style  ============*/
/*==========================================================
=                  28. Contact form style                  =
===========================================================*/
.contact-form legend {
	color: #111111;
	font-size: 34px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 48px;
	text-transform: uppercase;
}
.contact-form .form-group {
	margin: 0 0 15px 0;
}
.contact-form label.control-label {
	border: 1px solid #e7e7e7;
	border-right: none;
	text-align: center;
	line-height: 44px;
	height: 48px;
	padding-top: 0;
	width: 48px;
}
.contact-form label.arealebel {
	min-height: 71px;
	line-height: 68px;
}
.contact-form label.control-label .fa {
	color: #E73229;
}
.contact-form input.form-control {
	border: 1px solid #e7e7e7;
	border-radius: 0;
	box-shadow: none;
	height: 48px;
}
.contact-form textarea.form-control {
	border: 1px solid #e7e7e7;
	border-radius: 0;
	box-shadow: none;
	min-height: 71px;
}
.contact-form button {
	background: #E73229;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #ffffff;
	font-size: 18px;
	padding: 25px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	transition: all 0.5s ease 0s;
}
.contact-form button:hover,
.contact-form button:focus {
	background: #111111;
	color: #ffffff;
	transition: all 0.5s ease 0s;
}
.contact-form .send-button {
	margin-top: 40px;
	margin-bottom: 0;
}
/*===============  End of Contact form style  =============*/
/*==========================================================
=                    29. Error page style                  =
==========================================================*/
.error-page {
	text-align: center;
}
.error-page .error-content {
	background: url(img/error-bag.jpg) 0 0 no-repeat;
	padding: 60px 0 100px;
}
.error-page .error-content h1 {
	color: #f5f5f5;
	font-size: 300px;
	font-weight: 700;
}
.error-page .error-content p {
	color: #ffffff;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 4px;
	line-height: 38px;
}
.error-page .error-info p {
	color: #7a7a7a;
	font-size: 18px;
	font-weight: 500;
	margin-top: 50px;
}
.error-page .error-info .error-button {
	background: #E73229;
	color: #ffffff;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
	padding: 14px 25px;
	text-transform: uppercase;
}
.error-page .error-info .error-button:hover {
	background: #111111;
	color: #ffffff;
	transition: all 0.5s ease 0s;
}
/*===============  End of Error page style  ===============*/
/*==========================================================
=                30. Store online grid style               =
===========================================================*/
.online-grid-item {
	overflow: hidden;
}
.online-header {
	border: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 20px;
}
.online-header .view-mode {
	margin-right: 5px;
	padding: 5px 0;
}
.online-header .view-mode ul li {
	display: inline-block;
	margin-right: 5px;
}
.online-header .view-mode ul li .fa {
	color: #666666;
}
.online-header .view-mode ul li.active .fa {
	color: #E73229;
}
.online-header .limit-show {
	text-align: right;
}
.online-header .limit-show label {
	padding-right: 8px;
	font-weight: 400;
}
.online-header .limit-show select,
.online-header .shor-list select {
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	margin-right: 8px;
	padding: 6px 18px;
}
.online-header .limit-show select option {
}
.online-header .shor-list {
	text-align: right;
}
.category-product-grid .item {
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 30px;
}
.category-product-grid .online-product {
	background: #f5f5f5;
	border-right: 1px solid #ffffff;
	display: block;
	min-height: 230px;
	overflow: hidden;
	position: relative;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.category-product-grid .online-product img {
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.online-product .overlay {
	background-color: rgba(251, 91, 33, 0.8);
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	transform: scaleY(0);
	width: 100%;
}
.online-product:hover .overlay {
  	opacity: 1;
  	transform: scaleY(1);
}
.online-product .product-info {
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 90px;
	transform-origin: center center 0;
	transition: all 0.5s ease-out 0s;
	z-index: 9;
}
.online-product:hover .product-info {
  	opacity: 1;
}
.online-product .product-info ul li {
  	display: inline-block;
}
.online-product .product-info ul li a {
	background: #ffffff;
	display: block;
	height: 38px;
	padding: 8px;
	width: 38px;
}
.online-product .product-info ul li a .fa {
  	color: #111111;
}
.online-product .product-info ul li a:hover .fa {
  	color: #E73229;
}
.category-product-grid .product-content h3 {
	margin-top: 30px;
	text-transform: capitalize;
}
/*============  End of Store online grid style  ===========*/
/*==========================================================
=               31. Store online list style                =
===========================================================*/
.single-product-list {
	margin-top: 30px;
	overflow: hidden;
}
.single-product-list .product-list-image,
.product-list-content {
	padding: 0;
}
.single-product-list .product-list-image .list-image {
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	min-height: 252px;
	overflow: hidden;
	position: relative;
	padding: 50px;
}
.single-product-list .product-list-image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	transform: scale(1);
    transition: all 0.5s ease 0s;
}
.single-product-list .product-list-image img:hover {
	transform: scale(1.2);
}
.single-product-list .product-list-content .product-content {
	margin-left: 20px;
}
.product-list-content .product-content h3 {
	text-transform: capitalize;
}
.product-list-content .product-content .regular-price {
	margin-top: 10px;
}
.product-short-description {
	margin-top: 20px;
}
.product-list-content .product-list-action ul li {
	display: inline-block;
	background: #E73229;
	padding: 8px 16px;
	transition: all 0.5s ease-out 0s;
}
.product-list-content .product-list-action ul li:hover {
	background: #111111;
	transition: all 0.5s ease-out 0s;
}
.product-list-content .product-list-action ul li a {
	color: #ffffff;
}
.product-pagination {
	margin-top: 50px;
}
/*===========  End of Store online list style  ============*/
/*===========================================================
=                32. Product details style                  =
===========================================================*/
.product-area .product-image,
.product-area .product-content{
	padding: 0;
}
.product-picture {
	background: #f5f5f5;
	padding: 42px 30px;
	overflow: hidden;
}
.product-picture img {
	display: block;
	text-align: center;
	height: 200px;
	max-width: 100%;
	margin: auto;
	width: 200px;
}
.product-picture .zoomImg {
	width: 500px !important;
	height: 500px !important;
}
/*--------- 32.1 Product detail image tab style ------------*/
.single-product-tab {
	border: none;
	box-shadow: none;
	margin-top: 30px;
}
.single-product-tab ul {
	border: none;
}
.single-product-tab ul li {
	position: relative;
	min-height: 105px;
	width: 33.333%;
}
.single-product-tab ul li.active a {
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	border-radius: 0;
	opacity: 0.5;
}
.single-product-tab ul li.active a:hover,
.single-product-tab ul li.active a:focus {
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	border-radius: 0;
	opacity: 0.5;
}
.single-product-tab ul.tab-image li a {
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	border-radius: 0;
	bottom: 0;
	display: block;
	left: 0;
	margin-right: 5px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.single-product-tab ul.tab-image li a img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	width: 100%;
}
.single-product-tab ul.tab-image li a:hover {
	opacity: 0.5;
}
/*--------- 32.2 Product detail information style ----------*/
.product-detail-area {
	margin-left: 20px;
}
.product-detail-area h2 {
	color: #222222;
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.product-detail-area .review ul {
	display: inline-block;
	margin-right: 15px;
}
.product-detail-area .review ul li .fa {
	font-size: 14px;
}
.product-detail-area .review ul li.inactive a {
	color: #666666;
}
.product-detail-area .review p {
	display: inline-block;
	margin-bottom: 0;
}
.product-detail-area .regular-price {
	margin-top: 15px;
}
.product-detail-area .regular-price .product-price {
	color: #E73229;
	font-size: 24px;
	font-weight: 600;
}
.product-detail-area .sku {
	color: #222222;
	font-weight: 600;
	margin-top: 20px;
	text-transform: uppercase;
}
.detail-short-des {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	margin-top: 15px;
	padding: 15px 0;
}
.product-detail-area .product-cart-counter {
	margin-top: 20px;
	margin-bottom: 15px;
}
.product-detail-area .product-cart-counter ul li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.product-detail-area .product-cart-counter .detail-cart a {
	background: #E73229;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 25px;
}
.product-detail-area .product-cart-counter .detail-cart a:hover {
	background: #111111;
}
.product-detail-area .product-category p,
.product-detail-area .product-tag p{
	margin-bottom: 0;
}
.product-detail-area .product-category p span,
.product-detail-area .product-tag p span{
	font-weight: 600;
	color: #222222;
}
/*--------- 32.3 Product detail overview tab style ---------*/
.product-cart-counter .input-group input {
	border: 1px solid #e7e7e7;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	height: 46px;
	width: 50px;
}
.product-cart-counter .input-group-btn-vertical {
	float: left;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}
.product-cart-counter .input-group-btn-vertical > .btn {
	border-radius: 0;
	display: block;
	float: none;
	height: 23px;
	margin-left: -1px;
	max-width: 100%;
	padding: 0px 7px;
	position: relative;
	width: 100%;
	line-height: 14px;
	outline: none;
}
.product-cart-counter .input-group-btn-vertical > .btn:hover {
	background: transparent;
	border: 1px solid #e7e7e7;
}
.product-overview-area {
	margin-top: 80px;
	padding: 0;
}
.overview-content {
	border: 1px solid #e7e7e7;
}
.overview-content .tab-content {
	padding: 30px;
}
.overview-content ul.product-view-tab li {
	display: inline-block;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	border-top: none;
	padding: 12px 30px;
}
.overview-content ul.product-view-tab li.active {
	background: #ffffff;
	border: 1px solid #ffffff;
	border-top: none;
}
.overview-content ul.product-view-tab li.active a {
	color: #E73229;
}
.overview-content ul.product-view-tab li a {
	color: #222222;
	font-size: 14px;
	text-transform: uppercase;
}
.overview-content .review ul li {
	display: inline-block;
}
.overview-content .review ul li .fa {
	color: #f7c51d;
}
.overview-content .review ul li .fa:hover {
	color: #E73229;
}
.overview-content .tab-content h3 {
	text-transform: capitalize;
}
/*=============  End of Product details style  ===-========*/
/*==========================================================
=                  33. Related product style               =
===========================================================*/
.related-product-area .section-title h2::after {
	right: 12%;
	width: 49%;
}
/*===============  End of Related product style  ==========*/

/*===========================================================
=                       34. Single page style              =
============================================================*/

.page-content .page-header {
	margin-top: 0;
	border: none;
}
.page-content .page-header ul li {
	display: inline-block;
	font-size: 14px;
	padding-right: 12px;
}
.page-content .page-header ul li a {
	color: #666666;
}
.page-content .page-header ul li a:hover {
	color: #E73229;
}
.page-content .page-header ul li .fa {
	padding-right: 6px;
	color: #E73229;
}
/*==============  End of Single page style  ================*/

.kurse .kurs-head {
	text-align: center;
}

.kurse .kurs-head h3 {
	text-transform: capitalize;
}

.kurse ul li {
	background-color: white;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	word-break: break-word;
}

.kurse ul li .uhrzeit {
	font-weight: normal;
}

.single-news .single-image {
	height: 240px;
	background-size: cover;
}

.feature-classes .single-product-classes .single-product {
	height: 240px;
	background-size: cover;
}

header .container {
	position: relative;
}

#tel {
	position: absolute;
	z-index: 999;
	width: 100%;
	bottom: 0px;
	margin-bottom: -38px;
	height: 38px;
}
#tel .inner {
	background-color: #E73229;
	padding: 7px 20px;
	text-align: center;
	color: white;
	font-weight: 400;
	width: 230px;
	float: right;
	font-size: 18px;
	margin-right: 40px
}

ul.points {
	list-style-type: disc;
	padding-left: 20px;
	margin-bottom: 15px;
}

.oeffnungszeiten span {
	display: inline-block;
	width: 100px;
}

.inner-banner-area .container {
	position: relative;
}

.inner-banner-area .hinweis, .slider-content .hinweis {
	position: absolute;
	top: 130px;
	left: 0px;
	background-image: -webkit-linear-gradient(#E73229 0%, #b60e05 100%);
	color: white;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	z-index: 999;
}

.slider-content .hinweis {
	position: relative;
	left: auto;
	top: auto;
	display: inline-block;
}

.inner-banner-area .hinweis a, .slider-content .hinweis a {
	color: white;
}

@media (max-width: 767px) {
	.inner-banner-area {
		background-attachment: scroll;
	}
	
	.inner-banner-area .hinweis {
		display: none;
	}
}


.error {
	border-color: red !important;
}

.mail-button {
	background-image: -webkit-linear-gradient(#E73229 0%, #b60e05 100%);
	color: white;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0;
	display: inline-block;
}

.mail-button:hover {
	color: white;
}

.job {
	margin: 60px 0px;
}

.job h2 {
	font-size: 22px;
}

.preise {
	background-image: url(../pics/preise.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	padding-bottom: 400px !important
}

.preise h2 {
	color: white
}

.preise p {
	color: white
}

.preise .overlay {
	opacity: 0.8
}

.preise-pakete {
	margin-top: 100px;
}

.preise-pakete h2 {
	text-align: center;
	margin-bottom: 60px;
}

.preise-pakete .hinweis {
	text-align: center;
	font-size: 20px;
	margin-bottom: 60px;
	font-weight: 700;
}

.preis-paket {
	background-color: white;
	padding: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	margin: 20px 0 100px 0;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	position: relative;
	z-index: 1;
	text-align: center
}

.preis-paket.mitte {
	z-index: 2;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	margin-top: 10px
}

@media (max-width: 767px) {
	.preis-paket.mitte {
		margin-top: 0px;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.preis-paket:hover {
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2)
}

.preis-paket .name {
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	vertical-align: top;
	color: #E73229;
	margin-bottom: 10px;
}

.preis-paket .preis {
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
	vertical-align: top;
	margin-bottom: 10px;
}

.preis-paket .preis span, .preis-paket .preis-zusatz {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}

.preis-paket .inklusive {
	font-size: 16px;
	line-height: 20px;
	margin: 40px 0 10px 0;
	color: #E73229;
}

.preis-paket ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	text-align: center;
	color: #8d97ad
}

.preis-paket ul li {
	border-bottom: 1px solid #F6F6F6;
	padding: 4px 0
}

.no-gutters > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}



