/*
Theme Name: Boats Tasmania
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boats-tasmania
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Boats Tasmania is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {max-width: 50%;}

.gallery-columns-3 .gallery-item {max-width: 33.33%;}

.gallery-columns-4 .gallery-item {max-width: 25%;}

.gallery-columns-5 .gallery-item {max-width: 20%;}

.gallery-columns-6 .gallery-item {max-width: 16.66%;}

.gallery-columns-7 .gallery-item {max-width: 14.28%;}

.gallery-columns-8 .gallery-item {max-width: 12.5%;}

.gallery-columns-9 .gallery-item {max-width: 11.11%;}

.gallery-caption {display: block;}


/*-------------- Boats Tasmania Specifics Styles ---------------------*/

body {background-color: #f6f7fb;}
.wrap {display: block; width: 100%;}
@media (min-width: 1260px) {
  .container{
    width: 1260px;
  }
}
/*--- .home {background-image: url(../img/front-img-blue-full-2.jpg); background-repeat:no-repeat; background-size: 100%; background-position:top center;} ---*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #183652;}

.hero-h1 h1, .hero-h2 h2, .tile-h2 h2, .title-h1 h1 {font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.hero-h1 h1 {font-weight: 300; color: #e74c3c; line-height: 105px; text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);}
.hero-h2 h2 {font-weight: 700; line-height: 45px; color: #fff; text-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
.tile-h2 h2 {font-weight: 700; line-height: 45px; color: #2779a7;}
.title-h1 h1 {font-weight: 700;}
.text-h4 h4 {font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;}

.footer h3 {color: #e5eff0;}
.footer p {color: #e5eff0;}
.footer p a {color: #e5eff0;}
.text-16 p {font-size: 16px; line-height: 24px;}

.float-none {float: none;}

.box-shadow {background-color: transparent; display: block; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}
.bg-black {background-color: #000;}
.bg-white {background-color: #fff;}
.bg-body {background-color: #f4f7f6;}
.bg-dark-blue {background-color: #43465a;}
.bg-grey {background-color: #b7b7b7;}
.bg-grey-light {background-color: #f6f6f6;}
.bg-blue-light {background-color: #f6f7fb;}
.bg-white-light {background-color: #f8fbfc;}
.bg-light {background-color: #dfe9eb;}
#bg-mobile {background-image: url('https://boatstasmania.com.au/wp-content/uploads/2017/02/front-img-blue-small.jpg'); background-repeat:no-repeat; background-size: 100%; background-position:-3000px center;}


.img-tile p  img {display: block; max-width: 100%; height: auto;}

.img-bg-tile-1 {background-image: url(../img/boat-1.jpg); background-color: #f8fbfc; background-repeat:no-repeat; background-position:top left;}
.img-bg-tile-2 {background-image: url(../img/boat-2.jpg); background-color: #dfe9eb; background-repeat:no-repeat; background-position:top right;}
.img-responsive p {margin-bottom: 0px;}
.img-responsive img {display: block; max-width: 100%; height: auto;}
.front-img img {position: absolute; background-color: transparent; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}


.banner-pad-top-h2 {padding-top: 70px;}
.banner-pad-top-buttons {padding-top: 100px;}
.pad-l-0 {padding-left: 0px;}
.pad-r-0 {padding-right: 0px;}
.pad-r-20 {padding-right: 20px;}
.pad-l-20 {padding-left: 20px;}
.pad-t-10 {padding-top: 10px;}
.pad-t-20 {padding-top: 20px;}
.pad-b-5 {padding-bottom: 5px;}
.pad-b-10 {padding-bottom: 10px;}
.pad-b-20 {padding-bottom: 20px;}
.pad-t-30 {padding-top: 30px;}
.pad-b-30 {padding-bottom: 30px;}
.pad-b-banner {padding-bottom: 80px;}

.tile-padding {padding: 20px 40px;}

.min-height {min-height: 330px;}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}

@media (min-width: 768px) {
	.navbar {
    	border-radius: 0px;
	}
}

.navbar-brand {
    float: left;
    height: 71px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 26px;
}
.navbar-brand img {width: auto;height: 100%;}


/* navbar */
.navbar {border: 0px; margin-bottom: 0px; border-radius: 0px;}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
.navbar-header {background-color: #f6f7fb;}
.navbar-collapse {background-color: #f6f7fb;}
/* link */
.navbar-default .navbar-nav > li > a {font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; color:#183652; line-height: 40px; letter-spacing: 0.5px; -webkit-text-stroke:0.1px;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #e7603c;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #2779a7;
    background-color: transparent;
    border-bottom: 1px solid #2779a7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #183652;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}

.navbar-nav {float: left; width: 75%;}
.navbar-nav .menu-item-type-custom {float: right!important;}
.navbar-nav .menu-item-type-custom > a {color:#e56451!important; font-weight: bold;}

/* mobile version */

.img-left img {
    float: left;
    margin-right: 20px;
}

/*----.navbar-collapse {background-color: #e5ece9;} ----*/

.navbar-default .navbar-toggle {
    border-color: #abd5e3;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #abd5e3;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #abd5e3;
}

/* Extra-Large Devices, Wide Screens */
@media only screen and (max-width : 1259px) {
  .banner-pad-top-h2 {padding-top: 50px;}
  .banner-pad-top-buttons {padding-top: 80px;}
  .pad-b-banner {padding-bottom: 80px;}
  .hero-h2 {padding-left: 0px; padding-right: 0px;}
  .min-height {min-height: 360px;}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

  .hero-h2 h2 {font-size: 28px; font-weight: 700; line-height: 42px; color: #fff;}
  .banner-pad-top-h2 {padding-top: 15px;}
  .banner-pad-top-buttons {padding-top: 30px;}
  .pad-b-banner {padding-bottom: 80px;}
  .min-height {min-height: 405px;}
  .wpcf7-list-item-label {width: 143px !important; height: 52px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
  .hero-h1 h1 {font-size: 26px; font-weight: 300; color: #e74c3c; line-height: 70px;}
  .hero-h2 h2 {font-size: 18px; font-weight: 700; line-height: 24px; color: #fff;}
  .banner-pad-top-h2 {padding-top: 15px;}
  .banner-pad-top-buttons {padding-top: 30px;}
  .pad-b-banner {padding-bottom: 54px;}
  .min-height {min-height: 360px;}
  .img-services img {display: none;}
}

@media (max-width : 991px) {
  .navbar-nav {float: left; width: 70%;}
  .navbar-default .navbar-nav > li > a {text-transform: capitalize !important;}
}

/* Small Devices, Tablets */
@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333;}

  .navbar-brand {height: 50px;}
  .navbar-default .navbar-nav > li > a {line-height: 20px; letter-spacing: 0.5px; -webkit-text-stroke:0.1px;}

  .hero-h1 h1 {font-size: 24px; font-weight: 300; color: #e74c3c; line-height: 50px;}
  .hero-h2 h2 {font-size: 18px; font-weight: 700; line-height: 24px; color: #fff;}
  .banner-pad-top-h2 {padding-top: 20px;}
  .banner-pad-top-buttons {padding-top: 30px;}
  .pad-b-banner {padding-bottom: 68px;}
  .wpcf7-list-item-label {width: 182px !important; height: 100% !important;}
}

@media only screen and (max-width: 667px) {
 
  .front-img img {display: none;}

}


@media only screen and (max-width: 631px) {
  .menu li {font-size: 12px;}
  .menu li a {padding: 10px 10px;}

  .hero-h1 h1 {font-size: 18px; font-weight: 300; color: #e74c3c; line-height: 10px;}
  .hero-h2 h2 {font-size: 15px; font-weight: 700; line-height: 20px; color: #fff;}
  .banner-pad-top-h2 {padding-top: 0px;}
  .banner-pad-top-buttons {padding-top: 5px;}
  .pad-b-banner {padding-bottom: 20px;}
  #bg-mobile {background-position:top center;}
  .text-16 p {font-size: 14px; line-height: 21px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.hero-h1 h1 {font-size: 18px; font-weight: 700; color: #e74c3c; line-height: 25px;}
	.hero-h2 h2 {font-size: 16px; font-weight: 700; line-height: 23px; color: #fff;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 375px) {
	.hero-h1 h1 {font-size: 18px; font-weight: 700; color: #e74c3c; line-height: 25px;}
	.hero-h2 h2 {font-size: 14px; font-weight: 700; line-height: 21px; color: #fff;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

.logo img { display: block; height: 70px;}

@media only screen and (min-width: 768px) {
  .logo img {height: 100px;}
}



/*--- .nav>li {float:left;} ---*/



@media (min-width: 600px) and (max-width: 767px){
	.col-tablet-4 {
		float: left;
	    width: 33.33333333%;
	    padding-left: 15px;
		padding-right: 15px;
	}
	.col-tablet-6 {
		float: left;
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}
}





.img-shadow img {
    -webkit-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.15));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}



.thumb-text p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.143em;
    font-weight: 200;
    line-height: 1.42857143;
    color: #b6b6b6;
    padding-bottom: 0 10px;
}

.thumb-text h4 {font-size: 1.286em; padding: 0 10px;}

.request-btn>p>a {
  display: inline-block;
  padding: 0.6em 1.3em;
  margin-top: .8em;
  background-color: transparent;
  background-color: rgba(31, 163, 255, 0);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.6rem;
  text-transform: uppercase;

  border-radius: 20px;
  -webkit-border-radius:20px;
  border: 1px solid #ffffff;
  border-color: rgba(255, 255, 255, 1);
  

  /*---box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); --*/

  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.click-btn>p>a {
  display: inline-block;
  padding: 0.9em 4em;
  margin-top: .8em;
  background-color: transparent;
  background-color: rgba(31, 163, 255, 0);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  
  text-transform: uppercase;

  border-radius: 20px;
  -webkit-border-radius:20px;
  border: 1px solid #ffffff;
  border-color: rgba(255, 255, 255, 1);
  

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.click-btn.blue-transparent>p>a, .request-btn.blue-transparent>p>a {
  color: rgba(31, 163, 255, 1);
  background-color: rgba(55, 149, 226, 0);
  border: 1px solid #1fa3ff;
  border-color: rgba(31, 163, 255, 1);
}

.click-btn.blue-transparent>p>a:hover, .request-btn.blue-transparent>p>a:hover {
  background-color: #3795e2;
  border: 1px solid #1fa3ff;
  color: #ffffff;

}

.click-btn.blue>p>a {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(55, 149, 226, 1);
  border: 1px solid #1fa3ff;
  border-color: rgba(31, 163, 255, 1);
}

.click-btn.blue>p>a:hover {
  background-color: #1fa3ff;
  border: 1px solid #1fa3ff;
  color: #ffffff;

}

.click-btn.red>p>a {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(239, 65, 53, 1);
  border: 1px solid #fb6b54;
  border-color: rgba(235, 92, 76, 1);
}

.click-btn.red>p>a:hover {
  background-color: #f73a2d;
  border: 1px solid #fb6b54;
  color: #ffffff;

}


.click-btn.red-transparent>p>a {
  color: rgba(234, 92, 76, 1);
  background-color: rgba(239, 65, 53, 0);
  border: 1px solid #fb6b54;
  border-color: rgba(235, 92, 76, 1);
}

.click-btn.red-transparent>p>a:hover {
  background-color: #ef4135;
  border: 1px solid #fb6b54;
  color: #ffffff;

}


@media only screen and (max-width: 631px) {
  .click-btn>p>a {
	display: inline-block;
	padding: 0.7em 3em;
	margin-top: .8em;
	background-color: transparent;
	background-color: rgba(31, 163, 255, 0);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 1px;

	text-transform: initial;

	border-radius: 20px;
	-webkit-border-radius:20px;
	border: 1px solid #ffffff;
	border-color: rgba(255, 255, 255, 1);


	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	}

}

.menu-item-164 {  }


.form-headings h3, .form-headings h4 {font-weight: bold;}

.col-centered{
    float: none;
    margin: 0 auto;
}

.wpcf7-list-item-label {float: left; width: 182px;}

.wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
   width: 100% !important;
}


.wpcf7-form br { display: none; }
.wpcf7-form label {font-weight: normal; margin-bottom: 0px;}


/*----label-------*/

.radio-btn label {
  display: block;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  border: none !important;
  
}

.radio-btn .wpcf7-list-item-label {
  display: block;
  position: relative;
  padding: 10px 10px 10px 10px;
  line-height: 1.1em;
  box-sizing: border-box;
  cursor: pointer;
  
}

.wpcf7-form .wpcf7-not-valid {
	border: 1px solid rgba(255,0,0,1) !important;
	padding: 8px 8px;
	background-color: #fafafa;
	color: #333;
	border-radius: 3px !important;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form select {
	border: 1px solid rgba(238,238,238,1);
	padding: 8px 8px;
	background-color: #fafafa;
	color: #333;
	border-radius: 3px !important;
}


/*----radio-------*/

.radio-btn input[type=checkbox] { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 0; padding: 0;} 



.radio-btn input[type=checkbox] + span {
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(0,0,0,0.1);
    color: #333;
}



.radio-btn input[type=checkbox] + span:hover {
  border: 1px solid #3498db;
}

.radio-btn input[type=checkbox]:checked + span {
  border: 1px solid #3498db;
  background: #3498db;
  color: #fff;
}