/*

Theme Name: Crossfittone

*/

@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: Antonio-Regular;
	src: url(fonts/ArchivoNarrow-Bold.ttf);
}
:focus {
outline: 0;
}
input::-moz-focus-inner { 
  border: 0; 
}
header, section, footer, aside, nav, main, article, figure {
	display: block;
}
body {
	margin: 0;
	padding: 0; /*font-family:'Trebuchet MS';*/
	font-family: Roboto;
	font-size: 13px
}
body p {
	font-size: 14px;
	line-height: 23px;
	padding-bottom: 15px;
	margin: 0; /*font-family: 'Trebuchet MS';*/
	font-family: Roboto
}
body img {
	max-width: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 15px;
	margin: 0;
	text-align: center;
	font-family: Antonio-Regular;
}
figure {
	margin: 0
}
ul, body {
	margin: 0;
	padding: 0
}
a {
	text-decoration: none;
	cursor: pointer;
}
li {
	list-style: none
}
.main {
	width: 1200px;
	margin: 0 auto;
	clear: both
}
header nav ul li:hover {
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
.content_page {
	margin-top: 169px;
}
.why-crosfit img {
	float: left;
}
.why-crosfit-cont {
	padding: 30px 0;
	color: #fff;
	float: right;
	width: 48%
}
.why-crosfit-cont h2 {
	text-align: left
}
.why-crosfit-cont a {
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding: 13px 10px;
	float: left;
	cursor: pointer;
}
.why-crosfit-cont a:hover, .newsletter form input[type="submit"]:hover, .get-form form input[type="submit"]:hover, .inn-er .button:hover, .member .wpcf7-form-control.wpcf7-submit:hover {
	border: 1px solid #EA6BA8;
	color: #EA6BA8;
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
.testimonials section.box:hover h3 {
	color: #EA6BA8;
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
header {
	width: 100%;
	height: 149px;
	/*overflow: hidden;*/

	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
header .logo img, header .banner img {
	max-width: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
header.shrink {
	height: 119px;
}
header.shrink .banner img, header .banner img {
	float: right;
}
header.shrink .logo img, header.shrink .banner img {
	max-width: 67%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
header.shrink nav {
	background-color: #ea6ba8;
	height: 48px;
	line-height: 52px;
	margin-top: 20px;
	overflow: hidden;
}
header, nav, .why-crosfit, .testimonials, work, .newsletter figure, .newsletter .form, .footer, .testimonials footer {
	width: 100%;
	float: left
}
header {
	padding: 20px 0 0 0
}
header figure.logo {
	float: left
}
header figure.banner {
	float: right
}
header nav {
	background-color: #ea6ba8;
	height: 55px;
	margin-top: 19px;
	line-height: 55px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.active {
	background-color: #00afb9
}
header nav ul li {
	float: left;
	padding: 0 18px;
}
header nav ul li a {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	display: block
}
header nav ul li:hover, header nav ul li.current-menu-item {
	background-color: #03c3ce;
}
header nav ul li.book, header nav ul li.store {
	padding: 0
}
.slider {
	text-align: center;
}
header .three-menu {
	position: relative;
	z-index: 10001;
}
header .three-menu nav {
	background-color: #fff;
	border-radius: 50px;
	position: absolute;
	right: 0;
	bottom: -69px;
	width: 215px;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
}
header .three-menu nav ul li {
	float: left;
	padding: 0 8px
}
header .three-menu nav ul li a {
	color: #676767;
	font-size: 13px;
	font-weight: normal;
	text-transform: capitalize
}
header .three-menu nav ul li a img {
	margin-right: 8px
}
header .three-menu nav ul li:hover {
	background-color: transparent
}
.innerPgaeTitle .three-menu {
	position: relative;
}
.innerPgaeTitle .three-menu nav {
	background-color: #fff;
	border-radius: 50px;
	position: absolute;
	right: 0;
	top: -43px;
	width: 270px;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
}
.innerPgaeTitle .three-menu nav ul li {
	float: left;
	padding: 0 8px
}
.innerPgaeTitle .three-menu nav ul li a {
	color: #676767;
	font-size: 13px;
	font-weight: normal;
	text-transform: capitalize
}
.innerPgaeTitle .three-menu nav ul li a img {
	margin-right: 8px
}
.innerPgaeTitle .three-menu nav ul li:hover {
	background-color: transparent
}
.why-crosfit {
	background-color: #00AFB9;/* padding:30px 0;*/
	color: #fff
}
.testimonials {
	background-color: #fff;
	padding: 30px 0;
	color: #676767
}
.testimonials p {
	color: #676767
}
.testimonials h2 {
	color: #00afb9
}
.testimonials section.box {
	float: left;
	width: 31%;
	margin-right: 3%;
	text-align: center
}
.testimonials section.box figure img {
	border: solid 1px #999999
}
h3 {
	font-size: 20px;
	color: #151818;
	padding: 10px 0
}
.testimonials section.box:last-child {
	margin-right: 0
}
.testimonials footer {
	text-align: center
}
.testimonials footer img {
	margin: 0 1% 0 0
}
.work {
	background-color: #ea6ba8;
	padding: 30px 0;
	color: #fff;
}
.work .video {
	float: left;
	width: 585px;
	position:relative
	/*height: 394px*/
}

#benefitsForWomen, #miniGuide{background-color: #676767;
    left: 30%;
    opacity: 0.9;
    padding: 2%;
    position: absolute;
    top: 30%;
    width: 235px;}
	
	
	#benefitsForWomen input, #miniGuide  input{  background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    margin-bottom: 7px;
    padding: 4%;
    width: 214px;}
	
	#benefitsForWomen input[type="submit"], #miniGuide  input[type="submit"]{ cursor: pointer;
    text-transform: uppercase;
    width: 100%;}

.work  .video2{ float:right;}
.work figure img {
	border: solid 1px #e960a2
}
.work .workoutimg {
	float: right;
	width: 653px
}
.work .workoutimg figure {
	float: left;
	width: 313px;
	height: 186px;
	margin: 0 4% 4% 0;
	overflow: hidden
}
.work .workoutimg figure:nth-child(even), .get-form form input:nth-child(even) {
	margin-right: 0
}
#inStock { color:green;font-size:21px }

.single_product_page_right .single_variation {
    padding-top: 10px;
}
.newsletter figure img {
	margin-right: 1%;
	margin-top: 2%
}
.newsletter form input[type="text"] {
	background-color: transparent;
	border: 1px solid #676767;
	color: #676767;
	float: left;
	margin-right: 4%;
	padding: 13px 10px;
	width: 200px;
}

#boxes form input[type="text"] {
	background-color: #fff;
	border: 1px solid #fff;
	color: #333;
	float: left;
	margin-bottom:20px; font-size:17px; /*font-weight:bold;*/
	padding: 13px 10px;
	width: 47.5%;
	  border-radius: 5px;
}

.newsletter form input[type="submit"] {
	width: 100px;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #00afb9;
	color: #00afb9;
	padding: 13px 10px;
	float: left;
	cursor: pointer
}
#boxes .ajax-loader {  
   right: 32px;
    /*top: -35px;*/ float:left;
	}

	
#boxes div.wpcf7-mail-sent-ok{ border: 0 none !important;
    float: left;
    font-size: 12px;
    padding: 14px 1px 0 0;
    text-align: left;
    text-transform: initial;
    width: 100%;font-weight: bold;}
	
 #boxes form input[type="submit"]{
	width: 100%;

	
	/*text-transform: uppercase;
	background-image: url("images/popup-button.png"); padding: 13px 10px;*/
	background-color: #ea6ba8; font-size: 19px;border-radius: 5px;
	width:330px;height:41px;
	border: 2px solid #fff;
	color: #fff;
	
	float: left;
	cursor: pointer
	
}
.newsletter form {
	display: block;
	margin: auto;
	width: 50%;
}
.footer {
	background-color: #676767;
	color: #c2c1c1;
	text-align: left
}
.footer h3 {
	color: #fff;
	text-align: left;
	padding: 0 0 15px 0;
	font-size: 30px
}
.footer section.box {
	text-align: left;
	width: 31%;
}
.footer a {
	color: #c2c1c1
}
.footer a:hover {
	color: #EA6BA8;
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
.footer .open-time {
	width: 27%;
	margin-right: 4%;
	float: left
}
.footer .contact {
	width: 25%;
	margin-right: 4%;
	float: left
}
.footer .get-form {
	width: 40%;
	float: right
}
.footer .open-time ul li, .footer .contact ul li {
	border-bottom: solid 1px #c2c1c1;
	padding: 0 0 13px 0;
	margin: 0 0 13px 0
}
.footer .open-time ul li span {
	font-weight: bold
}
.get-form form input {
	background-color: #fff;
	border: 1px solid #676767;
	color: #676767;
	float: left;
	margin: 0 4% 4% 0;
	padding: 13px 10px;
	width: 43%;
}
.get-form form textarea {
	background-color: #fff;
	border: 1px solid #676767;
	color: #676767;
	float: left;
	resize: none;
	margin: 0 4% 4% 0;
	padding: 13px 10px;
	width: 94%;
}
#HomeVideoPage .viewvideo {
    float: left;
    height: auto;
    margin-right: 20px;
    position: relative;
    width: 585px;
}
#HomeVideoPage .viewvideo .lead {
    background-color: #676767;
    left: 16%;
    padding: 2%;
    position: absolute;
    top: 23%;
    width:235px;opacity:0.9
}
#HomeVideoPage .viewvideo .error { border:1px solid #ea6ba8 !important;  } 


