/*
Theme Name: 	Grid Fitness
Description: 	Grid Fitness Wordpress theme!
Version: 		1.0
Author: 		Nathan Stanmore
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/\

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*@import "css/reset.css";*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,700');

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font-family: 'Raleway', sans-serif; color:#000/* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight: normal; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

p {
    line-height: 1.575em;
    margin-bottom: 20px;
}

/* Header */

h2 {
	color: #1b9dc3;
}

.top-bar {
	background: #51bfe0;
    color: #fff;
	padding: 6px 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
}

.top-bar strong {
	color: #fff;
	font-weight: 800;
}

.top-bar span {
	margin-right: 25px;
}

.top-bar ul {
	margin: 0;
}

.top-bar ul li {
	list-style: none;
	float: left;
	margin-left: 15px;
}

.top-bar ul li a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

.top-bar ul li a:hover {
	color: #adadad;
}


header {
	z-index: 999;
    position: relative;
}

header .navbar {
	background: none;
	border: none;
	background: #ffffffeb;
	margin-bottom: 0;
}

header .navbar .navbar-brand {
	height: auto;
}

header .navbar .navbar-brand img {
	max-width: 340px;
}

header .navbar .navbar-nav {
	float: right;
	margin-top: 25px;
}

header .navbar .navbar-nav li a {
	text-transform: uppercase;
	/*font-weight: 600;*/
	color: #81c341;
	padding: 15px 15px;
}

header .navbar-default .navbar-nav>.active>a, 
header .navbar-default .navbar-nav>li>a:focus, 
header .navbar-default .navbar-nav>li>a:hover {
	color: #51bfe0  !important;
	background: none !important;
	border-bottom: 2px solid #51bfe0 ;
}

header .dropdown-menu {
	border: none;
	background: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	padding: 0;
	border-radius: 0;
}

/* Banner Slider */

.banner-wrapper {
	overflow: hidden;
	margin-top: -122px;
	float: left;
    width: 100%;
    height: 600px;
}

.banner-slider .slick-dots li button:before {
	font-size: 10px;
	color: #81c341;
}

/* Block 2 */

.block2 {
	padding: 100px 0;
	background: #f3f6f7;
}

.block2 h2 {
	font-weight: 300;
	font-size: 50px;
	margin-bottom: 50px;
}

.block2 h2 em {
	border: 1px solid #81c442;
	padding: 8px 20px 0;
	position: relative;
	font-style: normal;
}

.block2 h2 em:before {
	border: 1px solid #81c442;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 7px;
}

.block2 .intro {
	font-size: 14px;
	background: #fff;
    margin-top: -330px;
    padding: 30px;
    box-shadow: 0px 0px 10px #00000036;
}

.block2 .sections {
	text-align: center;
}

.block2 .sections h3 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 160px;
}

.block2 .sections .item:nth-child(2) h3 {
	margin-top: 110px;
} 

.block2 .sections .divider {
	border-top: 1px solid #000;
	margin: 45px 25px 35px;
	position: relative;
}

.block2 .sections .divider:before {
	border-left: 1px solid #000;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    height: 50px;
    top: 0;
    margin-top: -25px;
    transform: rotate(35deg);
}

.block2 .sections .divider:after {
	border-left: 1px solid #000;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 10px;
    height: 50px;
    top: 0;
    margin-top: -25px;
    transform: rotate(35deg);
}

.block2 .sections .text {
	padding: 15px 20px;
}

.block2 .sections .btn {
	color: #000;
	border: 1px solid #000;
	border-radius: 0;
	font-size: 21px;
	text-transform: uppercase;
	position: relative;
	padding: 10px 15px 2px;
	transition: 0.3s;
}

.block2 .sections .btn:after {
	border: 1px solid #000;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 7px;
    transition: 0.3s;
}

.block2 .sections .btn:hover {
	padding: 6px 15px 6px;
}

.block2 .sections .btn:hover:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* Block 3 */

.block3 {
	background: url('img/block3-bg.jpg') no-repeat center center;
	background-size: cover;
	padding: 75px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	/*border-bottom: 5px solid #81c342;*/
}

/*.block3:before {
    background: #51bfe026;
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}*/

.block3 h2 {
	display: inline-block;
	margin: 0 auto;
	color: #fff;
	font-weight: 800;
	font-size: 60px;
	position: relative;
	padding: 8px 20px 0;
	/*border: 1px solid #1b9dc3;*/
	margin-bottom: 75px;
	text-shadow: 0 0 4px #000;
	/*font-weight: 800;*/
}

.block3 h2 strong {
    font-weight: 800;
}

