/*：源码地址唯一出处: https://www.17sucai.com*//*==================================================	Project: Gym	Version: 1.0	Last change: 09/05/16	Author : KodeForest/** * Table of Contents :  * 1.0 - DEFAULT CSS START * 2.0 - GYM HEADER CSS START * 3.0 - MAIN BANNER WRAP CSS START * 4.0 - GYM TRANNING WRAP CSS START * 5.0 - THUMB WRAP CSS START * 6.0 - OUR CLASSES WRAP CSS START * 7.0 - PRODUCTS DEC WRAP CSS START * 8.0 - COUNTER WRAP CSS START * 9.0 - TRANIERS WRAP CSS START * 10.0 - READY WRAP CSS START * 11.0 - BLOG WRAP CSS START * 12.0 - GALLERY WRAP CSS START * 13.0 - PRICING SECTION CSS START * 14.0 - TESTIMONIAL SECTION CSS START * 15.0 - BRAND SECTION CSS START * 16.0 - FOOTER CSS START * 17.0 - ABOUT US CSS START * 18.0 - BLOG 3 CSS START * 19.0 - GALLERY 1 CSS START * 20.0 - GALLERY 2 CSS START * 21.0 - BLOG LISTING CSS START * 22.0 - BLOG DETAIL CSS START * 23.0 - CONTACT US PAGE CSS START * 24.0 - 404 PAGE CSS START * 25.0 - COMING SOON PAGE CSS START * 26.0 - OUR TEAM PAGE CSS START * 27.0 - TEAM DETAIL PAGE CSS START * 28.0 - GALLERY 3 CSS START 	[Color codes]	Background: #ffffff (white)	Content: #999999 (light black)	Header h1: #111111 (dark black)	Footer:  #000000 (dark black)	a (standard): #999999 (light black)	a (visited): #999999 (light black)	a (active): #999999 (light black) */*	  ==============================================================		   DEFAULT CSS START	  ==============================================================*/.section,.kode-gym-wrapper,header,section,.kf_content_wrap,footer{	float:left;	width:100%;}	.section,section{	padding:80px 0px 50px;	}.no_padding{	padding:0px;	}.text{	float: left;	width: 100%;}.margin-zero{	margin: 0!important;}/*	  ==============================================================		  GYM HEADER CSS START	  ==============================================================*/.absolute{	position: absolute;	z-index: 1000;}.sticky{	position:fixed;}.top-bar{	float: left;	width: 100%;	padding: 17px 0;	background-color: #0f0f0f;	line-height: 16px;}.top-bar span{	float: left;	color: #fff;	text-transform: capitalize;	font-weight: normal;	font-size: 16px;	line-height: 16px;	font-family: 'Vollkorn', serif;}.social-top{	float: right;	width: auto;}.social-top li{	float: left;	width: auto;	margin-right: 25px;}.social-top li:last-child{	margin: 0;}.social-top li a{	display: block;	font-size: 16px;	color: #fff;	line-height: 16px;}/*logo wrap*/.logo-wrap{	float: left;	width: 100%;	padding: 37px 0;	background-color: rgba(26, 26, 26, 0.95);}.logo-wrap [class*="col-md-"]{	padding: 0;}.logo{	float: left;	width: auto;}.logo a{	display: block;}.logo a img{	float: left;	width: 100%;}.top-contact-wrap {    float: left;    width: 100%;}.top-contact{	float: left;	width: 33.3%;	padding:0 12px;}.top-contact i{	float: left;	font-size: 24px;	line-height: 30px;	width: 25px;	padding: 18px 0;	margin-right: 14px;}.top-contact .text {    float: none;    overflow: hidden;    width: auto;     padding: 17px 0;}.top-contact .text em,.top-contact .text address{	margin-bottom: 0;	font-family: 'Open Sans', sans-serif;	font-size: 14px;	line-height: 14px;	color: #fff;	text-transform: uppercase;	font-weight: bold;	font-style: normal;}.top-contact .text em{	display: block;	margin-bottom: 4px;}.top-contact .text em:last-child{	margin-bottom: 0;}.cart{	float: right;	padding: 8px 5px;	position: relative;}.cart span{	float: left;	width: 46px;	height: 50px;	line-height: normal;	text-align: center;	color: #fff;	font-family: 'Open Sans', sans-serif;	font-size: 16px;	padding: 13px 0 14px;	cursor: pointer;}.cart .cart-item{	background: #000000;	cursor: unset;}.cartform {    background-color: #ffffff;    padding: 15px;    position: absolute;    right: 0;    top: 100%;    width: 260px;    z-index: 99;    display: none;}/*navigation wrap*/.navigation-wrap{	float: left;	width: 100%;	border-top: 2px solid;	text-align: center;}.kode-menu {    float: none;    padding: 0;    position: relative;    text-align: center;    display: inline-block;    border-bottom-left-radius: 20px;    border-bottom-right-radius: 20px;}/*.kode-menu:before{	position: absolute;	content: "";	left: -7px;	top: 0;	width: 0;	height: 0;	border-style: solid;	border-width: 0 7px 7px 0;	border-color: transparent #0297dc transparent transparent;}.kode-menu:after{	position: absolute;	content: "";	right: -7px;	top: 0;	width: 0;	height: 0;	border-style: solid;	border-width: 7px 7px 0 0;	border-color: #0297dc transparent transparent }*/.kode-menu li {    display: inline-block;    padding: 16px 30px 18px;    text-align: center;    position: relative;}.kode-menu li a{	color: #fff;	text-transform: uppercase;	font-family: 'Raleway', sans-serif;	font-weight: normal;	position: relative;	padding: 3px 6px;}.kode-menu li a::after {    border-left: 1px solid #fff;    border-top: 1px solid #fff;    content: "";    height: 10px;    left: 7px;    position: absolute;    top: 7px;    width: 10px;    opacity: 0;    -webkit-opacity:0;}.kode-menu li a::before {    border-bottom: 1px solid #fff;    border-right: 1px solid #fff;    bottom: 7px;    content: "";    height: 10px;    position: absolute;    right: 6px;    width: 10px;    opacity: 0;    -webkit-opacity:0;}.kode-menu li:hover a:after{	left: 0;	top: 0;    opacity: 1;    -webkit-opacity:1;}.kode-menu li:hover a:before{	right: 0;	bottom: 0;    opacity: 1;    -webkit-opacity:1;}/*.kode-menu li a:hover {    outline: 2px solid #fff !important;    outline-offset: 4px !important;}*/.kode-menu li ul{	width: 180px;	position: absolute;	top: 100%;	left: 0;    overflow: hidden;    padding-top: 8px;    display: none;}.kode-menu ul::before {    border-color: transparent transparent #0297dc;    border-style: solid;    border-width: 0 5px 8px;    content: "";    display: block;    height: 0;    left: 50%;    margin-left: -37px;    position: absolute;    top: 0;    width: 0;}.kode-menu li:hover ul{    display: block;}.kode-menu li ul li{	float: left;	width: 100%;	text-align: center;	padding:5px; }.kode-menu li ul li a{	font-size: 16px;	color: #fff;	float: left;	width: 100%;	text-align: left;	padding-right: 10px;	padding-left: 10px;}.kode-menu li ul li a:after,.kode-menu li ul li a::before{	width: 0;	height: 0;	border:none;}.kode-menu li ul li a:hover{	background-color: #000;}/*responcive menu*/#kode-responsive-navigation{	display: none;}.dl-menuwrapper .dl-menu{	right:0;}.dl-menuwrapper .dl-menu li a{	text-transform: capitalize;}/*	  ==============================================================		   MAIN BANNER WRAP CSS START	  ==============================================================*/.kf-gym-banner{	float: left;	width: 100%;	position: relative;}.kf-gym-banner .bxslider li:before{	background: #000;	opacity: 0.5;	left: 0;	right: 0;	top: 0;	bottom: 0;	position: absolute;	content: "";}.kf-gym-banner img{	float: left;	width: 100%;}.kf-gym-banner .bx-wrapper{	margin-bottom: 0;}.kf-gym-banner .bx-wrapper .bx-viewport {    background: #000;    border:none;    box-shadow: none;    left: 0px;    margin: 0;}.kf-gym-banner .bx-pager.bx-default-pager{	display: none;}.kode-caption{	position: absolute;	top: 50%;	left: 50%;	margin: -51px 0 0 -537px;	z-index: 2;}.kf-gym-banner .bx-wrapper .bx-controls-direction a {    height: 42px;    margin-top: 76px;    outline: 0 none;    position: absolute;    text-indent: 0px;    top: 50%;    width: 42px;    z-index: 10;    background-image: none;}.kf-gym-banner .bx-wrapper .bx-controls-direction a:before{	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	color: #fff;	background-color: #333333;	content: "";	text-align: center;	font-family: FontAwesome;	padding: 8px 0;}.kf-gym-banner .bx-wrapper a.bx-prev:before{	content: "\f060";}.kf-gym-banner .bx-wrapper a.bx-next:before{	content: "\f061";}.kode-caption h4 {    color: #fff;    font-size: 44px;    font-weight: bold;    line-height: normal;    padding: 5px 25px 3px;    position: relative;    text-transform: uppercase;}.kode-caption h4:before{	position: absolute;	content:"";	width: 0;	height: 100%;	right: -29px;	top: 0;	bottom: 0;	border-style: solid;	border-width: 67px 30px 0 0;	border-color: #0297dc transparent transparent transparent;}.kode-caption h3 {    background: #000;    color: #fff;    font-size: 54px;    font-weight: bold;    line-height: normal;    padding: 2px 25px 1px;    position: relative;    text-transform: uppercase;    margin-bottom: 185px;}.kode-caption h3:before{	position: absolute;	content:"";	width: 0;	height: 100%;	left: -29px;	top: 0;	bottom: 0;	border-style: solid;	border-width: 0 0 67px 30px;	border-color: transparent transparent #000000 transparent;}.kf-gym-banner .kode-caption .btn-1:hover{	color: #fff;	background-color: transparent;}/*inner banner start*/.inner-banner-wrap{	background-image: url(../image/innerbanner-bg.jpg);	background-position: center;	background-size: cover;	background-repeat: no-repeat;	text-align: center;}.inner-banner-wrap::before {    border-color: transparent transparent transparent #0297dc;    border-style: solid;    border-width: 60px 0 0 950px;    bottom: 0;    content: "";    height: 0;    left: 0;    position: absolute;    right: inherit;    width: 0;    z-index: 10;}.inner-banner-wrap::after {    border-width: 0 0 60px 950px;	border-color: transparent transparent #0297dc transparent;	border-style: solid;    bottom: 0;    content: "";    height: 0;    left: inherit;    position: absolute;    right: 0;    width: 0;    z-index: 10;}.inner-banner{	float: left;	width: 100%;	text-align: center;	position: relative;	padding: 360px 0 92px;	z-index: 1;}.inner-banner::before {    background-color: #000;    bottom: 0;    content: "";    left: 0;    opacity: 0.6;    position: absolute;    right: 0;    top: 0;    z-index: -1;}.inner-banner h2 {    color: #fff;    line-height: 36px;    padding-bottom: 4px;    text-transform: capitalize;    margin-bottom: 12px;}.inner-banner .breadcrumb {    background-color: transparent;    border-radius: 0px;    list-style: outside none none;    margin-bottom: 0px;    padding: 0px;}.inner-banner .breadcrumb li{	width: auto;	color: #fff;	text-transform: uppercase;	font-size: 16px;	line-height: 14px;	font-family: 'Open Sans', sans-serif;}.inner-banner .breadcrumb li a{	color: #fff;	text-transform: uppercase;	font-size: 16px;	line-height: 14px;	font-family: 'Open Sans', sans-serif;	display: inline-block;}/*	  ==============================================================		   GYM TRANNING WRAP CSS START	  ==============================================================*/.kf-training-wrap{	float: left;	width: 100%;}.traning-overlay{	float: left;	width: 33.3%;	background-image: url(../image/traning-1.jpg);	background-size: cover;	background-repeat: no-repeat;	padding: 70px;	position: relative;	z-index: 2;	outline: 1px solid rgba(255, 255, 255, 0.35);	outline-offset:-12px; }.traning-overlay:hover:before{	background: #1a1a1a;	-webkit-transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	transition:all 0.3s ease-in-out;}.traning-overlay:hover{	outline-offset:0px;	outline-color: transparent;  }.overlay2{	background-image: url(../image/traning-2.jpg);}.overlay3{	background-image: url(../image/traning-3.jpg);}.traning-overlay:before{	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	background-color:rgba(0, 0, 0, 0.80);	content: "";	z-index: -1;}.traning-overlay h6 {    font-size: 16px;    line-height: 14px;    margin-bottom: 19px;    text-transform: capitalize;}.traning-overlay h4{	text-transform: capitalize;	line-height: 26px;	color: #fff;	padding-bottom: 3px;	margin-bottom:21px;}.traning-overlay p{	margin-bottom: 25px;	color: #999999;}/*	  ==============================================================		   GYM TRANNING WRAP CSS END	  ==============================================================*/.thumb-outerwrap{	float: left;	width: 100%;	position: relative;}.thumb-image{	float: left;	width: 50%;	padding: 33px 30px 84px 101px;	position:relative;}.thumb-image:before{	position: absolute;	content: "";	top: 0;	bottom: 30px;	right: 82px;	left: 53px;	border: 3px solid;}.thumb-image:after{	position: absolute;	content: "";	top: 70px;	bottom: 0px;	right: 134px;	left: 0px;	border: 3px solid #b8b8b8;}.thumb-image img{	float: left;	width: 100%;	position: relative;	z-index: 10;}.padding-bottom{	padding-bottom: 80px;}.thumb-caption{	float: left;	width: 50%;	padding:115px 15px;}.thumb-des{	float: left;	width: 100%;	margin-bottom: 45px;}.thumb-des span{	float: left;	width: 77px;	height: 77px;	line-height: 77px;	font-size: 30px;	color: #fff;	border: 2px solid;	text-align: center;}.thumb-des:hover span{	background-color: transparent;}.thumb-des .text{	float: none;	overflow: hidden;	padding: 0 0 0 30px;	width: auto;}.thumb-des .text h5 {    line-height: 20px;    margin-bottom: 15px;    padding-bottom: 3px;    text-transform: capitalize;}.thumb-des .text p{	margin-bottom: 0;}/*	  ==============================================================		   OUR CLASSES WRAP CSS START	  ==============================================================*/.our-classes-bg{	position: relative;	background-image: url(../image/our-classes-bg.jpg);	background-size: cover;	background-repeat: no-repeat;	background-attachment: fixed;	background-position: center center;}.our-classes-bg:before{	content: "";	left: 0;	right: 0;	top:0;	bottom: 0;	position: absolute;	background-color: #000;	opacity: 0.7;	-webkit-opacity: 0.7;}.our-classes-bg .heading-1 h2{	color: #fff;}.classes-slider{	float: left;	width: 100%;	margin-bottom: 30px;}.classes-slider .owl-controls.clickable .owl-pagination{	display: none;}.classes-slider .item{	padding:0 15px;}.class-dec{	float: left;	width: 100%;	position: relative;}.class-dec figure:before{	position: absolute;	left: 20px;	right: 20px;	top: 20px;	bottom: 20px;	content: "";	background-color: #1a1a1a;	opacity: 0;	-webkit-opacity: 0;}.class-dec:hover figure:before{	opacity: 0.85;	-webkit-opacity: 0.85;}.over-lay {    left: 0;    position: absolute;    right: 0;    text-align: center;    top: 90%;    margin-top: -63px;}.over-lay h3{	padding: 23px 0;	color: #fff;	text-transform: capitalize;	line-height: 30px;	background-color: rgba(26, 26, 26, 0.90);	font-size: 20px;}.over-lay p{	display: none;	margin-top: -6px;	margin-bottom: 15px;	color: #fff;	padding: 0 58px;}.over-lay .btn-1{	display: none;}.class-dec:hover .over-lay h3{	background-color: transparent;	font-size: 30px;}.class-dec:hover .over-lay{	top: 50%!important;	margin-top: -95px;}.class-dec:hover .over-lay .btn-1,.class-dec:hover .over-lay p{	display: inline-block;}.classes-slider .owl-controls clickable{	display: none;}/*	  ==============================================================		  OUR CLASSES WRAP CSS END	  ==============================================================*//*	  ==============================================================		  PRODUCTS DEC WRAP CSS START	  ==============================================================*/.product-dec{	float: left;	width: 100%;	margin-bottom: 30px;}.product-dec .bx-wrapper{	margin-bottom: 27px;}.product-dec .bx-wrapper .bx-viewport {    background: transparent;    border: none;    box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    left: 0px;}.product-dec .bx-wrapper .bx-controls-direction a{	display: none;}.product-content figcaption {    bottom: 0;    left: 0;    position: absolute;    right: 0;    text-align: center;    padding: 0;    bottom: -50px;    opacity: 0;	-webkit-opacity: 0;}.product-dec:hover .product-content figcaption{	bottom:0;	opacity: 1;	-webkit-opacity: 1;}.product-content figcaption a{	display: inline-block;	font-size: 16px;	line-height: normal;	padding: 7px 0 7px;	width: 26px;	color: #fff;	margin: 0 30px;	text-align: center;}.product-content figcaption a:hover{	color: #000;}.product-dec .bx-wrapper .bx-pager{	padding: 0;}.product-dec .bx-wrapper .bx-pager.bx-default-pager a {    background: #fff;    border-radius: 100%;    display: block;    height: 11px;    margin: 0 5px;    outline: 0 none;    text-indent: -9999px;    width: 12px;    border: 1px solid;}.product-dec .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{	bottom: -27px;	line-height: 11px;}.product-dec .text{	padding: 25px 0 20px;	text-align: center;	border-bottom: 2px solid #e4e4e4; }.product-dec .text >h4 {    line-height: 25px;    margin-bottom: 6px;}.price{	font-size: 18px;	font-style: italic;	font-weight: normal;	font-family: 'Merriweather', serif;	line-height: 18px;	display: inline-block;}.price sub{	bottom: 0;	font-size: 18px;	line-height: 18px;}/*	  ==============================================================		  PRODUCTS DEC WRAP CSS END	  ==============================================================*//*	  ==============================================================		  COUNTER WRAP CSS START	  ==============================================================*/.counter-bg{	position: relative;	background-size: cover;	background-repeat:no-repeat;	background-attachment: fixed;	background-position:center; 	background-image: url(../image/counter-bg.jpg);	float: left;	width: 100%;	padding: 111px 0 103px;}.counter-bg:before{	background-image: url(../image/counter-pattren.png);	background-position: center center;	background-repeat: repeat;	position: absolute;	left: 0;	right: 0;	top:0;	bottom: 0;	content: "";}.counter-wrap{	float: left;	width: 100%;	text-align: center;	position: relative;}.counter-wrap li{	display: inline-block;	width: auto;	margin-right: 5%;}.counter-wrap li:last-child{	margin: 0;}.counter-dec{	float: left;	width: 100%;}.counter-dec >span{	float: left;	width: 120px;	height: 120px;	border: 1px solid #fff;	border-radius: 100%;	text-align: center;	line-height: 120px;	color: #fff;	font-size: 38px;}.counter-dec .text{	float: left;	width: auto;	overflow: hidden;	padding-left: 35px;	text-align: left;	padding: 25px 0 26px 35px;}.counter-dec .text h2{	line-height: 36px;	color: #fff;	margin-bottom: 13px;}.counter-dec .text p{	color: #fff;	line-height: 16px;	margin-bottom: 0;}/*	  ==============================================================		  COUNTER WRAP CSS END	  ==============================================================*//*	  ==============================================================		  TRANIERS WRAP CSS START	  ==============================================================*/.traniers-thumb{	float: left;	width: 100%;	position: relative;	overflow: hidden;	margin-bottom: 30px;}.traniers-thumb img{	float: left;	white-space: 100%;}.traniers-thumb:before{	content: "";	left: 10px;	right: 81px;	top: 10px;	bottom: 10px;	background-color:rgba(102, 102, 102, 0.65);	position: absolute;	 -webkit-transform: translate(150%, 0px);	-moz-transform:  translate(150%, 0px);	-ms-transform: translate(150%, 0px);	-o-transform: translate(150%, 0px);}.traniers-thumb:hover:before{	 -webkit-transform: translate(0, 0px);	-moz-transform:   translate(0, 0px);	-ms-transform: translate(0, 0px);	-o-transform:  translate(0, 0px);}.traniers-thumb img{	float: left;	width: 100%;}.traniers-thumb >.figcaption {	background-color: #333333;    bottom: 0;    position: absolute;    right: 0;    top: 0;    width: 70px;    z-index: 10;}.social-wrap {    display: inline-block;    margin-top: -167px;    position: absolute;    right: 0;    top: 50%;}.social-wrap li{	display: block;	width: 71px;	height: 48px;}.social-wrap li a{	text-align: center;	color: #fff;	font-size: 18px;	line-height: 48px;	background-color: transparent;	display: block;}.traniers-caption{	display: inline-block;	text-align: left;	position: absolute;	top: 50%;	left: 40px;	right: 92px;	margin: -92px auto 0;	 -webkit-transform:translate(286px, 0px) scale(0);	-moz-transform:translate(286px, 0px) scale(0);	-ms-transform: translate(286px, 0px) scale(0);	-o-transform:translate(286px, 0px) scale(0);}.traniers-thumb:hover .traniers-caption{	 -webkit-transform: translate(0px, 0px) scale(1);	-moz-transform: translate(0px, 0px) scale(1);	-ms-transform: translate(0px, 0px) scale(1);	-o-transform: translate(0px, 0px) scale(1);}.traniers-caption h5{	line-height: 18px;	color: #fff;	margin-bottom: 14px;	text-transform: capitalize;}.traniers-caption h5 a{	color: #fff;}.traniers-caption h6{	line-height: 16px;	color: #fff;	font-size: 16px;	margin-bottom: 23px;}.traniers-caption p{	color: #fff;	margin: 0;}/*	  ==============================================================		  TRANIERS WRAP CSS END	  ==============================================================*//*	  ==============================================================		  READY WRAP CSS START	  ==============================================================*/.ready-wrap{	float: left;	width: 100%; 	padding: 130px 0;	background-color: #5e5a57;	background-image: url(../image/ready-wrapbg.jpg);	background-size: cover;	background-repeat:no-repeat;	background-attachment: fixed;	background-position:center; }.ready-dec{	float: left;	width: 50%;	text-align: left;}.ready-dec h2{	font-size: 44px;	line-height: 49px;	color: #fff;	text-transform: capitalize;	margin-bottom: 23px;}.ready-dec p{	color: #fff;	margin-bottom: 45px;}.ready-dec .btn-1{	float: left;}/*	  ==============================================================		  READY WRAP CSS END	  ==============================================================*//*	  ==============================================================		  BLOG WRAP CSS START	  ==============================================================*/.blog-dec{	float: left;	width: 100%;	padding-left: 73px;	position: relative;}.blog-dec >figure img{	opacity: 1;	-webkit-opacity: 1;	-webkit-transform: translate(0, 0px) scale(1);	-moz-transform:   translate(0, 0px) scale(1);	-ms-transform: translate(0, 0px) scale(1);	-o-transform:  translate(0, 0px) scale(1);}.blog-dec:hover >figure img{	opacity: 0.35;	-webkit-opacity: 0.35;	-webkit-transform: translate(0, 30px) scale(1.3);	-moz-transform:   translate(0, 30px) scale(1.3);	-ms-transform: translate(0, 30px) scale(1.3);	-o-transform:  translate(0, 30px) scale(1.3);}.blog-dec figure figcaption{	position: absolute;	top: 50%;	margin: -13px auto 0;	text-align: center;	left: 0;	right: 0;	opacity: 0;	-webkit-opacity: 0;	-webkit-transform: translate(0, 50px);	-moz-transform:   translate(0, 50px);	-ms-transform: translate(0, 50px);	-o-transform:  translate(0, 50px);}.blog-dec:hover figure figcaption{	opacity: 1;	-webkit-opacity: 1;	 -webkit-transform: translate(0, 0px);	-moz-transform:   translate(0, 0px);	-ms-transform: translate(0, 0px);	-o-transform:  translate(0, 0px);}.blog-dec figure figcaption a{	font-size: 26px;	color: #fff;	display: inline-block;}.blog-dec figure figcaption a:hover{	color: #000;}.blog-side-meta {    left: 0;    position: absolute;    top: 0;    width: 73px;    padding-right: 13px;}.blog-side-meta li:first-child{	border: none;	padding-top: 0;}.blog-side-meta li{	border-top: 1px solid #dddddd;	padding: 15px 0 12px;	float: left;	width: 100%;	text-align: center;}.blog-side-meta span {    float: left;    width: 100%;    font-size: 14px;    line-height: 11px;    text-align: center;    font-family: 'Merriweather', serif;    text-transform: capitalize;}.blog-side-meta b{	float: left;	width: 100%;	font-size: 36px;	line-height: 37px;	font-family: 'Merriweather', serif;	margin-bottom: 3px;}.blog-side-meta figure{	border-radius: 100%;	margin-bottom: 12px;}.blog-side-meta figure img{	border-radius: 100%;}.blog-side-meta p{	font-size: 14px;	margin: 0;	line-height: 16px;}.blog-side-meta a {    display: block;    font-size: 16px;    line-height: 16px;}.blog-side-meta a i{	margin-right: 5px;}.blog-dec .text{	padding: 30px 0 22px;}.blog-dec .text h4{	line-height: 26px;	text-transform: capitalize;	padding-bottom: 2px;	margin-bottom: 14px;}.blog-meta {    float: left;    width: 100%;    margin-bottom: 16px;}.blog-meta li{	width: auto;	float: left;	font-size: 16px;	margin-right: 30px;}.blog-meta li i{	margin-right: 10px;}.blog-meta li a{	font-size: 16px;	line-height: 16px;	position: relative;	padding-right: 3px;	font-family: 'Lato', sans-serif;	font-style: italic;	display: inline-block;}.blog-meta li a:before{	content: ",";	right: -2px;	font-size: 16px;	bottom: 4px;	color: #666;	position: absolute;	bottom: 0;}.blog-meta li a:last-child:before{	font-size: 0;}.blog-dec .text >p{	margin-bottom: 18px;}.blog-dec .text >a{	display: inline-block;	font-size: 16px;	text-transform: capitalize;	line-height: 16px;}.blog-dec .text >a i{	margin-left: 5px;}.blog-dec .text >a:hover{	padding-left: 10px;	color: #000;}/*	  ==============================================================		  BLOG WRAP CSS END	  ==============================================================*//*	  ==============================================================		  GALLERY WRAP CSS START	  ==============================================================*/.gallery-bg{	background-color: #f8f8f8;}.gallery-1{	float: left;	width: 100%;	text-align: center;}/*nav start*/.gallery-1 #filters {    float: left;    text-align: center;    width: 100%;    margin-bottom: 50px;}#filterable-item-filter-1,.gallery-1 .button-group.js-radio-button-group.tabs-navigation {    float: left;    line-height: normal;    text-align: center;    width: 100%;    margin-top: -4px;}.gallery-1 #filterable-item-filter-1 li{	display: inline-block;}.gallery-1 #filterable-item-filter-1 li a,.gallery-1 .button{	padding:0 0 9px 0;	background-color: transparent; 	position: relative;	margin: 0 24px;    display: inline-block;    font-size: 16px;    position: relative;    text-transform: capitalize;    color: #333333;    font-family: 'Merriweather', serif;    font-weight: normal;    line-height: 14px;    cursor: pointer;}.gallery-1 #filterable-item-filter-1 li a:before,.gallery-1 .button:before{	content: "";	left: 0;	right: 100%;	bottom: 0;	height: 1px;	width: 0%;	position: absolute;}.gallery-1 #filterable-item-filter-1 li a:hover:before,.gallery-1 #filterable-item-filter-1 li a:.active:before,.gallery-1 .button.is-checked:before, .gallery-1 .button:hover:before {	width: 100%;	right: 0;}/*nav end*/#filterable-item-holder-1,.isotope{	float: left;	width: 100%;	margin-bottom: 40px;}.gallery-thumb{	float: left;	width: 19.97%;	position: relative;	overflow: hidden;	background-color: #1a1a1a;}.gallery-thumb:hover img{	opacity: 0.20;	-webkit-opacity: 0.20;}/*.gallery-thumb:before{	position: absolute;	content: "";	left: 0;	right: 0;	top: 0;	bottom: 0;	background-color:#000;	opacity: 0.80; 	-webkit-opacity: 0.80;	 -webkit-transform: scale(0);	-moz-transform:scale(0);	-ms-transform: scale(0);	-o-transform:  scale(0);}.gallery-thumb:hover:before{	 -webkit-transform: scale(1);	-moz-transform:scale(1);	-ms-transform: scale(1);	-o-transform:  scale(1);}*/.gallery-thumb img{	float: left;	width: 100%;}.overly-caption{	position: absolute;	top: 30px;	left: 30px;	 -webkit-transform: translate(0%, -150%);	-moz-transform: translate(0%, -150%);	-ms-transform:  translate(0%, -150%);	-o-transform:   translate(0%, -150%);	opacity: 0;	-webkit-opacity: 0;}.gallery-thumb:hover .overly-caption{	 -webkit-transform:  translate(0%, 0%);	-moz-transform:  translate(0%, 0%);	-ms-transform: translate(0%, 0%);	-o-transform:  translate(0%, 0%);	opacity: 1;	-webkit-opacity: 1;}.overly-caption:before{	content: "";	left: 0px;	bottom: 0;	height: 2px;	width: 73px;	position: absolute;}.overly-caption h5{	line-height: 20px;	color: #fff;	text-align: left;	text-transform: capitalize;	width: 100%;	margin-bottom: 16px;	float: left;	font-size:17px;}.overly-caption a{	font-size: 16px;	line-height: 16px;	color: #999999;	text-transform: capitalize;	position: relative;	display: inline-block;	font-weight: lighter;	margin-bottom: 24px;	margin-right: 5px;	padding-right: 5px;	float: left;}.overly-caption a:before{	content: ",";	right: 0;	bottom: 0;	position: absolute;	color: #999;	font-size: 16px;}.overly-caption a:last-child:before{	font-size: 0;}.overlay-links{	position: absolute;	right: 30px;	bottom: 30px;	-webkit-transform: translate(0%, 150%);	-moz-transform: translate(0%, 150%);	-ms-transform:  translate(0%, 150%);	-o-transform:   translate(0%, 150%);	opacity: 0;	-webkit-opacity: 0;}.gallery-thumb:hover .overlay-links{	 -webkit-transform:  translate(0%, 0%);	-moz-transform:  translate(0%, 0%);	-ms-transform: translate(0%, 0%);	-o-transform:  translate(0%, 0%);	opacity: 1;	-webkit-opacity: 1;}.overlay-links a{	display: inline-block;	height: 42px;	width: 42px;	line-height: 42px;	font-size: 14px;	color: #fff;	text-align: center;	margin-left: 2px;	border-radius: 100%;}.overlay-links a:hover{	background-color: #000;	color: #fff;}.gallery-1 .btn-1{	padding: 10px 20px 8px;	margin-bottom: 30px;}/*	  ==============================================================		  GALLERY WRAP CSS END	  ==============================================================*//*	  ==============================================================		  PRICING SECTION CSS START	  ==============================================================*/.price-table{	float: left;	width: 100%;	padding: 50px 0; 	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);	text-align: center;	position: relative;	margin-bottom: 30px;	outline: 7px solid transparent;    outline-offset: -8px;}/*.price-table:before{	content: "";	left: 0;	right: 0;	top: 0;	bottom: 0;	border:0px solid #50acd6;	position:absolute;}.price-table:hover:before{	border-width:5px;}*/.price-table:hover{	-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none;	outline-color:#50acd6;}.table-hd{	float: left;	width: 100%;	text-align: center;}.table-hd span{	float: left;	width: 100%;	font-size: 33px;	color: #666;	line-height: 33px;	margin-bottom: 18px;}.table-hd h6{	font-size: 16px;	font-weight: bold;	line-height: 16px;	text-transform: uppercase;	margin-bottom: 28px;}.price-tag{	float: left;	width: 100%;	margin-bottom: 37px;	padding: 0 100px;	text-align: center;}.price-tag .price {    float: left;    font-size: 40px;    font-style: normal;    font-weight: bold;    line-height: 40px;    color: #666;	border-top: 6px solid #f2f1f2;	border-bottom: 6px solid #f2f1f2;	padding: 29px 0 32px;	text-align: center;	width: 100%;}.price-tag:hover .price {	border-color: #50acd6;}.price-tag .price sup {    font-family: "Merriweather",serif;    font-size: 26px;    font-weight: normal;    top: -11px;    color: #666;}.price-tag .price small{	font-size: 16px;	color: #666;	font-weight: normal;	line-height: normal;	color: #666;}.price-contant{	float: left;	width: 100%;	margin-bottom: 41px;}.price-contant li{	float: left;	width: 100%;	font-size: 14px;	line-height: 14px;	text-transform: capitalize;	text-align: center;	font-family: 'Lato', sans-serif;	padding: 10px 0;}.signup{	display: inline-block;	padding: 10px 33px 12px;	line-height: 16px;	font-size: 16px;	border: 1px solid #dddddd;	text-transform: capitalize;	font-weight: normal;}.price-table:hover .price small,.price-table:hover .price sup,.price-table:hover .signup,.price-table:hover .table-hd h6,.price-table:hover .table-hd span,.price-table:hover .price-contant li,.price-table:hover .price{	color: #fff;}.price-table:hover .singup{	border-color: #fff;}.price-table .signup:hover{	background-color: #000;	border-color: #000;	color: #fff;}/*	  ==============================================================		  PRICING SECTION CSS END	  ==============================================================*//*	  ==============================================================		  TESTIMONIAL SECTION CSS START	  ==============================================================*/.testimonial-wrap .heading-1{	position: relative;}.testimonial-wrap .heading-1 h2{	color: #fff;	position: relative;	z-index: 999;}.testimonial-wrap{	background-image:url(../image/testimonial-bg.jpg);	background-repeat: no-repeat;	background-size: cover; 	position: relative;	background-position: center center;}.testimonial-wrap .container{	position: relative;}.testimonial-wrap:before{	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	background-color:#000;	opacity: 0.3; 	-webkit-opacity: 0.3;	content: "";}.testimonial-dec{	float: left;	width: 100%;	text-align: center;	padding: 0 225px;}.testimonial-dec figure{	float: none;	width: 140px;	height: 140px;	border: 5px solid #fff;	border-radius: 100%;	margin: 0 auto 30px;}.testimonial-dec figure img{	border-radius: 100%;}.testimonial-dec .text{	text-align: center;}.testimonial-dec .text h4{	line-height: 26px;	text-transform: capitalize;	margin-bottom: 9px}.testimonial-dec .text h6{	line-height: 14px;	font-size: 14px;	color: #fff;	margin-bottom: 32px;	text-transform: capitalize;}.testimonial-dec .text p{	color: #fff;	margin-bottom: 0;}/*slider*/.testimonial-wrap .bx-viewport {    background: transparent;    border: none;	-webkit-box-shadow: none;	-moz-box-shadow: none;    box-shadow: none;    left: 0px;}.testimonial-wrap .bx-wrapper{	padding-bottom: 45px;	margin-bottom: 55px;}.testimonial-wrap .bx-controls-direction {    bottom: 0;    left: 0;    margin: 0 auto;    position: absolute;    right: 0;    text-align: center;}.testimonial-wrap .bx-pager.bx-default-pager{	display: none;}.testimonial-wrap .bx-wrapper .bx-controls-direction a {    background: #333333;    font-size: 0;    height: 25px;    margin:0;    outline: 0 none;    position: absolute;    text-align: center;    text-indent: 0;    top: inherit;    width: 25px;    z-index: 10;}.testimonial-wrap .bx-wrapper a:before{    bottom: 0;    color: #fff;    font-family: FontAwesome;    font-size: 16px;    left: 0;    line-height: 25px;    position: absolute;    right: 0;    text-align: center;    top: 0;    width: 25px;}.testimonial-wrap .bx-wrapper a:before{    bottom: 0;    color: #fff;    font-family: FontAwesome;    font-size: 16px;    left: 0;    line-height: 25px;    position: absolute;    right: 0;    text-align: center;    top: 0;    width: 25px;}.testimonial-wrap .bx-wrapper .bx-controls-direction a.bx-prev{	left: 50%;	margin-left: -27px;}.testimonial-wrap .bx-wrapper .bx-controls-direction a.bx-next{	right: 50%;	margin-right: -27px;}.testimonial-wrap .bx-wrapper .bx-controls-direction a.bx-prev:before{	content: "";}.testimonial-wrap .bx-wrapper .bx-controls-direction a.bx-next:before{	content: "";}/*	  ==============================================================		  TESTIMONIAL SECTION CSS END	  ==============================================================*//*	  ==============================================================		  BRAND SECTION CSS START	  ==============================================================*/.kf-brand-partner {    float: left;    text-align: center;    width: 100%;    padding: 80px 0;}.brand-info {    color: #888888;    display: block;    font-size: 20px;    line-height: 18px;    margin-bottom: 28px;}.kf-brand-partner .item{	padding: 0 15px;}.kf-brand-partner .item img{	float: left;	width: 100%;}.kf-brand-partner .owl-pagination{	display: none;}/*	  ==============================================================		  BRAND SECTION CSS END	  ==============================================================*//*	  ==============================================================		  FOOTER CSS START	  ==============================================================*/.gym-footer-bg{	padding:0px;	background-image: url(../image/gymfooter.jpg);	background-repeat: no-repeat;	background-size: cover;	position: relative;	background-position: center center;}.gym-footer-bg:before{	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	background-color: #000;	opacity: 0.9;	-webkit-opacity: 0.9;	content: "";}.gym-footer{	float: left;	width: 100%;	padding: 80px 0 75px;}.copyright_wrap{	float: left;	width: 100%;	position: relative;	border-top: 1px solid rgba(154, 154, 154, 0.25);	padding: 40px 0;}.copyright_wrap p{	float: left;	margin: 0;	line-height: 36px;}.copyright_wrap .social-wrap-2{	float: right;}.copyright_wrap .social-wrap-2 li{	margin-left: 10px;}.social-wrap-2 .tooltip.top{	margin-top: -3px;}/*	  ==============================================================		  FOOTER CSS END	  ==============================================================*//*	  ==============================================================		  ABOUT US CSS START	  ==============================================================*/.aboutus-wrap{	padding: 80px 0;}.about-thumb{	float: left;	width: 50%;	padding-right: 30px;	padding-bottom: 30px;	position: relative;}.about-thumb:before{	content: "";	right: 0;	bottom: 0;	top: 30px;	left: 30px;	position: absolute;	border: 4px solid;	z-index: 10;}.about-text{	float: left;	width: 50%;	padding-left: 40px;	padding-top: 32px;	padding:37px 0 38px 40px;}.about-text p{	margin-bottom: 16px;}.about-text .margin{	margin-bottom: 45px;}.about-text .btn-2{	padding: 10px 20px 8px;}/*	  ==============================================================		  ABOUT US CSS END	  ==============================================================*//*	  ==============================================================		  BLOG 3 CSS START	  ==============================================================*/.blog-3-dec{	float: left;	width: 100%;	margin-bottom: 30px;}.blog-3-dec >figure img{	 -webkit-transform: rotate(0deg) scale(1);	-moz-transform:  rotate(0deg) scale(1);	-ms-transform:  rotate(0deg) scale(1);	-o-transform:   rotate(0deg) scale(1);	opacity: 1;	-webkit-opacity: 1;	-webkit-transition: all 0.5s ease-in-out!important;}.blog-3-dec:hover >figure img{	 -webkit-transform: rotate(10deg) scale(1.3) ;	-moz-transform:  rotate(10deg) scale(1.3);	-ms-transform:  rotate(10deg) scale(1.3);	-o-transform:   rotate(10deg) scale(1.3);	opacity: 0.7;	-webkit-opacity: 0.7;}.blog-3-dec >figure{	outline: 2px solid transparent;}/*.blog-3-dec >figure:before{	position: absolute;	left: 20px;	right: 20px;	bottom: 20px;	top: 20px;	opacity: 0;	-webkit-opacity: 0;	content: "";	z-index: 10;}.blog-3-dec >figure:after{	position: absolute;	left: 50px;	right: 50px;	bottom: 50px;	top: 50px;	border:2px solid;	content: "";	opacity: 0;	-webkit-opacity: 0;}.blog-3-dec:hover >figure:after{	opacity: 1;	-webkit-opacity: 1;	top: 0;	right: 0;	bottom: 0;	left: 0;}.blog-3-dec:hover >figure:before{	top: 0;	right: 0;	bottom: 0;	left: 0;	opacity: 0.30;	-webkit-opacity: 0.30;}*/.blog-3-dec figure figcaption{	top: 50%;	left: 0;	right: 0;	margin: -9px 0 0 0;	text-align: center;	position: absolute;	z-index: 10;	opacity: 0;	-webkit-opacity: 0;}.blog-3-dec:hover figure figcaption{	opacity: 1;	-webkit-opacity: 1;}.blog-3-dec figure figcaption a{	display: inline-block;	font-size: 26px;	color: #fff;}.blog-3-dec figure figcaption a:hover{	color: #000;}.blog-hd{	float: left;	width: 100%;	position: relative;	padding: 31px 0 0 0;	z-index: 10;}.blog-hd figure{	position: absolute;	width: 54px;	height: 54px;	border: 2px solid #8f8f8f;	border-radius: 100%;	top: -27px;	left: 20px;}.blog-hd figure img{	border-radius: 100%;}.blog-hd p{	padding-bottom: 4px;	display: inline-block;	margin-bottom: 0;	color: #999999;	font-style: italic;	border-bottom: 1px solid #d6d6d6;}.blog-3-dec .text{	padding:30px 0 12px 0 ; }.blog-3-dec .text h5{	line-height: 20px;	text-transform: capitalize;	padding-bottom: 2px;	margin-bottom: 11px}.blog-3-dec .text p{	margin-bottom: 18px;}.blog-3-dec .text >a {    display: inline-block;    font-size: 16px;    line-height: 16px;    text-transform: capitalize;    color: #333333;}.blog-3-dec .text >a i {    margin-left: 5px;}/*	  ==============================================================		  BLOG 3 CSS END	  ==============================================================*//*	  ==============================================================		  GALLERY 1 CSS START	  ==============================================================*/.load-more{	text-align: center;	margin: 20px 0 30px;	float: left;	width: 100%;}.gallery1-dec{	float: left;	width: 100%;	margin-bottom: 30px;}.gallery1-dec figure:before{	content: "";	left: 0;	right: 0;	top: 0;	bottom: 0;	position: absolute;	-webkit-opacity: 0;	opacity: 0;}.gallery1-dec:hover figure:before{	opacity: 0.50;	-webkit-opacity: 0.50;	left: 10px;	top: 10px;	bottom: 10px;	right: 10px;}.gallery1-dec figure figcaption{	position: absolute;	top: 50%;	left: 0;	right: 0;	margin: -44px 0 0 0;	opacity: 0;	-webkit-opacity: 0;	text-align: center;	 -webkit-transform: translate(0, 50px);	-moz-transform:   translate(0, 50px);	-ms-transform: translate(0, 50px);	-o-transform:  translate(0, 50px);}.gallery1-dec:hover figure figcaption{	 -webkit-transform: translate(0, 0px);	-moz-transform:   translate(0, 0px);	-ms-transform: translate(0, 0px);	-o-transform:  translate(0, 0px);	opacity: 1;	-webkit-opacity: 1;}.gallery1-dec figure figcaption a{	display: inline-block;	width: 54px;	height: 54px;	line-height: 54px;	border-radius: 100%;	margin: 0 auto 15px;	font-size: 18px;	color: #fff;}.gallery1-dec figure figcaption a:hover{	background-color: #000;}.gallery1-dec figure figcaption h5{	line-height: 18px;	color: #fff;	text-transform: uppercase;}/*	  ==============================================================		  GALLERY 1 CSS END	  ==============================================================*//*	  ==============================================================		  GALLERY 2 CSS START	  ==============================================================*/.gallery2{		margin-bottom: 30px;}.gallery2 [class*="col-md-"]{	padding: 0;}.gallery2-thumb{	width: 100%;}.gallery2-thumb:hover img{	opacity: 1;	-webkit-opacity: 1;}.gallery2-thumb .overly-caption a{	color: #fff;}.gallery2-thumb .overly-caption{	top: 50px;	left: 50px;}.gallery2-thumb .overly-caption a:hover{	color: #000;}.gallery2-thumb .overly-caption::before{	background: transparent;}.gallery2-thumb::before{	opacity: 0;	-webkit-opacity: 0;	top: 20px;	left: 20px;	bottom: 20px;	right: 20px;	position: absolute;	content: "";}.gallery2-thumb:hover::before{	opacity: 0.5;	-webkit-opacity: 0.5;}.gallery2-thumb .overlay-links{	right: inherit;	left: 50px;	bottom: 50px;}.gallery2-thumb .overlay-links a{	border-radius: 0;	border: 1px solid #fff;	background: transparent;	margin: 0 2px 0 0;}.gallery2-thumb .overlay-links a:hover{	background-color: #000;	border-color: #000;	color: #fff;}.gallery-2 .btn-1{	margin-top: 50px;}.gallery-2 .btn-1:hover{	color: #fff;}.gallery2 .load-more{	margin: 30px 0 0 0;}.gallery2 .load-more .btn-1{	margin:0; }/*	  ==============================================================		  GALLERY 2 CSS END	  ==============================================================*//*	  ==============================================================		  BLOG LISTING CSS START	  ==============================================================*/.blog-listing{	padding: 0;	margin-bottom: 30px;}/*.blog-listing figure:before{	opacity: 0;	background: transparent !important;}*/.blog-listing:hover figure img{	opacity: 1;	-webkit-opacity: 1;	-webkit-transform: translate(0, 0px) scale(1);	-moz-transform:   translate(0, 0px) scale(1);	-ms-transform: translate(0, 0px) scale(1);	-o-transform:  translate(0, 0px) scale(1);}.blog-listing figure figcaption{	top: 0;	left: 0;	margin:0; 	opacity: 1;	-webkit-opacity: 1;	height: 100%;	width: 100%;	-webkit-transform: translate(0px);	-moz-transform:   translate(0px);	-ms-transform: translate(0px);	-o-transform:  translate(0px);	transform:  translate(0px);	right: inherit;}.date{	float: left;	padding: 22px 29px 32px;	font-size: 36px;	line-height: normal;	color: #fff;	text-transform: capitalize;	text-align: center;	font-family: 'Merriweather', serif;	font-weight: normal;}.date b{	font-size: 20px;	line-height: 20px;	color: #fff;	display: block;	font-family: 'Merriweather', serif;	margin-top: 6px;	font-weight: normal;}.blog-listing:hover .date{	background-color: #000;}.social-blog {    background-color: rgba(0, 0, 0, 0.75);    bottom: 0;    left: 0;    padding: 0;    position: absolute;    top: 125px;    width: 100px;}.social-blog li{	float: left;	width: 100%;	text-align: center;	margin: 11px 0;}.social-blog li a{	font-size: 18px;	color: #fff;	text-align: center;	display: inline-block;}.blog-listing .text {    padding: 30px 0 12px;}.blog-listing .text h4{	margin-bottom: 13px;}.video-dec{	float: left;	width: 100%;}.blog-slider{	float: left;	width: 100%;}.blog-slider .bx-wrapper .bx-viewport {    background: transparent;    border:none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;    left: 0px;}.blog-slider .bx-wrapper{	margin-bottom: 15px;}.blog-slider .bx-controls.bx-has-controls-direction{	display: none;}.blog-slider #bx-pager{	float: left;	width: 100%;	text-align: center;}.blog-slider #bx-pager >a {    display: inline-block;    margin: 0 0.5% 0 0;    position: relative;    width: 11.5%;    z-index: 10;}.blog-slider #bx-pager >a.active{	background-color: #000;}.blog-slider #bx-pager >a.active img{   	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */    filter: grayscale(100%);    z-index: -1;    opacity: 0.5;   -webkit-opacity: 0.5;}.blog-slider #bx-pager >a:before{	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	border: 2px solid;	content: "";	-webkit-opacity: 0;	opacity: 0;}.blog-slider #bx-pager >a.active:before{	-webkit-opacity: 1;}.blog-slider #bx-pager >a:last-child {    margin: 0;}/*	  ==============================================================		  BLOG LISTING CSS END	  ==============================================================*//*	  ==============================================================		  BLOG DETAIL CSS START	  ==============================================================*/.blog-detail{	float: left;	width: 100%;}.blog-detail .blog-dec{	position: relative;}.blog-detail .blog-dec:before{	content: "";	left: 0;	right: 0;	bottom: 0;	height: 1px;	background-color: #dddddd;	position: absolute;}.blog-detail .blog-dec:after{	content: "";	left: 0;	right: 0;	bottom: 3px;	height: 1px;	background-color: #dddddd;	position: absolute;}.blog-detail .blog-dec p{	margin-bottom: 16px;}.blog-detail .blog-dec .margin-bottom{	margin-bottom:25px;}.blockquote{	float: left;	width: 100%;	padding: 43px 40px 44px;	position: relative;	margin-bottom: 21px;	background-color: #2bb0ef;}.blockquote:before{	content: "";	left: 10px;	right: 10px;	top: 10px;	bottom: 10px;	position: absolute;	border: 1px solid #fff;	-webkit-opacity: 0.5;	opacity: 0.5;}.blockquote p{	color: #fff;	font-size: 18px;	font-style: italic;	text-transform: capitalize;	font-family: 'Merriweather', serif;	line-height: 32px;	font-weight: normal;	position: relative;}.blog-detail .blog-dec .blockquote  p{	margin: 0px  0 11px;}.blockquote p i{	float: left;	margin-right: 10px;	color: #fff;	font-size: 18px;}.blockquote h6{	padding-bottom: 2px;}.blockquote h6 a,.blockquote h6{	color: #fff;	line-height: 18px;	position: relative;}.tag-wrap{	float: left;	width: 100%;	margin-bottom: 80px;}.social-3{	float: left;}.social-3 li{	float: left;	margin-right: 10px;}.social-3 li:last-child{	margin: 0;}.social-3 li a{	float: left;	width: 35px;	height: 35px;	line-height: 35px;	color: #fff;	font-size: 16px;	text-align: center;}.social-3 li a:hover{	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);}.facebook{	background: #3d619b;}.twitter{	background: #00aaec;}.dribbble{	background: #ec4989;}.instagram{	background: #275a85;}.pinterest{	background: #ce1312;}.tag-wrap .blog-meta{	float: right;	width: auto;	margin: 0;}.tag-wrap .blog-meta li{	font-family: 'Merriweather', serif;	text-transform: uppercase;	font-style: normal;	line-height: 35px;	margin: 0;	color: #333333;	font-weight: normal;}.tag-wrap .blog-meta li a{	font-family: 'Merriweather', serif;	text-transform: lowercase;	font-style: normal;	line-height: 35px;	display: inline-block;}.tag-wrap .blog-meta li a::before {    bottom: 0;    margin-bottom: 3px;    right: -3px;}/*commentin wrap*/.comment-wrap{	float: left;	width: 100%;	margin-bottom: 48px}.first-comment{	float: left;	width: 100%;}.first-comment li{	float: left;	width: 100%;}.second-comment{	float: left;	width: 100%;	padding: 0 0 0 50px;}.second-comment li{	margin-bottom: 30px;	float: left;	width: 100%;}.blog-heading{	float: left;	width: 100%;	margin-bottom: 45px;}.blog-heading h4 {    line-height: 26px;    text-transform: capitalize;}.comment-dec{	float: left;	width: 100%;	margin-bottom: 30px;}.comment-dec figure{	width: 113px;	border: 7px solid #fff;	border-radius: 100%;	margin-right: 20px;	-webkit-box-shadow: 0px 0px 0px 1px #dcdcdc;	-moz-box-shadow: 0px 0px 0px 1px #dcdcdc;	box-shadow: 0px 0px 0px 1px #dcdcdc;}.comment-dec figure img{	border-radius: 100%;}.comment-dec .text {    float: none;    overflow: hidden;    width: auto;    position: relative;    border: 1px solid #dfdfdf;    padding: 30px 60px 25px 30px;}.comment-heading{	float: left;	width: 100%;	margin-bottom: 12px;}.comment-heading >h6 {    line-height: 13px;    text-transform: uppercase;    margin-bottom: 14px;}.comment-heading em {    float: left;    line-height: 11px;    padding:0 0 2px 30px;    position: relative;}.comment-heading em:before{	content: "";	left: 0;	top: 50%;	margin: -1px 0 0 0 ;	width: 20px;	height: 2px;	background: #666666;	position: absolute;}.comment-dec .text >p {    float: left;    margin: 0;}.reply {    bottom: 0;    height: 100%;    line-height: 116px;    position: absolute;    right: 0;    width: 40px;    text-align: center;    top: 0;    vertical-align: middle;}.reply i{	position: absolute;	top: 50%;	margin-top: -5px;	left: 0;	right: 0;	color: #fff;	font-size:16px; }.reply:hover{	background-color: #000;}/*contact form*/.contact-wrap{	float: left;	width: 100%;	margin-bottom: 30px;}.contact-wrap form{	float: left;	width: 100%;}.input-dec{	float: left;	width: 100%;}.input-dec textarea,.input-dec input[type="text"]{	float: left;	width: 100%;	border-color:#dfdfdf;	border-style:solid;	border-width:0 0 1px 0;	line-height: normal; 	font-size: 16px;	padding: 2px 0 4px;}.input-dec textarea{	resize:vertical;	max-height:200px;	min-height:39px;	padding: 8px 0 3px;}.contact-wrap .input-dec textarea,.contact-wrap .input-dec input[type="text"]{	margin-bottom: 73px;	padding: 2px 0 3px;}.contact-wrap .input-dec textarea{	margin-bottom: 50px;	padding: 8px 0 3px;}.contact-wrap form .btn-1{	padding: 13px 35px;}.input-dec textarea:focus,.input-dec >input[type="text"]:focus {    border-color: rgba(2, 151, 220, 0.33);    box-shadow: 0 1px 0 0 rgba(2, 151, 220, 0.33) inset;    -moz-box-shadow: 0 1px 0 0 rgba(2, 151, 220, 0.33) inset;    -webkit-box-shadow: 0 1px 0 0 rgba(2, 151, 220, 0.33) inset;    padding: 2px 15px 3px;}.input-dec textarea:focus{	padding: 8px 15px 3px;}/*	  ==============================================================		  BLOG DETAIL CSS END	  ==============================================================*//*	  ==============================================================		   CONTACT US PAGE CSS START	  ==============================================================*/.contact-dec{	float: left;	width: 100%;	position: relative;	z-index: 2;	margin-bottom: 30px;}.contact-dec:before{	content: "";	left: 0;	right: 0;	top: 0;	bottom: 0;	position: absolute;	border: 1px solid #e1e1e1;	z-index: -1;}.contact-dec:hover{	-webkit-box-shadow: 0 1px 10px 0 rgba(2, 151, 220, 0.15);	-moz-box-shadow: 0 1px 10px 0 rgba(2, 151, 220, 0.15);	box-shadow: 0 1px 10px 0 rgba(2, 151, 220, 0.15);}.contact-dec:hover:before{	opacity: 0.30;	-webkit-opacity: 0.30;}.contact-dec >h6{	line-height: normal;	padding: 10px 0 9px;	text-transform: uppercase;	border-bottom:1px solid #e1e1e1;	width: 100%;	float: left;	text-align: center; }.contact-dec:hover >h6{	color: #fff;}.contact-dec  ul{	float: left;	width: 100%;}.contact-dec  ul li{	float: left;	width: 100%;}.contact-dec.info ul{	padding: 40px;}.contact-dec.info ul li{	margin-bottom: 30px;}.contact-dec.info ul li:last-child{	margin-bottom: 0;}.contact{	float: left;	width: 100%;}.contact i{	float: left;	width: 48px;	height: 48px;	border: 1px solid #e1e1e1;	border-radius: 100%;	text-align: center;	line-height: 48px;	color: #999999;	margin-right: 13px;	font-size: 24px;}.contact:hover i{	color: #fff;}.contact .text{	float: none;	width: auto;	overflow: hidden;}.contact .text >h6 {    line-height: 13px;    margin-bottom: 13px}.contact .text address {    font-style: normal;    line-height: 24px;    margin: 0 0 -4px 0;}.contact-dec.info .text >a {    display: block;    font-size: 16px;    line-height: 23px;    font-family: 'Lato', sans-serif;    margin-bottom: 5px;}.contact-dec.info .text >a:last-child{	margin-bottom: -1px;}.timing ul{	padding: 40px 25px 45px;}.timing li{	text-align: left;	font-size: 18px;	line-height: 16px;	color: #333333;	text-transform: capitalize;	font-weight: normal;	margin-bottom:24px;	font-family: 'Merriweather', serif;	padding-bottom: 3px;}.timing li b,.timing li span {    color: #999999;    float: right;    font-size: 16px;    line-height: 12px;    padding-bottom: 4px;    font-family: 'Lato', sans-serif;}.timing li:last-child{	margin-bottom: 0;}.branch ul{	padding: 40px 25px 39px;}.branch li a{	text-align: left;	font-size: 18px;	line-height: 16px;	color: #333333;	text-transform: capitalize;	font-weight: normal;	padding:0 0 3px 0;	font-family: 'Merriweather', serif;	float: left;	width: 100%;	margin-bottom: 25px;}.branch li b,.branch li span {    color: #999999;    float: right;    font-size: 16px;    line-height: 12px;    padding-bottom: 4px;    font-family: 'Lato', sans-serif;}.branch li:first-child a{	padding-top: 0;}.branch li:last-child a{	margin: 0;}.map-dec{	float: left;	width: 100%;	height: 550px;	background-color: #000;}.map-dec #map-canvas{	float: left;	width: 100%;	height: 550px;}.map-dec #map-canvas .gmnoprint{	display: none;}.contact-page{	float: left;	width: 100%;}.contact-page form{	text-align: center;	margin-bottom: 30px;}.inputdec-2 textarea,.inputdec-2 input[type="text"]{	border-width: 1px;	padding:10px 20px 10px;	margin-bottom: 30px;	height: auto;}.inputdec-2 textarea:focus,.inputdec-2 input[type="text"]:focus{	padding: 10px 25px;	box-shadow: 0 0 5px 0 rgba(2, 151, 220, 0.33) inset;	-webkit-box-shadow: 0 0 5px 0 rgba(2, 151, 220, 0.33) inset;	-moz-box-shadow: 0 0 5px 0 rgba(2, 151, 220, 0.33) inset;}.inputdec-2 textarea:focus{	padding-top: 20px;}.inputdec-2 textarea{	height: 200px;	resize:none;	margin-bottom: 50px;	padding-top: 20px;}.contact-page .heading-2{	text-align: center;	line-height: 35px;	margin-bottom: 50px;}.contact-page .heading-2 h2:after{	right: 0;	margin:0 auto; }.contact-page .heading-2 h2:before{	right: 0;	margin:0 auto; }.contact-page .btn-1{	padding: 10px 20px 12px;	font-family: "Merriweather",serif;}/*	  ==============================================================		   CONTACT US PAGE CSS END	  ==============================================================*//*	  ==============================================================		   404 PAGE CSS START	  ==============================================================*/.page-404{	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	height: 100%;	background-image: url(../image/404-bg.jpg);	background-size: cover;	background-repeat: no-repeat;	background-position: center;}.page-404:before{	content: "";	left: 0;	right: 0;	top: 0;	bottom: 0;	position: absolute;	background-color: #000;	-webkit-opacity: 0.5;	opacity: 0.5;}.caption-404{	position: absolute;	left: 0;	right: 0;	top: 50%;	text-align: center;	margin-top: -276px;}.caption-404 span{	color: #fff;	font-size: 191px;	line-height: 191px;	text-transform: uppercase;	font-family: 'Merriweather', serif;	text-shadow: 0px 8px 1px rgba(2, 151, 220, 1);	-webkit-text-shadow: 0px 8px 1px rgba(2, 151, 220, 1);	-moz-text-shadow: 0px 8px 1px rgba(2, 151, 220, 1);	font-weight: normal;	display: block;	margin-bottom: 54px;}.caption-404 h3{	font-size: 40px;	line-height: normal;	text-transform: capitalize;	display: block;	margin-bottom: 26px;	font-weight: normal;}.caption-404 h6{	line-height: normal;	color: #fff;	text-transform: capitalize;	margin-bottom: 23px;	font-weight: normal;}.caption-404 h4{	font-size: 24px;	line-height: normal;	text-transform: uppercase;	color: #fff;	display: block;	margin-bottom: 9px;	font-weight: normal;}.caption-404 h5{	line-height: normal;	text-transform: uppercase;	color: #fff;	display: block;	margin-bottom: 44px;	font-weight: normal;}.caption-404 .btn-1{	padding: 15px 30px 13px;}/*	  ==============================================================		   404 PAGE CSS END	  ==============================================================*//*	  ==============================================================		   COMING SOON PAGE CSS START	  ==============================================================*/.coming-soon{	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	height: 100%;	background-image: url(https://www.17sucai.com/2017/11/ei560163/extra-images/comingsoon.jpg);	background-size: cover;	background-repeat: no-repeat;	background-position: center;}.coming-soon:before{	content: "";	left: 0;	right: 0;	top: 0;	bottom: 0;	position: absolute;	background-color: #000;	-webkit-opacity: 0.6;	opacity: 0.6;}.comingsoon-caption{	position: absolute;	left: 0;	right: 0;	top: 50%;	margin: -392px auto 0;	text-align: center;}.comingsoon-caption span{	line-height: 120px;	font-size: 120px;	color: #fff;	display: block;	text-transform: uppercase;	font-weight: normal;	font-family: 'Merriweather', serif;	text-shadow:0px 20px 10px rgba(0, 0, 0, 0.5);	-webkit-text-shadow: 0px 20px 10px rgba(0, 0, 0, 0.5);	-moz-text-shadow: 0px 20px 10px rgba(0, 0, 0, 0.5);	margin-bottom: 133px;}.comingsoon-dec{	float: none;	width: 590px;	margin: 0 auto;}.countdown-dec{	float: left;	width: 100%;	text-align: center;	margin-bottom: 58px;}.countdown-dec h4{	float: left;	width: 125px;	height: 125px;	border-radius: 100%;	line-height: 125px;	border: 1px solid rgba(225, 255, 255, 0.2);	text-transform: capitalize;	font-weight: normal;	position: relative;	z-index: 1;	margin-bottom: 28px;}.countdown-dec h4:before{	content: "";	left: 12px;	right: 12px;	top: 12px;	bottom: 12px;	position: absolute;	background-color: #fff;	border-radius: 100%;	z-index: -1;}.countdown-dec p{	margin: 0;	font-size: 18px;	color: #fff;	line-height: 18px;	text-transform: uppercase;	font-weight: bold;}.comingsoon-dec form {    float: left;    width: 100%;    position: relative;    padding-right: 168px;    margin-bottom: 142px;}.comingsoon-dec form input[type="text"]{	float: left;	width: 100%;	background-color: transparent;	padding: 20px 0 19px;	line-height: normal;	color: #fff;	border-width:0 0 2px 0;	border-style: solid;	border-color: #fff; 	font-size: 16px;	height: auto;}.comingsoon-dec form input[type="text"]::-moz-placeholder{	color: #fff;	opacity: 1;	-webkit-opacity: 1;}.comingsoon-dec form button{	position: absolute;	right: 0;	top: 0;	bottom: 0;	height: 100%;	background-color: transparent;	padding: 20px 30px;	text-transform: uppercase;	line-height: normal;	font-size: 18px;	font-family: 'Merriweather', serif;	color: #fff;	border-width:0 0 2px 0;	border-style: solid;	border-color: #fff; }.social-4{	float: left;	width: 100%;	text-align: center;}.social-4 h5{	float: left;	width: 100%;	text-align: center;	color: #fff;	text-transform: capitalize;	line-height: normal;	font-weight: normal;	margin-bottom: 24px;}.social4-dec{	display: inline-block;	width: 590px;	background-color: rgba(255, 255, 255, 0.15);}.social4-dec li{	display: inline-block;}.social4-dec li a {    color: #fff;    display: block;    font-size: 18px;    height: 50px;    line-height: normal;    padding: 14px 0 15px;    text-align: center;    width: 50px;}/*	  ==============================================================		   COMING SOON PAGE CSS END	  ==============================================================*//*	  ==============================================================		  OUR TEAM PAGE CSS START	  ==============================================================*/.ourteam-page{	float: left;	width: 100%;	padding: 80px 0 30px;}.ourteam-page .traniers-thumb{	margin-bottom: 50px;}/*	  ==============================================================		  OUR TEAM PAGE CSS END	  ==============================================================*//*	  ==============================================================		   TEAM DETAIL PAGE CSS START	  ==============================================================*/.team-detail{	float: left;	width: 100%;	padding: 80px 0 0;}.team-tumb{	float: left;	width: 100%;	position: relative;	text-align: center;}.team-tumb:before{	content: "";	left: 10px;	right: 10px;	bottom: 10px;	top: 10px;	position: absolute;	border-color: rgba(255, 255, 255, 0.3);	border-style: solid;	border-width: 1px;	background-color: rgba(255, 255, 255, 0.1);}.team-tumb img{	float: left;	width: 100%;}.team-tumb ul{	position: absolute;	left: 0;	right: 0;	bottom: 0;	margin: 0 auto 30px;	text-align: center;}.team-tumb ul li{	float: none;	display: inline-block;	margin-right: 17px;}.team-tumb ul li:last-child{	margin: 0;}.team-tumb ul li a{	display: block;	color: #fff;	font-size: 20px;	line-height: normal;}.team-detail .text h3 {    font-weight: bold;    line-height: 26px;    margin-bottom: 25px;}.team-detail .text p{	margin-bottom: 10px;}.team-detail .text p:last-child {    margin-bottom: 48px;}/*progress*/.progress-wrap{	float: left;	width: 100%;	padding-top: 2px;}.progress-wrap h5{	line-height: 15px;	margin-bottom: 25px;}.kode_progress{	float: left;	width: 100%;}.kode_progress span {    display: block;    font-size: 16px;    line-height: 9px;    padding-bottom: 2px;    margin-bottom: 10px;}.kode_progress .progress_single_wrapper{	background-color: #d4d4d4;	height: 12px;	border-radius: 0;	margin-bottom: 25px;	float: left;	width: 100%;	position: relative;}.kode_progress .progressbar .label {    background: transparent none repeat scroll 0 0;    color: #666666;    display: block;    font-size: 16px;    font-weight: normal;    height: 30px;    left: 100% !important;    line-height: 30px;    margin-left: -39px;    padding: 0;    position: absolute;    text-align: center;    top: -50px;}.kode_progress .progressbars.progress_single{	height: 100%;	background-color: #0297dc;}.kode_progress .progressbars.progress_single >span {    color: #999;    font-size: 16px;    opacity: 1 !important;    position: absolute;    right: 0;    top: -21px;}.progress-wrap .kode_progress:last-child .progress_single_wrapper {    margin: 0;}/*accordian*/.accordian-wrap{	float: left;	width: 100%;}.accordian-wrap h4{	float: left;	width: 100%;	text-align:left;	line-height: 30px;	text-transform: capitalize;	font-weight: normal;	margin-bottom: 30px; }.kode_choose {    float: left;    text-align: left;    width: 100%;    padding: 8px 10px 12px;    position: relative;    border:1px solid #d4d4d4;    margin-bottom: 15px;}.kode_choose:before{	position: absolute;	right: 10px;	width: 15px;	height: 15px;	font-family: FontAwesome;	font-size: 15px;	top: 50%;	margin-top: -14px;	font-size: 18px;}.kode_choose.accordion-open:before{	content: "\f068";}.kode_choose.accordion-close:before{	content: "\f067";}.kode_choose span{	text-transform: capitalize;	color: #333333;	font-size: 16px;	float: left;}.accordion-content{	float:left;	width: 100%;	padding: 6px 0 10px;	margin-bottom: 15px}.accordion-content p{	margin: 0;}.margin-none.accordion-close,.accordian-wrap .accordion-content:last-child{	margin: 0;}/*timing*/.class-timing{	float: left;	width: 100%;	margin-bottom: 71px;}.class-timing h4{	float: left;	width: 100%;	text-align:left;	line-height: 30px;	text-transform: capitalize;	font-weight: normal;	margin-bottom: 30px; }.timing-dec{	float: left;	width: 100%;}.timing-dec li{	float: left;	width: 100%;	margin-bottom: 30px;}.timing-dec li:last-child{	margin: 0;}.timing-dec li span {    color: #333;    float: left;    font-family: "Lato",sans-serif;    font-size: 16px;    height: 30px;    line-height: normal;    margin-right: 25px;    padding: 5px 0;    text-transform: capitalize;    width: 75px;}.timing-dec li a{	float: left;	font-size: 14px;	color: #fff;	text-transform: uppercase;	padding: 6px 0;	margin: 0 5px;	height: 30px;	width: 97px;	text-align: center;	line-height: normal;	font-family: 'Lato', sans-serif;}.timing-dec li a:hover{	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);}.timing-dec li .workout{	background-color:#666666; }.timing-dec li .gym{	background-color:#e86060; }.timing-dec li .running{	background-color:#887fbe; }.timing-dec li .crossfit{	background-color: #ff6634;}.trainers-heading{	float: left;	width: 100%;	text-align: left;}.trainers-heading h4{	line-height: 26px;	margin-bottom: 47px;}/*	  ==============================================================		   TEAM DETAIL PAGE CSS END	  ==============================================================*//*	  ==============================================================		   GALLERY 3 CSS START	  ==============================================================*/.gallery3-slider-wrap{	float: left;	width: 100%;}.gallery3-slider{	float: left;	width: 100%;	margin-bottom: 30px;}.gallery3-slider .bx-wrapper{	margin-bottom: 0;}.gallery3-slider .bx-wrapper .bx-viewport {    background: transparent;    border: none;    box-shadow: none;    left: 0px;}.gallery3-slider .bx-pager.bx-default-pager{	display: none;}.gallery3-slider .bx-wrapper .bx-controls-direction a {    height: 42px;    margin-top: -16px;    outline: 0 none;    position: absolute;    text-indent: 0px;    top: 50%;    width: 42px;    z-index: 100;    background-image: none;}.gallery3-slider .bx-wrapper .bx-controls-direction a:before{	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	color: #fff;	background-color: #333333;	content: "";	text-align: center;	font-family: FontAwesome;	padding: 8px 0;}.gallery3-slider .bx-wrapper a.bx-prev:before{	content: "\f060";}.gallery3-slider .bx-wrapper a.bx-next:before{	content: "\f061";}.gallery3-slider figcaption{	position: absolute;	bottom: 0;	left: 0;	right: 0;	padding: 0 30px 37px;	opacity: 0;	-webkit-opacity: 0;	-moz-opacity: 0;	-webkit-transform: translate(0, 50px);	-moz-transform:   translate(0, 50px);	-ms-transform: translate(0, 50px);	-o-transform:  translate(0, 50px);	background-color: rgba(0, 0, 0, 0.3);}.gallery3-slider figure:hover figcaption{	opacity: 1;	-webkit-opacity: 1;	-moz-opacity: 1;	-webkit-transform: translate(0, 0px);	-moz-transform:   translate(0, 0px);	-ms-transform: translate(0, 0px);	-o-transform:  translate(0, 0px);}.gallery3-slider figcaption h5 a{	color: #fff;	line-height: normal;	text-transform: capitalize;	margin-bottom: 7px;}.gallery3-slider figcaption h6{	color: #fff;	font-size: 16px;	line-height: normal;	text-transform: lowercase;	display: inline-block;}.like{	float: right;	color: #fff;}a.like:visited{	color: red;}/*	  ==============================================================		   GALLERY 3 CSS END	  ==============================================================*//*：源码地址唯一出处: https://www.17sucai.com*/