#HomeVideoPage .viewvideo .lead input{ background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    margin-bottom: 7px;
    padding: 4%;
    width: 214px;}
	#HomeVideoPage .viewvideo .lead input[type="submit"]{ width:100%; text-transform:uppercase; cursor:pointer;}
	
	#HomeVideoPage .viewvideo .lead input:last-child{ margin-bottom:0}
	.viewvideo > iframe {
    float: left;
}
.get-form form input[type="submit"] {
	width: 100px;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #00afb9;
	color: #00afb9;
	padding: 13px 10px;
	float: left;
	cursor: pointer
}
.copyright {
	background-color: #00AFB9;
	color: #fff
}
.marginRightZero {
	margin-right: 0px !important;
}
.map {
	float: left;
	height: 195px;
	width: 100%;
}
.galleryPage figure {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	box-shadow: 0 1px 3px #c1c1c;
	-moz-box-shadow: 0 1px 3px #c1c1c1;
	-o-box-shadow: 0 1px 3px #c1c1c1;
	-ms-box-shadow: 0 1px 3px #c1c1c1;
	-webkit-box-shadow: 0 1px 3px #c1c1c1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px
}
.galleryPage figure:nth-child(4n+0) {
	margin-right: 0
}
.innerPgaeTitle {
	background-color: #03c3ce;
	width: 100%;
	float: left;
	height: 110px;
	margin-bottom: 40px;
}
.innerPgaeTitle h3 {
	margin-top: 23px;
	text-align: left;
	width: 75%;
	color: #fff;
	font-size: 30px
}
.inn-er, .sec {
	width: 100%;
	float: left;
	color: #676767;
}
.inn-er h2 {
	text-align: left;
	color: #00afb9;
}
.inn-er .box {
	float: left;
	width: 32%;
	margin-right: 2%
}
.inn-er .box figure {
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
}
.inn-er .box:last-child {
	margin-right: 0
}
.inn-er b {
	color: #EA6BA8
}
.inn-er .three-box {
	width: 100%;
	float: left
}
.inn-er .three-box h3 {
	text-align: left;
	text-transform: capitalize;
}
.inn-er .four-box .box {
	width: 48%;
	margin-bottom: 2%
}
.inn-er .four-box figure {
	margin-right: 3%;
	width: 40%;
	float: left
}
.inn-er .four-box h3 {
	padding-top: 0
}
.sec {
	margin-bottom: 20px
}
.effect2 {
	position: relative;
}
.effect2:before, .effect2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.inn-er ul li {
	float: left;
	width: 48%;
	margin-right: 2%
}
.inn-er ul li h3 {
	text-align: left
}
.inn-er ul li:last-child {
	margin-right: 0
}
.rate {
	font-family: Roboto;
	font-size: 13px;
}
.rate .heading {
	font-weight: bold;
	background-color: #EA6BA8;
	color: #fff
}
.rate ul {
	float: left;
	width: 100%
}
.rate ul li {
	float: left;
	padding: 10px;
	width: 30%;
	border: solid 0px #676767;
	margin-right: 0;
	text-align: center
}
.rate ul:nth-child(even) {
	background-color: #676767;
	color: #fff
}
.rate .left {
	float: left;
	width: 55%;
	margin-right: 2%
}
.rate .right {
	float: right;
	width: 43%
}
.inn-er .sec h3 {
	text-align: left
}
.inn-er .sec h4 {
	font-size: 17px;
	text-align: center;
	padding-bottom: 0
}
.rate ul li:last-child() {
	text-align: right
}
.rate span {
	padding-top: 10px;
	float: left;
	width: 100%
}
.inn-er .button {
	background-color: transparent;
	border: 1px solid #00afb9;
	color: #00afb9;
	cursor: pointer;
	float: left;
	padding: 13px 10px;
	text-transform: uppercase;
	margin: 20px 3% 0 0;
	font-family: Antonio-Regular;
}
.single_product_page_right .reset_variations { color:red; padding-left:10px; }
.two ul li {
	width: 46%
}
.member {
	float: left;
	margin: 0 0 30px;
	width: 100%;
}
.member .wpcf7-form-control-wrap {
	margin-bottom: 4%;
	margin-right: 4%;
	width: 48%;
	float: left
}
.member input {
	background-color: transparent;
	border: 1px solid #676767;
	color: #676767;
	width: 92%;
	padding: 4%;
}
.member .wpcf7-form-control-wrap:nth-child(odd) {
	margin-right: 0;
}
.member .wpcf7-form-control-wrap.textarea-549 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 24px;
}
.member textarea {
	background-color: transparent;
	border: 1px solid #676767;
	color: #676767;
	padding: 2%;
	width: 96%
}
.member .left {
	width: 40%;
	float: right
}
.member .right {
	width: 58%;
	float: left
}
.member .wpcf7-form-control.wpcf7-submit {
	padding: 2%;
	width: 100%;
	background-color: transparent;
	border: 1px solid #00afb9;
	color: #00afb9;
	cursor: pointer;
	text-transform: uppercase;
}
.ajax-loader {
	/*left: 8px;*/
	position: relative;
	top: 10px;
}
.member div.wpcf7-response-output {
	margin: 0;
	padding: 0
}
.blog {
	color: #676767;
}
.blog .left {
	float: left;
	width: 70%
}
.blog .right {
	float: right;
	width: 30%
}
.blog h3 {
	text-align: left;
	padding:10px 10px 5px 10px;/* font-size:15px*/
	height: 46px;
	overflow: hidden;
	font-family:"OpenSans-Semibold";
}
.blog .entry-content , .woocommerce-tabs.wc-tabs-wrapper .entry-content p {
	line-height: 25px;
	text-align: left;
}
 .woocommerce-tabs.wc-tabs-wrapper .entry-content  {
color : #676767
 }
