/*
Theme Name: Gymzone Fitness Pro
Theme URI: https://themestulip.com/themes/gymzone-fitness-wordpress-theme/
Author: ThemesTulip
Author URI: https://themestulip.com
Description: GymZone is a flexible and elegant Fitness and Gym WordPress Theme, which is best suits for fitness institutes, gym club, personal trainers and a yoga center. GymZone is one of the most user-friendly free WordPress themes which can easily handle by any type of users with no coding skills to advanced web developers. This Theme is not only SEO friendly but also packed with Social Media Integration. GymZone has a responsive theme layout, which means it can easily fit in smartphones, tablets, and any screen sizes devices. GymZone loads on each and every web browsers and can be translated into numerous local and international languages.
Demo: https://themestulip.com/demo/gymzone-fitness-pro/

Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gymzone-fitness-pro
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,e-commerce,photography,portfolio

Gymzone Fitness Pro WordPress Theme has been created by tulip Themes(themestulip.com), 2018.
Gymzone Fitness Pro WordPress Theme is licensed under the GPL.
*/
/* main tags */

/*extra Classes */

*{ margin:0; padding:0; outline:none;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:20px; color:#484F5E;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.space5{ height:5px; clear:both;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: #ffffff;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;opacity:0.5;
}

section{ padding:50px 0;}
h2.section_title {
    font-weight: 900;
    font-size: 40px;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 25px;
    position: relative;
}
#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1100px; margin:0 auto; position:relative;}
#ourgallery .container, #ourclients .container{ width: 100% }
.header.fixed {
	position: fixed;
	top: 0;
	z-index: 999999;
	padding: 14px 25px;
}

.header-top {
    background-color: #595959;
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding: 5px 0;
}
.left {
	float: left;
}
.header-top .right {
	text-align: right;
}
.right {
	float: right;
}
.header-top .fa {
	margin-right: 5px;
}
.logo h1, .logo a { text-transform: capitalize; }
.right span.phno {
	padding-right: 10px;
	margin-right: 5px;
}

.fourbox h3::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.BlogPost h5::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* = header css
-------------------------------------------------------------- */
.hederleft{ width:32%; float:left; padding:13px 0 0;}
.headermiddle{ width:40%; float:left; text-align:center;}
.headerright{ width:20%; float:right; padding:16px 0 0;}

.hederleft li{float:left; width:43%; margin-right:0px;}
.hederleft li.travelphone{width:43%;}
.hederleft li.travelemail{width:53%;}
.hederleft li .fa{font-size:20px;}

