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

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. Contact form 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: #fb5b21;
	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 #fb5b21;
	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: #fb5b21;
	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: #fb5b21;
	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  ==============*/


/*===============  START JAKOB CSS  ==============*/
.copy-right-area p {
    margin: 0 0 0px;
}

.service-image img {
    height: auto;
    margin-top: -2px;
    max-width: 70%;
}

.aboutjkb .about-fitness-left {
    float: right;
    text-align: left;
    width: 50%;
}
.aboutjkb .about-fitness-left .about-left-img::after {
    background: #fb5b21 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    left: -16px;
    top: 47%;
    transform: rotate(220deg);
    width: 40px;
}
.aboutjkb .form-group {
    margin-bottom: 0;
}
.aboutjkb .padding-space {
    padding-bottom: 0;
    padding-top: 100px;
}
.about2jkb .padding-space {
    padding-bottom: 0;
    padding-top: 100px;
}
.about0jkb .container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}
.aboutjkb .container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    
}
.about2jkb .container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}
.about2jkb { border-bottom: 1px solid #FB5B21;}
.latest-news-area {padding-bottom: 0;padding-top: 0px;border-bottom: 1px solid red;}

.about0jkb .about-fitness-left .about-left-img img {
    left: 24% !important;
    position: inherit !important;
    top: 19%;
    z-index: 1 !important;
}
.aboutjkb .about-fitness-left .about-left-img img {
    left: 0%;
    margin-bottom: -81px;
    padding-top: 11%;
    position: sticky;
    z-index: 99;
}
.about2jkb .about-fitness-left .about-left-img img {
    left: 19%;
    margin-bottom: 0;
    padding-top: 23%;
    position: sticky;
    transform: rotate(-9deg);
    width: 54%;
    z-index: 99;
}

/*===============  ENDJAKOB CSS  ==============*/




/*==========================================================
=                     02. Header top area                  =
===========================================================*/
.mobile-menu-area {
	display: none;
}
.main-header .logo-area {
    padding-top: 6%;
}
/*-------------- 02.1 Header Menu style -------------------*/
.main-menu ul {
	text-align: center;
}
.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.current a,
.main-menu ul li a:hover {
	color: #fb5b21;
}
.main-menu ul ul {
	background: #fb5b21;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 99999;
}
.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 ul li a:hover {
	color:#071041;
}
#sticker {
  	width: 100%;
}
.stick {
  	background: #ffffff;
  	border-bottom: 2px solid #fb5b21;
  	position: fixed;
  	top: 0;
  	z-index: 999999;
}
.stick .main-menu ul li a {
	
	
}
.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-top: 6%;

}
.stick .header-top-area .logo-area img {
	
}
.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;
}
.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: #fb5b21;
	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 #fb5b21;
}
/*-------------- 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: 6px;
}
.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: #fb5b21;
}
.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 #fb5b21;
	color: #646464;
	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: #646464;
	float: inherit;
	padding-left: 5px;
}
.header-top-area .cart-area span {
	background: #FB5B21;
	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: #646464;
}
.cart-single-product .media .cart-content h4> a:hover {
  	color: #fb5b21;
}
.cart-single-product .media .cart-content a.trash {
  	position: absolute;
  	right: 0;
  	top: 10px;
  	color: #646464;
  	padding-right: 10px;
}
.cart-single-product .media .cart-content a.trash:hover {
  	color: #ff0000;
}
.cart-single-product .media .cart-content p {
  	color: #646464;
  	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: #fb5b21;
  	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: #fb5b21;
  	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 {
    color: #ffffff;
    display: block;
    font-family: roboto slab;
    font-size: 375%;
    font-weight: bold;
    line-height: 105%;
    margin-top: -12%;
    text-align: right;
    text-transform: uppercase;
    float: right;
    background: #E12628;
    padding: 2%;
    width: 49%;
}
.slider-content .big-title span {
	color: #fb5b21;
}
.slider-content .small-content {
    background: #000 none repeat scroll 0 0;
    color: #e9e9e9;
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    line-height: 37px;
    margin: 1%;
    padding: 2%;
    position: absolute;
    right: 0;
    width: 48%;
    top: 57%;
    text-align: right;
    text-transform: uppercase;
}
.slider-content .button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25%;
}
.slider-content .button .custom-button {
	border: 2px solid #fb5b21;
	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: #fb5b21;
	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: #fb5b21;
}
.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;
}
.about-fitness-left {
	float: left;
	width: 50%;
	text-align: left;
}
.about-fitness-left .padding-space {
	padding-bottom: 80px;
	padding-top: 80px;
}
.about-fitness-left .about-left-img {
	background: #fb5b21;
	position: relative;
	transition: all 0.3s ease 0s;
}
.about-fitness-left .about-left-img .overly {
	position: absolute;
	top: 5%;
	right: 25%;
}
.about-fitness-left .about-left-img .overly h3 {
	color: #ffffff;
	font-size: 68px;
	font-weight: 300;
	line-height: 70px;
	text-transform: capitalize;
}
.about-fitness-left .about-left-img .overly h3 span {
	font-weight: 600;
	font-family: roboto slab;
}
.about-fitness-left .about-left-img img {
	position: relative;
	z-index: 99;
}
.about-fitness-left .about-left-img:after {
	display: block;
	background: #fb5b21;
	position: absolute;
	content: "";
	right: -16px;
	top: 47%;
	width: 40px;
	height: 40px;
	-webkit-transform:rotate(220deg);
	-moz-transform:rotate(220deg);
	-o-transform:rotate(220deg);
	transform: rotate(220deg);
}
.about-fitness-right {
	background: #F5F5F5;
	float: left;
	padding-left: 50px;
	padding-right: 100px;
	width: 50%;
}
.about-single-service .service-item {
	padding-bottom: 0px;
}
.about-single-service .service-item.last-item {
	padding-bottom: 0;
}
.about-single-service .service-item.last-item .service-content p {
	margin-bottom: 0;
}
.about-single-service .service-item .service-image span {
	color: #fb5b21;
	font-size: 30px;
}
.about-fitness-right .media-heading {
	margin-bottom: 0px;
}
.about-fitness-right .media-heading a{
	color: #111111;
}
.about-fitness-right .media-heading a:hover{
	color: #fb5b21;
}
/*==============  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 img {
	width: 100%;
}
.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: #fb5b21;
}
.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: #fb5b21;
}
.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: #646464;
}
.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: #fb5b21;
}
.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(img/class-schedule.png) 0 0 no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.class-schedule .section-title h2{
	color: #ffffff;
	margin-bottom: 60px;
}
.class-schedule-wrap {
	background: #fb5b21;
	padding: 65px 50px;
}
.class-schedule-wrap ul.nav-tabs {
	border: none;
	margin-bottom: 65px;
}
.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: #fb5b21;
}
.single-client-say .client-content h3:after {
	background: #fb5b21;
	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;
	right: 0;
	left: 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 {
	position: relative;
	background: #ffffff;
	border-radius: 10px;
	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 #fb5b21;
	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: #fb5b21;
}
.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: 50%;
	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 {
	padding-top: 35px;
}
.single-trainer-item .trainer-overly {
	background: #fb5b21;
	border-radius: 30px;
	color: #ffffff;
	display: block;
	left: 0;
	bottom: -40px;
	margin: 0 auto;
	padding: 15px 0;
	position: absolute;
	right: 0;
	width: 290px;
}
.single-trainer-item .trainer-overly h3 {
	margin-bottom: 5px;
}
.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: #fb5b21;
}
.single-product-store .product-content h3.name {
	margin-top: 30px;
	text-transform: capitalize;
}
.product-content h3.name a {
	color: #111111;
}
.product-content h3.name a:hover {
	color: #fb5b21;
}
.product-content .review ul li {
	display: inline-block;
}
.product-content .review ul li a {
	color: #f7c51d;
}
.product-content .review ul li a:hover {
	color: #fb5b21;
}
.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: #fb5b21;
	font-weight: 600;
}
/*==============  End of Online store style  ==============*/
/*==========================================================
=              11. Fitness classes summer style            =
===========================================================*/
.fitness-summer-area {
	background: url(img/fitness-summer-bag.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: #fb5b21;
}
.fitness-summer .fitness-content .custom-button {
	border: 2px solid #fb5b21;
	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 {
    background: #fb5b21;
	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;
}
.fitness-summer-area:hover .custom-button::after{
	left:0;
}
/*=========  End of Fitness classes summer style  =========*/
/*===========================================================
=                     12. Latest news style                 =
============================================================*/
.latest-news-area {
	background: #fff;
}
.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: 0px;
	width: 70%;
}
.single-latest-news {
    margin: 0px 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 {
    font-family: roboto slab;
    font-weight: bold;
    margin-bottom: 0;
     margin-top: 20px;
    padding-bottom: 18%;
    text-align: center;
    text-transform: capitalize;
    font-size: 24px;
    padding-left: 3%;
    padding-right: 2%;
}
.single-latest-news .news-content h3 a {
	color: #111111;
}
.single-latest-news .news-content h3 a:hover {
	color: #fb5b21;
	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%;
	padding-top: 10%;
}
.single-news .single-image:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.about0jkb .about-fitness-left .about-left-img .overly {
    position: absolute;
    left: 25%;
    top: 25%;
}

.about2jkb .about-fitness-left .about-left-img .overly {
    position: absolute;
    left: 25%;
    top: 22%;
}
.aboutjkb .about-fitness-left .about-left-img .overly {
    position: absolute;
    left: 9%;
    top: 26%;
}
.about-fitness-left .about-left-img .overly h3 span {
    font-family: roboto slab;
    font-weight: 600;
}

.about2jkb .about-fitness-left .about-left-img .overly h3 {
    color: #ffffff;
    font-size: 68px;
    font-weight: 300;
    text-transform: capitalize;
}



/*===============  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 none repeat scroll 0 0;
    color: #b3b3b3;
    font-size: 14px;
    margin-top: 4%;
    padding: 4%;
}
.footer-area h3 {
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-family: roboto slab;
}
/*--------------- 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: #fb5b21;
	border-radius: 50%;
	color: #ffffff;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 32px;
}
.social-icons ul li a:hover {
	background: #ffffff;
	color: #fb5b21;
}
/*----------------- 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 0px -19px;
}
.flickr-photos .flickr-list ul li img {
	width: 147px;
}
/*--------------- 14.4 Corporate Office ----------------------*/
.corporate-address ul li {
	padding-bottom: 12px;
}
.corporate-address ul li .fa {
	color: #fb5b21;
	padding-right: 8px;
}
/*=================  End of Footer style  =================*/
/*==========================================================
=                    15. Copy right style                  =
===========================================================*/
.copy-right-area {
	background: #ececec;
	padding: 15px 0;
	border-bottom: 20px solid #000;
	font-family: roboto slab;
}
.copy-right-area .copy-right {
	color: #000;
	font-size: 14px;
	width: 30%;
	float: left;
}
.copy-right-area .copy-left {
	color: #000;
	font-size: 14px;
	width: 70%;
	float: left;
}
.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 #fb5b21;
	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: #fb5b21;
	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. Contact form style                  =
===========================================================*/
.contact-form legend {
	color: #111111;
	font-size: 30px;
	font-weight: 600;
	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: #fb5b21;
}
.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: #fb5b21;
	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  =============*/
/*Manu Edit*/
.about-company b,strong {
	color: #fff;
	font-weight: bold;
	
}
.media-body strong {
    color: #000;
    font-weight: bold;
}

.pprv strong {
    color: #000;
    font-weight: bold;
}

.pprv h3 {
    color: #111111;
    font-size: 32px;
}

/*COOKIES*/
#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 5%;
    width: 100%;
    text-align:center;
    background-color: #E11323;
    padding: 24px 10%;
}
#infobox3 p {
    font-size:1.1em;
    text-align:center;
    color: white;
    margin:0;
}
#infobox3 p a {
	color: white;
    margin-right:5px;
    font-weight: bold;
    text-decoration: none;
}

a.boton-cookies{   
	background: white;
    color: red !important;
    padding: 5px;
    line-height: 42px;
    margin-left: 10px;}

/*POLITICA DE PRIVACIDAD*/
.politica ul{
	list-style: circle;
    margin-left: 2%;
}