.blog article {
	border: 1px solid #d0cbcb;
    float: left;
    margin-bottom: 51px;
    margin-right: 7%;
    padding: 0;
    text-align: center;
    width:41.6%; 
}
.blog article:hover {
	-moz-box-shadow: 0 0 5px #00AFB9;
	-webkit-box-shadow: 0 0 5px #00AFB9;
}
.blog figure {
	width: 100%;
	height: 190px;
	overflow: hidden;
}
.blog figure img{ width:100%;}

.blog article:hover {
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
.blog article:hover figure {
	border-radius: 13px;
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
/**.blog article:hover .button {
	border: 1px solid #EA6BA8;
	color: #EA6BA8;
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}**/
.blog article:hover h3 {
	color: #EA6BA8
}
.blog .button , .summary.entry-summary .single_add_to_cart_button , .single_product_page .add_to_wishlist  , .single_product_page_right .yith-wcwl-wishlistaddedbrowse.show > a  , .single_product_page_right .yith-wcwl-wishlistexistsbrowse.show > a {
	background-color: transparent;
	color: #00afb9;
	cursor: pointer;
	float: left;
	font-family: Antonio-Regular;
	padding: 7px 10px;
	text-transform: uppercase;
	text-align: center;
}
.wishlist-title > h2 {
    display: none;
}
.single_product_page .add_to_wishlist  , .single_product_page_right .yith-wcwl-wishlistaddedbrowse.show > a  , .single_product_page_right .yith-wcwl-wishlistexistsbrowse.show > a { width:21.5%; }
.blog article span , .summary.entry-summary span{
	 color: #9d9b9b;
    float: right;
    padding-bottom: 15px;
    padding-right: 14px;
    text-align: right;
    width: 100%;
	font-style:italic;
}
.blog article:nth-child(2n-2) {
	margin-right: 0
}
/**.blog article:nth-child(5) {
	margin-right: 7%!important;
}
.blog article:nth-child(10){ float:left;}**/
.entry-content{ padding:0px 10px;}

.entry-content-bottom a.button{  color: #d64d8f; font-size:13px; text-transform:capitalize;
    float: left;
    padding: 13px 0 0 20px;
	font-family:roboto;
	
	    }


.entry-content-bottom ul {
    float: right;
    /* padding-right: 7px; padding-top:8px; */}
.entry-content-bottom  ul li {
    float: left;
    list-style: outside none none;
    padding-right: 10px;
	 height: 56px;
    margin-top: -7px;}
	
.entry-content-bottom{ float:left; width:100%; border-top:1px solid #d0cbcb; margin-top:15px;}	


.store span.amount   , .summary.entry-summary span.amount {
	font-size: 30px;
	color: #EA6BA8;
	font-weight: bold;
	padding-bottom: 0
}
.testimonials .attachment-post-thumbnail {
	float: right;
	margin: 0 0 0 20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
#postDetail h3 {
	text-align: left
}
#postDetail img {
	text-align: center
}
.wpcf7-not-valid {
	border: 1px solid #ea6ba8 !important;
}
.mobileMenu {
	display: none
}

.footerBanner{  float: left;
    margin: 20px 0;
    text-align: center;
    width: 100%;}
	/*.footerNav{float:right; width:20%}
	.footerNav ul li{ float:left; padding:0 10px}*/
	.footerNav ul li a{ color:#fff }
	.copyright .textwidget{ float:left; text-align:left;  border-right: 1px solid;padding: 0 20px 0 0; border-right: 1px solid;}
	.copyright .footerNav{ float:left; padding: 0 10px;}
	.copyright .footerNav ul li{ float:left; padding: 0 10px;}
#testimonials_mobile{ display:none}
.newsletter .widget_wysija_cont {
    height: 53px;
}

.single_product_page .images{ float:left; width:40%; margin:0 20px 20px 0}
.single_product_page_right{ float:right;width: 58%;}
.single_product_page_right h3{ display:none}
.single_product_page_right form{ float:left; width:100%; padding-bottom:20px}
.single_product_page .single_product_page_right form button{float: left!important;
    width: 160px!important;}
	.single_product_page .single_product_page_right form input[type="number"]{border: 1px solid #abadb3;
    padding: 10px;}
#big-calendar-div{ margin-bottom: 42px;  font-family: Antonio-Regular;}

.row-fluid .span10{  font-family: antonio-regular;
    font-size: 16px;
    line-height: 42px;
    width: 96%;}
	.apcal_alert-info{ width:100%}
.sharify-icon {
    color: white !important;
    text-align: center !important;
}
.member .right div.wpcf7 img.ajax-loader {
    left: 20px;
    position: relative;
    top: -37px;
}
form.checkout ul.woocommerce-error {
    display: none;
}

.inn-er .intropage .box {
    
   width: 18.4%;
}

.in-stock{ color:#E90512}
.variations .label{ display:none}
.variations select{border: 1px solid #abadb3;
    padding: 10px;}
#closeButton1 {
    right: -8px;
    top: -8px;
	position: absolute;
    z-index: 200;
	border:0 !important;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}	
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}
 
#boxes #dialog {
 width: 546px;
  height: 402px; 
  position: fixed;
 /* padding: 40px;
  background-image: url('images/pop-images.png');
 */
background-image: url('http://crossfittone.com.au/wp-content/uploads/2016/02/home-Page-Pop-Up.png');


  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
  background-repeat:no-repeat; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; left: 0 !important; margin: auto; right: 0 !important; 
}
#boxes .wpcf7 h2{ color:#fff}

#boxes .wpcf7 {
    margin-top: 260px;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}


	