.block3 h2:after {
	/*border: 1px solid #1b9dc3;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 7px;*/
}

.block3 .class-slider .inner {
	box-shadow: 0 0 10px #00000087;
	background: #fff;
	margin-bottom: 10px;
}

.block3 .class-slider .image {
	background-size: cover !important;
	height: 200px;
}

.block3 .class-slider h3 {
	color: #fff;
    /*text-shadow: 0 0 3px #000;*/
    padding: 85px 15px;
    font-size: 28px;
    text-align: center;
    margin: 0;
    background: #1b9dc34f;
}

.block3 .class-slider .text {
	background: #fff;
    padding: 40px 15px;
    font-size: 12px;
    /*font-weight: 700;*/
    line-height: 1.575em;
}

.block3 .class-slider .text .btn {
	color: #81c342;
    border: 1px solid #81c342;
    border-radius: 0;
    font-size: 21px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 15px 2px;
    transition: 0.3s;
    margin-top: 15px;
}

.block3 .class-slider .text .btn:after {
	border: 1px solid #81c342;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 7px;
    transition: 0.3s;
}

.block3 .class-slider .text .btn:hover {
	padding: 6px 15px 6px;
}

.block3 .class-slider .text .btn:hover:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.block3 .slick-prev:before,
.block3 .slick-next:before {
	display: none;
}

.block3 .slick-prev {
	background: url('img/arrow-left.png') no-repeat center center;
	width: 45px;
	height: 90px;
	margin-left: -30px;
}

.block3 .slick-next {
	background: url('img/arrow-right.png') no-repeat center center;
	width: 45px;
	height: 90px;
	margin-right: -30px;
}

/* Block 4 */

.block4 {
	position: relative;
	min-height: 500px;
}

.block4 .overlay {
	width: 100%;
    position: absolute;
    text-align: center;
    /*background: #1b9dc34d;*/
    height: 96%;
	opacity: 1;
    transition: 0.5s;
    z-index: 999;
    pointer-events: none;
}

.block4 .overlay:hover {
	opacity: 1;
}

.block4 .overlay .title {
	position: absolute;
	top: 45%;
	width: 100%;
}

.block4 .overlay .title h3 {
	font-size: 41px;
	font-weight: 300;
	color: #81c342;
	text-transform: uppercase;
	margin: 0;
	line-height: 1em;
	text-shadow: 0 0 30px #000;
}


.block4 .overlay .title h2 {
	font-size: 70px;
	color: #51bfe0;
	text-transform: uppercase;
	margin: 0;
	line-height: 1em;
	text-shadow: 0 0 30px #000;
}

/* Block 5 */

.block5 {
	padding: 100px 0;
}

.block5 .become-member:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #81c341a3;
}

.block5 .become-member-container {
	/*background: #f7f7f7;*/
}

.block5 .become-member {
	background: url(img/block5-bg.jpg) no-repeat center center;
    font-size: 106px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 0.9em;
    padding: 100px 0;
    /*text-shadow: 2px 2px 7px #000000a8;*/
    position: relative;
    margin-right: -15px;
}

.block5 .become-member span.light {
	font-weight: 200;
}

.block5 .form-container {
	background: #51bfe0;
	text-align: center;
}

.block5 .form-container .inner {
	padding: 88px 100px;
}

.block5 .form-container h2 {
	text-transform: uppercase;
    font-weight: 800;
    font-size: 52px;
    color: #000;
}

.block5 .form-container .wpcf7-form-control-wrap input {
	text-align: center;
    border-radius: 0;
    border-color: #000;
    background: none;
    margin-bottom: 25px;
    padding: 10px;
    height: auto;
    color: #000;
}

.block5 .form-container .wpcf7-form-control-wrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
}
.block5 .form-container .wpcf7-form-control-wrap input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.block5 .form-container .wpcf7-form-control-wrap input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.block5 .form-container .wpcf7-form-control-wrap input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.block5 .form-container .btn {
	color: #fff;
    background: #000;
    font-size: 18px;
    font-weight: 800;
    border-radius: 0;
    padding: 6px 30px;
    transition: 0.3s;
}

.block5 .form-container .btn:hover {
	background: #333;
}

/* Block 6 */

.block6 {
	text-align: center;
	padding-bottom: 100px;
}

.block6 h2 {
	font-size: 60px;
	text-transform: uppercase;
	margin-bottom: 0px;
}


.block6 .btn {
	color: #000;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 21px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 15px 2px;
    transition: 0.3s;
    margin-top: 75px;
	
}

.block6 .btn:after {
	border: 1px solid #000;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 7px;
    transition: 0.3s;
}