.logo{float:none; padding:0; text-align:right;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1100px;}
.logo h1{font-weight:400; margin:0px; line-height:28px;}
.header span.tagline{ font-size:13px; display:block; margin-top: 4px;}
.logo a{ color:#000;}
.logo img{ height:55px; }
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding:0; z-index:999; position:relative; top:0;  -webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out; }
.logo.logo-left.header-box{ text-align: center; }
.header-middle.header-box{padding: 16px 0 0; text-align: center; color:#fff;}
.header-middle.header-box a{ color: #fff; }
.header-middle.header-box ul{ text-align: center; display: inline-block; }
.header-middle.header-box ul li{ text-align: left; }
.header-middle.header-box .fa{ margin: 0 10px 0 0; }			
.header-box{ display: inline-block; width:auto; }
.header-box.header-right {  text-align: right;float: right;padding: 28px 0 0 0;width: 70%;}
/*fixed header css*/
/*body.home .fixed, body.blog .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}*/
/*fixed header home and inner page*/
body .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}
.fixed .header-inner .header-nav ul li a{ padding:20px 20px !important;}
.fixed .header-inner .header-nav ul li ul li a{padding-top:10px !important; padding-bottom:10px !important; }
.header_right {	float: right;
	text-align: right;
}

/* = Header menu css
-------------------------------------------------------------- */
.header-navigation{ margin:0 auto; padding:0; position:relative; width:auto;}
.toggleMenu{display:none;}
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.header-nav{ padding:0; text-align:left; float:none;}
.header-nav ul { float:none; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400;}
.header-nav ul li{display:inline-block; margin:0; position:relative; text-align:center;}
.header-nav ul li a{padding:20px 20px; display:block; color:#000; font-weight:600; border-bottom:none; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#000; border-bottom:none; }
.header-nav ul li li a:hover, .header-nav ul li ul li.current_page_item a{border-bottom: 1px solid;}

.header-nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header-nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #1a1a1a;}


.header-nav ul li ul{display:none; z-index:9999999; position:relative;}
.header-nav ul li:hover > ul{ display:block; width:200px; position:absolute; left:0; text-align:left; background-color:rgba(0,0,0,0.9);}
.header-nav ul li:hover ul li ul{display:none; position:relative;}
.header-nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px;}

/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:269px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

.UnderLine{ width:10%; position:relative; display:block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#4C4C4C; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

/* = section first css
-------------------------------------------------------------- */

/*services section css*/
.services-wrap .one_third { margin-bottom:0;}
.services-wrap .one_third .fa{ color:#333; font-size:24px; float:left; margin:0 20px 0 0;}
.services-wrap .one_third h4{ margin:0 0 15px;}
.services-wrap .one_third a.rdmore, #aboutsection .one_half a.rdmore, a.rdmore{background:#595959; color:#ffffff; margin-top:25px; display:inline-block; padding:5px 15px; border:1px solid #A8B1B8; }
.services-wrap .one_third:hover .fa{ color:#595959;}
.services-wrap .one_third:hover h4{ color:#595959;}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{ border-color:#595959; color:#595959;}

#ThemeFeaturd{ padding-bottom:5px;}
#welcomearea, #wrapsecond, #ThemeFeaturd, #ourclients, #creativeteam, #testimonialsarea, #aboutsection, #commonsection{background: #F7F6F6; border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#commonsection .commonsection-wrap{ text-align: center; }
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#aboutsection .one_half { margin-bottom:0; text-align:right;}
#aboutsection .one_half.last_column {text-align:left;padding:0 0 0;}

#aboutsection .one_half p{ margin-bottom:25px;}
#aboutsection .one_half .hr-style{ left:auto; right:0;}
#aboutsection .one_half .UnderLine{ display:inline-block;}
.page-template .tm_description{ color:#595959;}
#testimonialsarea{ background-attachment:fixed;}
#testimonialsarea .last_column img{ background-size: cover;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:100%; margin:0 auto;}

.tmlisting{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.tmlisting img{ float:left; margin:0 25px 0 0;}
.tmlisting h5{ margin:0 0 5px;}
.tmlisting span{ margin-bottom:15px; display:block;}

/* = latest news section css
-------------------------------------------------------------- */

.view-all-btn{ text-align:center;}
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:#454545; border:1px solid #454545; padding:12px 25px; display:inline-block; border-left:5px solid #454545; }
.view-all-btn a:hover{ border-color: #34c6f6; }

.BlogPost{ width:24%; margin:0 1.0% 3% 0; float:left;}
.newsdetails{ padding: 10px; text-align: center; }
.BlogPost .recentthumb{ height:170px; overflow:hidden; margin-bottom:0}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ color:#595959; margin:0 0 25px;  position: relative; padding-bottom: 30px;}
.BlogPost h5:hover{color:#595959;}
.BlogPost span{ margin-bottom:10px; display:block; color:#595959;}

/* = counter section css
-------------------------------------------------------------- */
.skillwrap{text-align: center;}
.counterlist { vertical-align: top;
	width: 20%;
	padding: 30px 0;
	color: #fff;
	float: none;
	margin: 00 20px;
	text-align: center;
	display: inline-block;
}
.counterlist .fa{ font-size:40px;}
.counterlist .counter {
    color: #ffffff;
    border-radius: 50%;
    border: 4px solid #F02D73;
    height: auto;
    width: 100%;
    height: auto;
    padding: 60px 0;}
.counterlist .counter{ display:block; font-size:50px; color:#ffffff; line-height:70px; margin-bottom: 40px;}
.counterlist h6{ font-size:18px; color:#fff; margin-bottom:0; text-transform:uppercase; margin-top: 20px;}

.featureslists{ margin-bottom:15px; min-height:70px;}
.featureslists .fa{ font-size:30px; color:#888; float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:50%; border:1px solid #e1e1e1; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}

.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
.teammember-list{ float:left; width:29%; margin:0 6% 6% 0; }
.teammember-list img{}
.teammember-list h5{ font-size:17px; color:#fff; margin:7px 0; text-transform:none; font-weight:400;}
.teammember-list p{ color:#fff;}
.member-desination{ color:#fff; font-size:12px; border-bottom:2px solid #34c6f6; padding-bottom:5px; display:inline-block; margin-bottom:10px;}
.member-social-icon{  margin-top:20px;}
.member-social-icon a{ margin:0 10px; color:#555;}
.member-social-icon a:hover{ color:#34c6f6;}

.content-area .teammember-list p{ color:#454545;}
.content-area .teammember-list h5, .content-area .member-desination{color:#454545;}


/* = Team Member Flipbox css
-------------------------------------------------------------- */
.team_column{ width:23%; float:left; margin:0 2.60% 2% 0; position: relative;	display:inline;	display: inline-block;}
.team_column h5{ margin-bottom:5px;}
.team_column h5 a{ color:#333;}
.member-designation{ color:#595959; text-transform:uppercase; display:block; margin-bottom:15px;}

.og-grid li:hover .memmberdetails{ background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}
.test{ position:relative;}
.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}

.member-designation{ color:#595959; font-size:12px;  display:inline-block; text-transform:uppercase; font-style: italic; }
.member-social-icon{ margin-bottom:20px;}
.member-social-icon a{ margin:0 2px 2px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#fff;}
.quovolve-nav.quovolve-nav-below{ clear: both; }

.end { margin-right: 0 !important; }

.buttonstyle2{border:1px solid; background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:0 !important;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
/* featured section */
.features_left{ position:relative; text-align:right;}
.features_right{ position:relative; text-align:left;}
.features_left .featuresdbox .fa{ float:right; margin:0 0 0 30px;}
.featuresdbox{ width:100%; padding:30px; margin:0 0 4% 0; min-height:110px; box-sizing:border-box; background:#ff0000;}
.featuresdbox .fa{ float:left; color:#222; text-align:center; font-size:36px; width:32px; height:32px; line-height:32px; margin-right:30px; }
.featuresdbox h5{ margin:0 0 15px; position:relative;}
.featuresdboxboxcon{ display:table;}
.phno {    margin-right: 5px;}


/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
	margin: 0 auto;
	height: auto;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front,
.panel .back {	text-align: center;}
.panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	}
.panel .front {
	height: inherit;
	position: relative;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{width: 270px;	height:270px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #595959;color:#fff;	width: 270px;height:270px;	margin: 0 auto;	padding:20px; text-align: left;}
.box2 p{ margin-bottom:20px;}



h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
#sidebar #testimonials .tm_thumb{ float:none; width:auto; text-align:center;}
#sidebar #testimonials ul li img{ margin-top:0; float:none;}
#sidebar #testimonials .quovolve-nav{ display:none;}
#sidebar #testimonials ul li .tm_description{ float:none; padding:0; width:auto;}
#sidebar #testimonials .clientdetails span{ color: #555; }

/* welcome clickpic */
.custombtn {
    margin-top: 30px;
}
a.morebutton {
	background-color: #dd3333;
	color: #fff;
	padding: 10px 20px;
	font: normal 16px/20px 'Roboto Condensed';
	text-transform: uppercase;
	display: inline-block;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}


/* = section first css
-------------------------------------------------------------- */
.fourbox{ color:#595959; width:23%; float:left; margin:4px 2% 1% 4px; text-align:center; position:relative; min-height:280px;padding:0;}
.fourbox p{line-height:20px; text-align: center; }
.fourbox h3{ font-size:18px; font-weight:400; color:#595959; margin:0 0 25px; font-size: 18px; position: relative; padding-bottom: 30px;}
.fourbox:hover h3{ color:#595959;}
.fourbox .thumbbx {
	border: 0;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0 auto 20px;
	border-radius: 0;	
}
.fourbox .thumbbx img {
	width: auto;
	height: auto;
	min-height: auto;
	margin: 0 0 0 0;
	border-radius: 0%;
}
	
.threebox{ color:#595959; width:31.8%; float:left; margin:0 4% 0 0; text-align:center; position:relative; min-height:280px;padding:5px;}
.threebox p{line-height:20px; }
.threebox h3{ font-size:18px; font-weight:400; color:#595959; margin:0 0 15px;}
.threebox:hover h3{ color:#595959;}
.threebox .thumbbx {border:1px solid #595959; width: 80px; height:80px; overflow:hidden; margin:0 auto 20px;border-radius:50%; -moz-border-radius:50%;-wbkit-border-radius:50%;}
.threebox .thumbbx img {	width: 48px;	height: 48px;	min-height: 48px;	margin: 14px 0 0 0;}


.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:30%;}
.five_column{ width:18.3%; margin-right:2%;}


/* = social icons css
-------------------------------------------------------------- */
.social-icons a{  width:35px; height:35px; border-radius:50%; line-height:33px; text-align:center; border:1px solid #fff;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:14px; color:#c9c8c8; margin:0 4px 0 0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:#595959;}

/* --------- Pages ------- */
.content-area{ width:1100px; margin:0 auto; padding:50px 0;}
.site-main{ width:710px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:360px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#34c6f6; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style:none;}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font:16px 'Roboto',san-serif;color:#6e6d6d;}
.skillbar-title span { display:block; color:#6e6d6d; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#65676a;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#e0dfdf;}


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#4C4C4C; position:relative; color:#ffffff;}
.footer ul li a{ color: #fff; }
.footer{ padding:45px 0;}
.footer h5{ font-weight:400; font-size:20px; margin-bottom:30px; border-bottom:1px solid #ffffff; padding-bottom:15px; color:#ffffff; }
.footer p{ margin-bottom:15px;}
.footer ul{ margin:0; padding:0; list-style:inside disc;}
.footer ul li { padding:0;  color:#ffffff; }
.footer ul li a { color:#ffffff; font:normal 12px/24px 'PT Sans', sans-serif; padding:0;}
.footer ul li a:hover, .footer ul li.current_page_item a { color:#fff; transition: all 0.5s ease 0s; }
.footer ul li ul { display:none;}

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; border-right:1px solid}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-4{ width:24%;  float:left; margin-right:0;}

.contactdetail{ line-height:22px; margin-bottom:20px; } 
.contactdetail .fa{ margin-right:15px; font-size:16px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper { background-color:#595959; position:relative; padding:15px 0;}
.copyright-txt {	float: left;	width: 50%;	text-align: left;}
.design-by { float:right; width:48%; text-align: right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:55px; margin:3px 10px 5px 0; border:2px solid}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}


#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:40%; border:1px solid #eee; padding:15px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
   -webkit-box-shadow: inset 0 0 5px #f1f1f1;
   box-shadow:         inset 0 0 5px #f1f1f1;}
#contactform_main textarea, .wpcf7 form textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; margin:0 5px 0 0;  border:1px solid #eee; padding:13px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
   -webkit-box-shadow: inset 0 0 5px #f1f1f1;
   box-shadow:         inset 0 0 5px #f1f1f1; }
   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; }


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'Open Sans', sans-serif;background-color:#595959; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px;}
.blog-post-repeat .post-thumb.blogsingle{ width:300px; height:auto;}
.blog-post-repeat .post-thumb.blogsingle img{ width:100%; margin-top:7px; }

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
h1.entry-title, h1.page-title{ line-height:20px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto; margin-bottom:15px;}
article p{margin:5px 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#34c6f6; border-bottom:1px solid #ccc;}


.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}


/* Buttons */
.button{  background-color:rgba(0, 0, 0, 0.6); color:#fff; font:400 14px/22px 'PT Sans', sans-serif; padding:8px 20px; display:inline-block; }

.frdbox{ width:50%; float:left; margin:0 ; min-height:95px; padding: 45px; border:1px solid #e4e4e4;}
.frdbox .fa{ border:1px solid #F02D73; color:#F02D73; float:left; width:40px; height:40px; line-height:40px; margin:0 15px 0 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:16px; }
.frdbox h4{ margin:0 0 10px; color:#595959;}
.frdbox p{ margin-left:55px;}

#sidebar #testimonials ul li{ color:#555;}
/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerce .quantity .qty{ height:30px !important; border:1px solid #ccc;}
.product .summary p{ margin-bottom:10px;}

/* Photogallery CSS
================================================*/
.controls {display: inline-block;width:100%;margin: 0 0 30px;vertical-align: top;text-align:center;}
.controls li {
	margin-left: 20px;
	cursor: pointer;
	list-style-type: square;
	display: inline-block;
	text-transform: uppercase;
	padding: 7px;
	border-radius: 0;
	border: 1px solid;
}
hr { margin: 0 0 30px;height: 0;border: 0 none;border-top: 1px solid #eee;}
#Grid { margin:0;}
#Grid:after {content: '';display: inline-block;width: 100%;}
#Grid .mix {
    background-color: #fff;
    width: 25%;
    float: left;
    margin: 0;
    height: auto;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
    list-style: none;}
#Grid .mix img { width:100%; height:auto; min-height:auto; outline:1px solid #fff; outline:none; outline-offset:-5px; border-radius: 0px;}
#Grid .mix:hover img{ opacity:0.2;}
#Grid .mix a{ display:block; background: #F02D73; color: #fff; margin-bottom: -5px;}
#Grid .mix a:hover{ color: transparent; }
#Grid .mix {display: none;}
#Grid .mix strong{ position:absolute; width:100%; text-align:center; top:40%; color:#fff; opacity:1; display:none; font-size:18px;}
#Grid .mix:hover strong{ display:block; z-index:9999;}
.controls li.active, .controls li:hover{ color:#595959; font-weight:bold;}


/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#595959; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.slider-main{ min-height:auto; background:url(images/loading.gif) no-repeat center center #ffffff; }
.slide_info{ opacity: 0.8;  padding: 9px;  text-align: left;}
.slide_info a.button{background: none;color: #ffffff;border: 1px solid #ffffff;font-weight: bold;}
.slide_info a.button:hover{background: #dc1d24;color: #ffffff; border-color:#dc1d24}

.header span.tagline{text-align:center;}

/* pageboxes */
section#pageboxes {    margin-top: 0;    padding-top: 0;}
section#pageboxes .pageclmn { margin-top: -42px; background:  #fff; padding: 19px;}
.shadowleft {
    background: url(images/shadowleft.png) no-repeat left top;
    width: 12px;
    height: 248px;
    position: absolute;
    left: -12px;
    top: 44px;
}
.shadowright {
    background: url(images/shadowright.png) no-repeat left top;
    width: 12px;
    height: 248px;
    position: absolute;
    right: -12px;
    top: 44px;
}


/* = Section7 Mobile Responsive  CSS
-------------------------------------------------------------- */
#section7 h4{ font-size:28px; color:#080808; font-weight:600; margin-bottom:30px;}
#section7 .subtitle{ padding:0; margin-top:30px;margin-left:0;}
#section7 .one_half.last_column img{ margin-right:20px;}
.space20{ height:20px;}
.space40{ height:40px;}

/* = Section8  Pricing table css
-------------------------------------------------------------- */
#section8 h2.section_title{ color:#fff;}
.pricing_table{font-size:15px;}
.price_col{ transition: left 0.5s; float:left; text-align:center; background-color:rgba(51,54,62,0.9); color:#fff; margin-top:10px; margin:10px 1.5% 20px 1%; z-index:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:30px 0;  position:relative;}
.pricing_table .th{font-size:22px; font-weight:600; color:#fff; padding:0; margin-bottom:25px; text-transform:uppercase;}
.pricing_table .highlight{background:#f56c6d; z-index:1; }
.pricing_table .td, .pricing_table .tf{padding:6px 0; }
.pricing_table .tf a{ background-color:#cb1f25; color:#fff; padding:12px 30px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; font-weight:600; position: absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:130px; text-transform:uppercase;}
.pricing_table .tf a:hover{ background-color:#22252b; color:#fff;}
.pricing_table.pcol3 .price_col{width:30.6%;}
.pricing_table .price_col.highlight .tf a{ background-color:#fff; color:#202020;}
.pricing_table .price_col.highlight .tf a:hover{ background-color:#22252b; color:#fff;}
.faicon .fa, .faicon .far, .faicon .fab, .faicon .fal, .faicon .fas{ font-size:40px; color:#fff;}
.price_col .price{ background-color:#22252b; font-size:64px; color:#fff; font-weight:bold; padding:20px 0; margin-top:30px; margin-bottom:30px;}

.price_col .price super{ font-size:22px; color:#c91c23; vertical-align:middle; margin-right:10px;}
.price_col .price sub{ font-size:16px; color:#c91c23; vertical-align:middle;margin-left:10px;}

.price_col.highlight .price super{ color:#fff;}
.price_col.highlight .price sub{ color:#fff;}

.price_col .price span{ font-size:13px; display:block; text-transform:uppercase; font-weight:400; margin-top:10px;}
.pricing_table.pcol4 .price_col{width:22.5%;}
#section8 br {    display: none;}

/* pricing end
------------------------ */


/* = free membership
-------------------------------------------------------------- */
#section10{ padding:0;}
#section10 .container{ width:100%;}
.promo-box{width:100%;height:auto; text-align:left;position:relative; font-size:17px; color:#fff;}
.promo-box h4{ margin:0 0 15px 0; padding:0; font-size:44px; font-weight:600; color:#fff; }
.promo-left{ float:left; width:50%; padding:45px 20px; }
.promo-box .promoimgbox{ background-color:#dc1d24; width:25%; height:205px; float:left; margin:0 5% 0 0; overflow:hidden; position:relative; }
.promo-box .promoimgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.9);
    display: inline-block;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease-in-out 0s;
    opacity: 0;
    z-index: 1;	
}

.promo-box .promoimgbox img{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden; min-height:205px; opacity:0.3;}
.promo-box:hover .promoimgbox img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1); }
.shape-border{ width:0;height:0;border-top:210px solid #1a1a1a;border-left:70px solid transparent;position:absolute;bottom:0;right:0;z-index:3}

.promo-right{ float:right; width:20%; position:relative; padding-top:70px;}
.promo-right .morebutton{ background-color:#dc1d24; color:#fff ; padding:15px 40px; font-size:18px; text-transform:uppercase; transform: skew(20deg); display:inline-block; }
.promo-right .morebutton a{ color:#fff}
.skew-fix{ display:inline-block; transform: skew(-20deg);}

/* = welcome
-------------------------------------------------------------- */
#welcomearea{ position:relative; background-color:#f1f1f1; padding-bottom:0;  }
.welcomebox{ float:left; width:150px; height:150px; overflow:hidden; margin:5px 20px 15px 0;}
.welcome_imgcolumn{ width:45%; margin:0 0 0 0; float:left; }
.welcome_imgcolumn img{ width:100%; display:block;}
.welcome_contentcolumn h3{ font-size:38px;}
.welcome_contentcolumn h3 span{ color:#dc1d24;  font-weight:bold; font-size:42px;}

.welcome_contentcolumn{ width:50%; margin:0; padding:0 0 10px; float:right; }
.welcome_contentcolumn p{ margin-bottom:35px; line-height:28px;}

.fit_training{position:relative; width:100%; display:block; margin:0 0 4% 0; clear:both; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.fit_training .aboutme-thumb{ width:60px; height:85px; line-height:70px; float:left; margin:0 30px 0 0;} 
.fit_training h6{ font-size:20px; margin:0 0 15px 0; font-weight:600; }
.fit_training p{margin:0 0 20px}
.fit_training-des{display:table;}
.fit_training .fas,
.fit_training .fa{
    font-size: 50px;
}


/* = Section3 What We Do CSS
-------------------------------------------------------------- */
#section3{ position:relative;}
#section3 br{ display:none;}
h3.style2{ font-weight:600; font-size:48px; color:#1c1c1c; margin-bottom:30px; border-left:3px solid #dc1d24; padding-left:40px;}
h3.style2 span{ color:#dc1d24;}

#section3 .one_half{ width:30%; margin-bottom:50px;}
#section3 .one_half.last_column{ width:60%;}

.facility_box{ width:31.3%; float:left; margin:0 2% 25px 0; padding:0; position:relative; box-sizing:border-box; text-align:left; background-color:#111; border-radius:5px; height:240px; overflow:hidden; color:#fff; text-align:center; }
.facility_box .contentbox{ position:absolute; bottom:0; padding:25px;}
.facility_box .imagesbox{ display:block; }
.facility_box .imagesbox a{ display:block;}
.facility_box .imagesbox img{ display:block; width:100%; min-height:240px;}
.facility_box:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 10;
}
.facility_box:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background: rgba(220,29,36,0.7);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}
.facility_box:hover:after{
  background: rgba(220,29,36,0.7);
  opacity: 1;
}
.facility_box:hover:before{
  opacity: 0;
}

.facility_content {
  position: absolute;
  bottom: -45%;
  left: 0;
  width: 100%;
  padding: 30px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 10;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.facility_title {
  font-size: 22px;
  margin-top: 0;
  margin-bottom:25px;
  display: block;
}
.facility_description {
  margin: 0;
  font-weight: 400;
}
.facility_title a,
.facility_title a:hover {
  color: #fff;
}

.facility_box:hover .facility_content{
  bottom: 0;
}

/* = Section 6 Latesr news section CSS
-------------------------------------------------------------- */
.news-box{ width:31.333%; float:left; margin:0 30px 30px 0; position:relative; box-shadow:0 0 20px #f5f4f4;}
.news-box.last { border-bottom:0 ; margin:0 ; padding:0 ;}
.news-box .news-thumb{ width:100%; height:268px; overflow:hidden; box-sizing:border-box; position:relative; background-color:#dc1d24;}
.news-box .news-thumb img{ display:block; width:100%; height: auto; min-height:268px; display:block; transform: translate3d(-40px, 0px, 0px);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; width: calc(100% + 50px);  max-width: none;}
	
.news-box:hover img { transform: translate3d(0px, 0px, 0px); opacity:0.6;}
	
.news-box h5{ font-size:20px; margin:15px 0 20px 0; line-height:26px; }
.news-box h5 a{ color:#373737; }
.news-box .news-thumb .PostMeta{font-size:16px; font-weight:500; background-color:#dc1d24; color:#fff; padding:6px 15px;box-sizing:border-box; position:absolute; top:0; left:0;}
.news-box .postread{ font-weight:bold; }
.news-box .newsdesc{ background-color:#fff; padding:40px 30px;}
.news-box .catbox{ font-size:17px; font-weight:600; color:#dc1d24; display:block;}
.news-box:hover h5 a{ color:#dc1d24;}

/* = counter section css
-------------------------------------------------------------- */
.mycounterbox{ width:25%; padding:0 25px; color:#fff; float:left; margin:0; text-align:center; box-sizing:border-box; border-right:1px solid #f7b9b9;}
.mycounterbox .mycountervalue{ display:block; font-size:90px; color:#fff; line-height:70px; font-weight:300;}
.mycounterbox h6{ font-size:22px; font-weight:600; color:#fff; margin:40px 0 0 0; }
.mycounterbox.last{ border:none;}


/* = Team Member and Skills Section css
-------------------------------------------------------------- */
.teammember-list{ width:23.4%; margin:0 1% 30px 0; float:left; position:relative; box-sizing:border-box; text-align:center; border-radius:10px;}
.teammember-list .thumnailbx{ width:240px; height:240px; overflow:hidden; background-color:#eb6e01; border-radius:20%; border:15px solid #fff; margin:0 auto}
.teammember-list img{ width:100%; height:100%; min-height:240px;}
.teammember-list span.title{ font-weight:600; color:#222; font-size:22px; position:relative; }
.teammember-list cite{ display:block; font-style:normal; margin:10px 0; color:#222; }
.teammember-list .titledesbox{ text-align:center; padding-top:30px;}
.member-social-icon{ text-align:center;}
.member-social-icon a{ background-color:#fff; border:1px solid #eaead6; margin:0 5px 0 0; text-align:center; display:inline-block; color:#555; width:45px; height:45px; line-height:40px; border-radius:20%;}
.member-social-icon i{ font-size:14px;}
.member-social-icon a:hover{ color:#222;}
.teammember-list:hover .thumnailbx img{ opacity:0.2;}

/* = Testimonials css
-------------------------------------------------------------- */
#clienttestiminials{  padding:40px; width:55%; box-sizing:border-box; position:relative; background-color:#fff; float:right; }
#clienttestiminials h6{ margin:20px 0 5px; font-size:18px; color:#4b4a4a; font-weight:600; position:relative;}

#clienttestiminials h6 a{color:#ffffff;}
#clienttestiminials span{ font-size:13px; color:#4b4a4a; display:block; }
#clienttestiminials .tmnlThumb{ width:80px; height:80px; overflow:hidden; border-radius:50%; border:1px solid #815c9e; }
#clienttestiminials .tmnlThumb img{ width:100%; height:auto; min-height:80px; }
#clienttestiminials .item{ width:100%; margin:0 auto; }
#clienttestiminials .item p{ margin-bottom:30px; font-style:italic; line-height:28px;}
.hvr-rectangle-out::before{ background:#f56c6d;}
#clienttestiminials .fa{ font-size:14px; font-weight:600; color:#fff; float:left; margin:0 10px 0 0; position:absolute; top:15px;left:66px; background-color:#fff; padding:5px; z-index:999; border-radius:50%; }
#clienttestiminials .owl-controls .owl-dots{ position:relative; bottom:-25px;}
.mytmnlbx{ float:left; margin:0 30px 0 0; padding-right:30px; border-right:1px solid #eae7e7; text-align:center; position:relative;}
.mytmnlcontentbx{ padding:0 0 0 0;}

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}


/* = Services Section CSS
-------------------------------------------------------------- */

#pagearea{ background-color:#f4f4f4;  z-index:9999; position:relative; }
.services_3box{  width:30%; float:left; margin:0 5% 0 0; position:relative; box-sizing:border-box; text-align:center; }
.services_3box p{ margin-bottom:30px; }
.services_3box h3{ font-size:22px; font-weight:600; color:#121212; margin:25px 0 25px; line-height:24px;}
.services_3box h3 a{ color:#121212;}
.services_3box .thumbbx{ background-color:#cf317c; margin:0 auto; overflow:hidden; height:255px; position:relative; border-radius: 0 0 10% 10%;}
.services_3box .thumbbx img { height:auto; width:auto; min-height:255px; /*opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;*/ }
.services_3box:hover .thumbbx img {opacity:.3;}
.pagecontent{ position:relative; }
.one_column{ float:none;}
.one_column.services_3box{ margin:0 auto !important;}


.services_3box .thumbbx::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.services_3box .thumbbx:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.one_column{ float:none;}
.one_column.threebox{ margin:0 auto !important;}



.two_column{ width:47.5%;}
.two_column.threebox .thumbbx a{ display:block;}

.four_column { width:21.2%;}
.four_column .thumbbx{ height:200px;}
.four_column .thumbbx img{ min-height:200px;}

.five_column{ width:18.3%; margin-right:2%;}
.five_column .thumbbx{ height:180px;}
.five_column .thumbbx img{ min-height:180px;}

.six_column{ width:15.8%; margin-right:1%;}
.six_column .thumbbx{ height:150px;}
.six_column .thumbbx img{ min-height:150px;}

/* = All button styles css
-------------------------------------------------------------- */
/*green_button*/
.green_button{ background-color:#98cc4d; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.green_button:hover{ background-color:#dc1d24; color:#fff; }

/*pink_button*/
.pink_button{ background-color:#eb6e01; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.pink_button:hover{ background-color:#dc1d24; color:#fff; }

/*black button*/
.black_button{ background-color:#282828; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.black_button:hover{ background-color:#dc1d24; color:#fff; }

/*border_button*/
.border_button{ border:1px solid #fff; color:#fff ; padding:12px 35px; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.border_button:hover{ border-color:#dc1d24; color:#eb6e01; }

/*shortcode button*/
.custombtn{ margin-top:30px;}
a.morebutton{ background-color:#98cc4d; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase;}
a.morebutton:hover{ background-color:#dc1d24; color:#fff; }


a.borderbutton{ border:1px solid #fff; color:#fff ; padding:12px 25px; display:inline-block; border-radius:25px; text-transform:uppercase;}
a.borderbutton:hover{ border-color:#eb6e01; color:#eb6e01; }

a.buttonstyle1{ background-color:#865628; color:#fff ; padding:10px 25px; display:inline-block; border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;}
a.buttonstyle1:hover{ background-color:#381305; color:#fff; }

.buttonstyle2{ background-color:#555; color:#fff ; padding:6px 15px; font-size:14px; line-height:20px; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }

/* = Our Causes Section10 css
-------------------------------------------------------------- */
.classes_column{ width:30%; float:left; margin:0 4.5% 0 0; }
.classes_column .classimg_bx{ background-color:#cf317c; height:250px; margin:0 auto; overflow:hidden; border-radius:6px; position:relative; }
.classes_column .classimg_bx img{ width:100%; height:auto; min-height:250px; }
.classes_column:hover img{opacity:0.5;}
.classes_column .date_time{ padding-right:15px;}
.classes_column .date_time i{ margin-right:8px;}
.classes_column .titlebox{ width:100%; margin:0 auto; text-align:center; display:inline-block;}
.classes_column .titlebox h4{ margin:30px 0 20px; color:#262626; font-size:20px; font-weight:600;}
.classes_column .titlebox h4 a{ color:#262626;}
.classes_column .titlebox p{ margin:15px 0 0; font-size:15px; color:#706f6f; }
.classes_column:hover .titlebox h4 a{ color:#cf317c;}
.classes_column.last{ margin-right:0;}

.subtitle{ text-align:center; padding-bottom:25px; margin:0 auto; width:70%; line-height:25px;}

/* = Section11 Footer red Box CSS
-------------------------------------------------------------- */
#section11{ position:relative; padding:120px 0 0 0;}
#section11 .container{ position:relative; margin-bottom:-70px; z-index:999;}
#section11 .container br{ display:none;}
.ftr-redbx{ width:33%; float:left; margin:0; padding:0 20px; position:relative; color:#fff; text-align:center; vertical-align:top;}
.ftr-redbx h4{ color:#fff; margin:0 0 10px;}
.detailsbx{ padding:25px;}
.ftr-redbx i{ background-color:#dc1d24; width:65px; height:65px; line-height:65px; text-align:center; border-radius:50%; display:table; margin:-35px auto 0 auto;}
 

/* = Benefits of yoga Section 3 CSS
-------------------------------------------------------------- */
#section3 h2.section_title{ color:#fff;}
#section3 h2.section_title::after { border-color: #fff;}
.benifit_column{ width:15.66%; float:left; margin:0 1% 0 0; text-align:center;}
.benefit_iconbx{ background-color:#f56c6d; width:130px; height:130px; line-height:130px; overflow:hidden; padding:20px 0; box-sizing:border-box; margin:0 auto; border-radius:20%}
.benifit_column:hover .benefit_iconbx{ background-color:#dc1d24; box-shadow:0 0 0 10px rgba(255,255,255,0.1)}
.benifit_column img{ width:78px; height:auto;}
.benifit_column h4{ font-size:18px; font-weight:normal; margin-top:35px; color:#fff;}
.benifit_column h4 a{ color:#fff;}