/*@media only screen and (min-width: 480px) and (max-width: 767px) {}*/
/*@media only screen and (min-width: 768px) and (max-width: 959px) {}*/





.blog_new{ float:left; width:100%; background:#fff;}
.left_article_blog_new_section{float:left; width:70%;}
.blog_new_first_item{ float:left; width:100%;}
.main_item{ float:left; width:360px; border:1px solid #d0cbcb; margin-top:50px;}
.heading_text{ float:left; width:100%;}
.heading_text h3 { font-size:18px; text-align:left; color:#151818;  padding:9px 20px 0 20px; height: 76px;}
span.datetime{color:#4d5555; font-size:14px; text-align:right; padding:0 20px 0 0; float:right;}
.main_item p{ color:#8e8888; font-size:12px; text-align:left; padding:13px 20px 0; clear:both;}
.images_section{ float:left; width:100%;}
.images_section img{ width:100%;}
.date1{ float:left; width:100%;  margin-top:-11px;}
.main_item.right_side{ margin-left:50px;}

.social_link{border-top: 1px solid #d0cbcb; float: left; margin-top: 20px; padding: 10px 0; width: 100%;}
.social_link a.read{ float:left; padding:10px 0 0 20px; color:#d64d8f;}
.social_link ul{ float:right; padding-right:7px;}
.social_link ul li{ float:left; list-style:none; padding-right:10px;}



.right_about_section{float:left; width:100%;  }
.eli_about{ float:left; width:100%; }
.eli_about h4{ padding-bottom:5px;}
.eli_about h4,.facbookjoin h4{ font-size:18px;  color:#384243; text-align:left;}
.eli_about p{ padding:20px 0; color:#676767; font-size:16px; text-align:left;}
.facbookjoin{ float:left; width:100%; margin-top:9px;}

.fb_format{ background:url(images/DSC05335.jpg) no-repeat center/100%; float:left; width:100%;     margin-top: 15px; height:200px;}

.share_like-bt {float:left; width:100%; margin-top:25px;}
.fb_format img{ margin:17px;}
.share_like-bt a.share{ float:left;}
.share_like-bt a.like{ float:right;}

.cotegries-content{ width:100%; float:left; box-shadow:0px 0px 2px #ccc; margin-top:50px; border-radius:10px;  padding:25px 0; margin-bottom: 10px;}
.cotegries-content h3{ color:#2b2a28; font-size:25px; text-align:center !important;    }
.cotegries-content ul{ float:left; padding-left: 25px;}
.cotegries-content ul li{ background: rgba(0, 0, 0, 0) url("images/erow.jpg") no-repeat scroll left center;
    display: block;
    margin-top: 10px;
    padding-left: 28px;
    padding-top: 0;}
.cotegries-content ul li a{ color:#696866; font-size:15px;}
.all-paging{ float:left; width:100%; text-align:center; margin-top:30px; margin-bottom:30px;}

.all-paging ul{ width:299px; margin:auto;}
.all-paging ul li{background: #03c3ce none repeat scroll 0 0;
    border-radius: 8px;
    float: left;
    margin: auto auto auto 10px;
    padding: 10px 9px;
    width: 30px; }
ul.pagination li a{ color:#fff; font-size:14px; }
ul.pagination li.active{ background:#939191!important}






.left_sec { float:left; width:65%; padding-right:50px; 


}
.right_sec { float:left; width:30%;


}










.main_picture p{ font-size:18px; color:#4d5555;}
.fb-icon{ float:left; width:100%;}
.fb-icon ul{ float:right;}
.left_cont_fb{ float:left; width:50%;}
.right_cont_fb{ float:right; width:50%;}
.fb-icon ul li{ float:left; margin-left: 25px;}

.blog_inner_content{ float:left; width:100%; height:445px;}
.blog_inner_video{ float:left; width:100%;}

.blog_inner_video p{ font-size:18px; color:#000; text-align:center;}
.alie_ab{ float:left; width:100%; background:#f471b0; padding:15px 0;}
.ab_img{ float:left; width:16%;}
.ab_content{ color: #fff; float: left;  margin-left: 30px;  text-align: left; width: 80%;    }
.ab_content h3{ text-align:left;  color:#fff; font-size:30px;}
.blog_inner_social{ float:left; width:40%;}
.blog_inner_social ul{ float:right; padding-top: 61px;}
.blog_inner_social ul li{ float:left; margin-left:30px; }

.recommed{ background:url(images/CFT-Finals-29.jpg) no-repeat top center/100%; float:left; width:100%; text-align:center; color:#fff; padding:50px 0;}
.recommed ul{ float:left;}
.recommed ul li{   float: left;
    margin: 0 12px;
    overflow: hidden;
    width: 23%}
.recommed ul li:nth-child(2){ /* margin:0 81px; */}
.recommed ul li img{ width:100%;}

.content_blog{ float:left; width:100%; margin:20px 0px;}
.content_blog form{ width:90%; margin:auto; text-align:center;}
.content_blog form textarea{ width:93%; padding:20px; margin-top:30px;}
.content_blog form input[type="submit"]{ background:#f471b0; padding:10px; clear:both; border:none; width:150px; margin:auto; font-size:18px; color:#fff; margin-top:30px;}
.content_blog form input[type="text"]{ padding:15px; width:27%; box-shadow:0px 2px 2px #ccc; margin:0 16px;}
a.print{ border: 1px solid blue;
    border-radius: 50%;
    float: left;
    height: 28px;
    margin-right: 5px;
    margin-top: 13px;
    padding-top: 6px;
    text-align: center;
    width: 33px;}
#postDetail .icone{ margin-top:-26px;}
#postDetail .icone a.print{}
.fb-like.fb_iframe_widget{ display:none;}





@media only screen and (min-width: 0px) and (max-width: 767px) {
#boxes #dialog {background-image: url('http://crossfittone.com.au/wp-content/uploads/2016/04/popup1.jpg');
    background-size: 100% auto;
    height: 279px;
    left: 0 !important;
    margin: auto;
    position: absolute;
    right: 0 !important;
    top: 200px !important;
    width: 320px;}
	#boxes form input[type="text"]{ margin-bottom:12px;}
	
#boxes .wpcf7 { margin-top: 184px;}
	
#boxes form input[type="submit"] , #boxes form input[type="text"] { font-size:16px;}
#boxes .ajax-loader{ right: 10px;
    top: -32px;}

#boxes form input[type="submit"]{width:99%}
#boxes form input[type="text"]{ width:90%}

.main {
	width: 90%;
}
header {
	height: auto
}
header nav {
	display: none
}
header.shrink .logo img, header.shrink .banner img {
	width: 100%
}
.why-crosfit-cont, header figure.logo, header figure.banner {
	width: 100%;
	text-align: center;
	float: none;
	margin-bottom: 15px;
}
.banner img, header.shrink .banner img, header .banner img {
	float: none
}
.why-crosfit {
	padding: 30px 0;
	text-align: left
}
.why-crosfit p {
	text-align: left
}
.why-crosfit img {
	float: none
}
.content_page {
	margin-top: 0
}
header.shrink {
	height: auto
}
header {
	position: inherit
}
.work .video {
	height: auto;
	width: 100%;
}
.work .workoutimg {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.work .workoutimg figure {
	width: 48%;
	height: auto
}
.newsletter form {
	width: 100%;
	margin-bottom: 20px;
	float: left
}
.newsletter form input[type="text"] {
	width: 94%;
	margin-bottom: 4%;
	margin-right: 0;
}
.get-form form input {
	width: 94%
}
.footer .get-form, .footer .contact, .footer .open-time {
	width: 100%;
	float: left
}
.mobileMenu {
	display: block;
	margin-bottom: 15px
}
#testimonials_web{ display:none}
#testimonials_mobile{ display:block}
.testimonials section.box{ width:100%}
.mobileMenu select {
	width: 100%;
	background-color: #fff;
	border: 5px solid #00AFB9;
	color: #00AFB9;
	font-size: 18px;
	font-weight: boldl;
	text-align: center;
}
.mobileMenu select option {
	margin-bottom: 10px;
	border-bottom: solid 1px #FFFFFF;
	padding-bottom: 10px
}
.innerPgaeTitle .three-menu {
	display: none
}
.blog article {
	margin-right: 0;
	width: 90%;
	padding: 5%
}
.member .left, .rate .right {
	display: none
}
.member .right {
	width: 100%
}
.member .wpcf7-form-control-wrap, .rate .left {
	width: 100%;
	margin-right: 0
}
.innerPgaeTitle {
	height: auto
}
.innerPgaeTitle h3 {
	margin: 10px 0;
	width: 100%;
}
.inn-er .box, .inn-er ul li, .inn-er .four-box .box {
	width: 100%;
	margin-right: 0
}
.rate ul li {
	width: 26%
}
.two ul li {
	width: 40%
}
.inn-er .sec h4 {
	font-size: 12px
}
.rslides_nav {
	margin-top: -29px;
}
.galleryPage figure{ width:100%; margin-right:0}

.copyright .footerNav{ padding:0}
.copyright .textwidget{ border:0}
.copyright .footerNav ul li{ padding-left:0}
.footerBanner{ text-align: center;
    width: 100%; margin:0 auto}
	
	.single_product_page .images{ float:left; width:100%; margin:0 0px 20px 0}
.single_product_page_right{ float:right;width: 100%;}
.inn-er .intropage .box {
    width: 100%; margin-right:0
}

#HomeVideoPage .viewvideo{ width:100%; margin-right:0}
#HomeVideoPage .viewvideo .lead{ left:12%}
.galleryPage figure{text-align: center;}
}

/*Blog responsive code*/


@media (min-width: 768px) and (max-width: 1024px) {
	
.main{clear: both; margin: 0 auto; width: 95%;	}
.blog .left {clear: both;float: none; margin: auto;  width: 94%;}	
.blog .right { clear: both; float: none; margin: auto;  width: 47%;}	
.left_sec { padding-right: 20px; width: 65%;}
.right_sec {float: left; width: 32%;}
.right_sec .fb_format img { margin: 3px;}
.cotegries-content ul {float: left;padding-left: 15px;}
.recommed ul li {float: left; width: 23%;   margin:0 7px;}
.recommed { background-size:cover;}
.recommed ul li:nth-child(2) {}
.content_blog form input[type="text"] {box-shadow: 0 2px 2px #ccc; margin: 0 2px;}
.ab_content {margin-left: 14px; margin-top: -20px;width: 49%;}
.blog_inner_social {float: left;width: 29%;}

}

@media (min-width: 360px) and (max-width: 640px) {
	
.blog .right {clear: both;float: none; margin: auto;width: 64%;	}
.blog .left { clear: both; float: none; margin: auto; width: 70%;}

}
@media (min-width: 320px) and (max-width: 360px) {
	
.blog .right{clear: both;float: none; margin: auto;width: 100%;	}
.blog .left{ clear: both; float: none; margin: auto; width: 100%;}	
.right_sec{ float: left; width: 100%;}
.ab_content{ width: 100%; margin:0}
.blog_inner_social {text-align: center; width: 100%;}
.blog_inner_social ul {float: none;	}
.left_sec {padding-right: 0; width: 100%;}
.recommed ul li:nth-child(2) { margin: 0;}
.icone{ width:100%!important;}
.recommed {background: rgba(0, 0, 0, 0) url("images/recommed.jpg") no-repeat scroll center top;background-size:cover;}
#postDetail .icone {margin-top: 0;}	
.recommed ul li {margin: 10px 0;width: 100%;}
.ab_img {width: 100%;}
#boxes .wpcf7 {margin-top: 190px;}	
#boxes #dialog {background-size: cover; height: 279px; top: 100px !important; width: 255px; background:url('http://crossfittone.com.au/wp-content/uploads/2016/04/popup2.jpg');
background-size:cover;}
}


@media (min-width: 361px) and (max-width:480px) {
	
.blog .right{clear: both;float: none; margin: auto;width: 100%;	}
.blog .left{ clear: both; float: none; margin: auto; width: 100%;}	
.right_sec{ float: left; width: 100%;}
.ab_content{ width: 100%;}
.blog_inner_social {text-align: center; width: 100%;}
.blog_inner_social ul {float: none;	}
.left_sec {padding-right: 0; width: 100%;}
.recommed ul li:nth-child(2) { margin: 0;}
.icone{ width:100%!important;}
.recommed {background: rgba(0, 0, 0, 0) url("images/recommed.jpg") no-repeat scroll center top;background-size:cover;}
.recommed ul {float: left; margin-left: 10%;}
.eli_about img {text-align: center; width: 100%;}
.ab_img {width: 100%;}
#boxes .wpcf7 {margin-top: 181px;}
}

@media (min-width: 481px) and (max-width:640px) {
	
.blog .right{clear: both;float: none; margin: auto;width: 100%;	}
.blog .left{ clear: both; float: none; margin: auto; width: 100%;}	
.right_sec{ float: left; width: 100%;}
.ab_content{ width: 100%;}
.blog_inner_social {text-align: center; width: 100%;}
.blog_inner_social ul {float: none;	}
.left_sec {padding-right: 0; width: 100%;}
.recommed ul li:nth-child(2) { margin: 0;}
.icone{ width:100%!important;}
.recommed {background: rgba(0, 0, 0, 0) url("images/recommed.jpg") no-repeat scroll center top;background-size:cover;}
.recommed ul {float: left; margin-left: 21%;}
.eli_about img {text-align: center; width: 100%;}
.recommed ul {margin-left: 0;}
.recommed ul li {margin: 10px 0;width: 100%;}	
}

@media (min-width:480px) and (max-width:1199px) {

.recommed {background: rgba(0, 0, 0, 0) url("images/recommed.jpg") no-repeat scroll center top!important; background-size:cover!important;}
}


.social-link .testimonials{ padding-bottom:0;}
.social-link .testimonials figure img { width: auto;}
.social-link{ width:100%; float:left;}
.social-link .testimonials figure{ height:auto!important;}