.block6 .btn:hover {
	padding: 6px 15px 6px;
}

.block6 .btn:hover:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.block6 .shop-item a {
	color: #000;
	text-decoration: none;
	margin-top: 15px;
	display: block;
}

.block6 .shop-item h3 {
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.block6 .shop-item span.price {
	font-size: 16px;
}

.block6 .shop-item img {
	transition: 0.3s;
}

.block6 .shop-item a:hover img {
	margin-top: -10px;
	margin-bottom: 10px;
}

/* Newsletter Block */

.newsletter-block {
	background: #81c341 /*url('img/newsletter-background.jpg') no-repeat center center*/;
	background-size: cover;
	text-align: center;
	padding: 35px 0;
}

.newsletter-block h2 {
	font-weight: 600;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 41px;
}

.newsletter-block h2 span {
	font-weight: 300;
}

.newsletter-block p {
	color: #fff;
	margin: 0;
}

.newsletter-block input {
	width: 250px;
	margin: 0 auto;
	display: block;
	background: none;
	border-radius: 0;
	border: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

.newsletter-block input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.newsletter-block input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.newsletter-block input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.newsletter-block input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.newsletter-block input.submit-btn {
	background: #fff;
	color: #000;
	font-weight: 700;
	transition: 0.3s;
}

.newsletter-block input.submit-btn:hover {
	background: #b3b3b3;
	border-color: #b3b3b3;
}

/* recent Posts */

.recent-posts {
	padding: 50px 0;
}

.recent-posts h2 {
	color: #000;
	text-align: center;
	font-size: 65px;
	font-weight: 300;
	margin-bottom: 50px;
}

.recent-posts h2 span {
	font-weight: 600;
}

.recent-posts .date {
	border: 1px solid #000;
	text-align: center;
	padding: 22px 0px;
    margin-top: 25px;
}

.recent-posts .date .day {
	font-weight: 700;
	font-family: arial, sans-serif;
	font-size: 52px;
	clear: both;
	display: block;
	line-height: 0.8em;
}

.recent-posts .date .month {
	text-transform: uppercase;
	font-size: 25px;
	display: block;
	line-height: 0.8em;
}

.recent-posts .post-text {
	margin-bottom: 35px;
}

.recent-posts .post-text h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 32px;
}

.recent-posts .post-text {
	font-size: 13px;
}

.recent-posts .post-text a {
	font-weight: 700;
	font-style: italic;
	color: #000;
}


/* Footer */

footer .footer-logo {
	text-align: center;
	margin: 75px auto;
	display: block;
}

footer ul {
	text-align: center;
}

footer ul li {
	display: block;
	display: inline-block;
	color: #000;
	margin: 0 10px;
	text-transform: uppercase;
	font-size: 13px;
}

footer ul li a {
	color: #51bfe0;
	font-weight: 500;
	transition: 0.3s;
	text-decoration: none !important;
}

footer ul li a:hover {
	color: #81c341;
}

footer .social-links {
	text-align: center;
	font-size: 55px;
	padding: 50px 0;
}

footer .social-links a {
	padding: 0 8px;
	color: #81c341;
	transition: 0.3s;
}

footer .social-links a:hover {
	color: #51bfe0;
}

footer .bottom {
	background: #51bfe0;
	color: #fff;
	padding: 10px 0;
	font-size: 13px;
}

footer .bottom a {
	color: #fff;
	transition: 0.3s;
	text-decoration: none;
}

footer .bottom a:hover {
	color: #fff;
}

/* General */


img {
	height: auto;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.banner {
	width: 100%;
	/*margin-top: -100px;*/
	/*height: 100px;*/
	position: relative;
}

.banner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #81c3417a;
}

.banner h1 {
	font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 52px;
    margin: 70px 0 30px;
    /*text-shadow: 0 0 10px #000;*/
}

.about-intro {
	padding: 75px 0;
}

.about-intro h2 {
	font-weight: 300;
	font-size: 45px;
	position: relative;
	margin-bottom: 35px;
}

.about-intro h2 em {
	border: 1px solid #81c342;
    padding: 8px 20px 0;
    position: relative;
    text-transform: none;
    font-style: normal;
}

.about-intro h2 em:after {
	border: 1px solid #81c342;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 7px;
}

.about-intro p {
	font-weight: 500;
}

.content-wrap {
	padding: 75px 15px;
}

.about-wrap {
	background: url('img/about-bg.jpg') no-repeat center center;
	background-size: cover;
}

.about-wrap ul {
	/*float: left;*/
	padding-left: 20px;
	display: inline-block;
}

/* Team Page */

.teammember-block {
	padding: 0px 20px 50px;
	text-align: center;
}

.teammember-block img {
	max-width: 100%;
}

.teammember-block button {
	color: #000;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 15px 2px;
    transition: 0.3s;
    background: none;
}

.teammember-block button:after {
	border: 1px solid #000;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 4px;
    left: 4px;
    transition: 0.3s;
}

.teammember-block button:hover {
	padding: 6px 15px 6px;
}

.teammember-block button:hover:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* Classes */

.classes-wrap {
	padding-bottom: 0;
	padding-top: 0;
}

.class .img-cont {
	padding: 0;
}

.class img {
	width: 100%;
	height: auto;
}

.class .text-cont {
	padding: 50px;
	text-align: center;
}

.class .text-cont h3 {
	font-size: 35px;
    text-transform: uppercase;
    font-weight: 300;
    margin: 35px 0;
    color: #1b9dc3;
}

.class .text-cont .btn {
	color: #000;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 15px 2px;
    transition: 0.3s;
    margin-top: 25px;
	background: none;
}

.class .text-cont .btn:after {
	border: 1px solid #000;
    display: inline;
    content: '';
    position: absolute;
    width: 101%;
    height: 102%;
    top: 5px;
    left: 5px;
    transition: 0.3s;
}

.class .text-cont .btn:hover {
	padding: 6px 15px 6px;
}

.class .text-cont .btn:hover:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* Shop */

.shop-wrap .page-title {
	display: none;
}

.product a {
	color: #000;
	text-decoration: none;
	margin-top: 15px;
	display: block;
	text-align: center;
}

.product h2 {
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.product span.price {
	font-size: 16px !important;
	color: #000 !important;
}

.product img {
	transition: 0.3s;
}

.product a:hover img {
	margin-top: -10px !important;
	margin-bottom: 10px !important;
}

.price_slider_wrapper {
	width: 96%;
	position: relative;
}

.price_slider {
	background: #fff;
}

.ui-slider-range.ui-widget-header {
	left: 0%;
    width: 100%;
    background-color: rgb(0, 0, 0);
    height: 6px;
    margin-bottom: 15px;
    position: relative;
}

.ui-slider-handle {
	left: 0%;
    height: 15px;
    width: 4px;
    background: rgb(0, 0, 0);
    /*border-radius: 50%;*/
    visibility: visible;
    display: block;
    top: -5px;
    position: absolute;
    z-index: 99;
}

.sidebar-cont {
	background: url('img/about-bg.jpg') no-repeat center center;
	background-size: cover;
	padding-bottom: 25px;
}

.woocommerce .woocommerce-ordering {
	margin-top: -30px;
}

.woocommerce .woocommerce-ordering select {
	padding: 6px;
}

.sidebar-cont h3 {
	text-transform: uppercase;
    font-weight: 800;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.sidebar-cont ul.product-categories {
	padding-left: 15px;
}

.sidebar-cont ul.product-categories li {
	list-style: none;
	margin-bottom: 5px;
}

.sidebar-cont ul.product-categories li a {
	color: #000;
	text-transform: uppercase;
	transition: 0.3s;
	text-decoration: none;
}

.sidebar-cont ul.product-categories li a:hover {
	color: #930101;
}

.sidebar-cont .yith-wcan-reset-navigation,
.sidebar-cont  button {
	background: none !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    margin: 8px 0 15px !important;
}

.woocommerce div.product .summary p.price, 
.woocommerce div.product .summary span.price {
	color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.woocommerce div.product form.cart {
	margin-top: 25px;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0;
}

.woocommerce .quantity .qty {
	width: 50px;
    height: 32px;
    border: 1px solid #000;
}

.woocommerce div.product form.cart .button {
	background: #000;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	margin-top: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border-color: #000;
}

.related {
	display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    margin-top: 50px;
    padding-top: 50px;
}

.related h2 {
	text-align: center;
	font-size: 28px;
    font-weight: 700;
}

#add_payment_method table.cart td, 
#add_payment_method table.cart th, 
.woocommerce-cart table.cart td, 
.woocommerce-cart table.cart th, 
.woocommerce-checkout table.cart td, 
.woocommerce-checkout table.cart th,
.woocommerce table.shop_table,
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
	border-color: #000;
	border-radius: 0;
}

.woocommerce table a {
	color: #930101;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	border-radius: 0;
	background: #000;
	transition: 0.3s;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: #333;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding: 8px 15px;
}

.select2-container--default .select2-selection--single {
	padding: 8px 2px;
    height: 42px;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
}

/* Contact */

iframe.map-iframe {
	width: 100%;
	height: 400px;
	float: left;
	margin-top: 25px;
}

.contact-text hr {
	border-color: #51bfe0;
	margin: 45px 0;
}

.contact-text .contact-item {
	display: block;
    margin-bottom: 25px;
    width: 100%;
    float: left;
}

.contact-text i {
	width: 50px;
    font-size: 28px;
    text-align: center;
    color: #81c341;
    line-height: 0.5em;
    float: left;
}

.contact-text .contact-item strong {
	font-size: 16px;
    margin-top: -5px;
    display: inline-block;
    float: left;
}

.contact-form {
	margin-top: 20px;
}

.contact-form .form-control {
	border-radius: 0;
	border: 1px solid #51bfe0;
}

.contact-form .btn {
	border-radius: 0;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 6px 20px;
	transition: 0.3s;
}

.contact-form .btn:hover {
	background: #333;
}

/* Category */

article.post-cont {
	text-align: center;
	padding: 25px 0;
}

article.post-cont .post-title a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.3s;
}

article.post-cont .post-title a:hover {
	color: #930101;
}

article.post-cont a.read-more {
	font-weight: 700;
	color: #000;
	transition: 0.3s;
	font-style: italic;
	text-decoration: none;
}

article.post-cont a.read-more:hover {
	color: #930101;
}

hr.red {
	border-color: #930101;
}

.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination {
	border-radius: 0;
}

.pagination>li>a, .pagination>li>span {
	border-color: #930101 !important;
	color: #333 !important;
	font-weight: 600;
	text-transform: uppercase;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #930101;
    border-color: #930101;
    color: #fff !important;
    text-decoration: none;
}

div.wpcf7-response-output {
    border: none !important;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


@media(max-width: 991px) {
    
    .top-bar span {
        display: block;
        text-align: center;
    }

	header .navbar .navbar-nav {
	    margin-top: 5px;
	}
	
	header .navbar .navbar-brand img {
	    max-width: 200px;
	}
	
	header .navbar .navbar-nav li a {
	    padding: 15px 10px;
	}

    .block5 {
        padding: 100px 15px 100px 0;
    }
    
    .block5 .become-member {
        font-size: 65px;
    }
    
    .block5 .form-container .inner {
        padding: 14px 10px;
    }
    
    .class .text-cont {
        padding: 15px;
    }

    .contact-text .contact-item strong {
        font-size: 12px;
    }

}

@media(max-width: 767px) {
    
    header .navbar .navbar-brand img {
        max-width: 200px;
    }
    
    .navbar-default .navbar-toggle {
        margin-top: 18px;
    }
    
    .navbar-default .navbar-toggle {
        margin-top: 18px;
        border-radius: 0;
        border-color: #51bfe0;
    }
    
    header .navbar .navbar-nav {
        float: left;
        width: 100%;
        margin-left: 0;
    }
    
    .top-bar span {
        display: block;
        text-align: center;
    }

    footer .footer-logo {
        max-width: 80%;
    }
    
    #menu-menu-2 {
        padding: 0;
    }
    
    img.alignleft {
        width: 100% !important;
    }
    
    
    .block2 .intro {
        margin-top: -100px;
    }
    
    .block2 h2 {
        font-size: 28px;
    }
    
    .block3 {
        overflow: hidden;
    }
    
    .block3 h2 {
        font-size: 40px;
    }
    
    .block5 {
        padding: 100px 15px 100px 0;
    }
    
    .block5 .become-member {
        font-size: 60px;
    }
    
    .block5 .form-container {
        margin-left: 15px;
    }
    
    .block5 .form-container .inner {
        padding: 100px 15px;
    }
    
    .block4 .overlay .title h2 {
        font-size: 40px;
    }
    
    .block4 .overlay {
        display: none;
    }
    
    footer .bottom .pull-right,
    footer .bottom .pull-left {
        width: 100%;
        text-align: center;
    }
    
    .about-intro {
        padding: 25px 0;
    }
    
    .about-intro h2 {
        font-size: 30px;
    }

    .class .text-cont h3 {
        font-size: 23px;
    }

    .class .text-cont {
        padding: 15px;
    }
    
    .class .img-cont {
        margin: 15px;
    }
    
    .content-wrap ul {
        padding-left: 0;
    }

    .banner h1 {
        margin: 30px 0 30px;
        font-size: 30px;
        text-align: center;
    }
    
    .contact-text i {
        font-size: 20px;
        width: 35px;
    }
    
    .contact-text .contact-item strong {
        font-size: 12px;
    }
    
}