/*
 Theme Name: Breezy Beach
 Theme URI:
 Author:
 Author
 Description: Breezy Beach
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Breezy Beach
 Text Domain: Breezy Beach
 

 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.
 */

/**
 *  Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    max-width: 100%;
}

img {
    max-width: 100%;
    outline: 0;
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    vertical-align: middle;
}

:visited, :target, input:focus, input:active, textarea:focus, textarea:active, a:focus, a:active {
    outline: 0 none !important;
}

 @font-face {
			font-family: 'Good-BlackSC';
			src: url('fonts/ufontscomgoodblacksc.eot');
			src: url('fonts/ufontscomgoodblacksc.eot?#iefix') format('embedded-opentype'),
					 url('fonts/ufontscomgoodblacksc.woff') format('woff'),
					 url('fonts/ufontscomgoodblacksc.ttf') format('truetype'),
					 url('fonts/ufontscomgoodblacksc.svg#ufontscomgoodblacksc') format('svg');
			font-weight: normal;
			font-style: normal;
			}


@font-face {
		font-family: 'Good-Book';
		src: url('fonts/ufontscomgoodbook.eot');
		src: url('fonts/ufontscomgoodbook.eot?#iefix') format('embedded-opentype'),
				 url('fonts/ufontscomgoodbook.woff') format('woff'),
				 url('fonts/ufontscomgoodbook.ttf') format('truetype'),
				 url('fonts/ufontscomgoodbook.svg#ufontscomgoodbook') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Good-Black';
		src: url('fonts/ufontscomgoodblack.eot');
		src: url('fonts/ufontscomgoodblack.eot?#iefix') format('embedded-opentype'),
				 url('fonts/ufontscomgoodblack.woff') format('woff'),
				 url('fonts/ufontscomgoodblack.ttf') format('truetype'),
				 url('fonts/ufontscomgoodblack.svg#ufontscomgoodblack') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Good-Light';
		src: url('fonts/ufontscomgoodlight.eot');
		src: url('fonts/ufontscomgoodlight.eot?#iefix') format('embedded-opentype'),
				 url('fonts/ufontscomgoodlight.woff') format('woff'),
				 url('fonts/ufontscomgoodlight.ttf') format('truetype'),
				 url('fonts/ufontscomgoodlight.svg#ufontscomgoodlight') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
            font-family: 'Good-BookSC';
            src: url('fonts/ufontscomgoodbooksc.eot');
            src: url('fonts/ufontscomgoodbooksc.eot?#iefix') format('embedded-opentype'),
                     url('fonts/ufontscomgoodbooksc.woff') format('woff'),
                     url('fonts/ufontscomgoodbooksc.ttf') format('truetype'),
                     url('fonts/ufontscomgoodbooksc.svg#ufontscomgoodbooksc') format('svg');
            font-weight: normal;
            font-style: normal;
    }

body {
    color: #fff;
    font-family: 'Good-Light';
    line-height: 21px;
    vertical-align: baseline;
    font-size: 17px;
    background: #fff;
}

/**
 * Headings
 * ----------------------------------------------------------------------------
 */

h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0;
}

h1 {
	font-family: 'Good-BlackSC';
    font-size: 29px;
    line-height: 29px;
    color: #5bbfdc;
}

h2 {
    font-size: 26px;
    line-height: 26px;
	font-family: 'Good-BlackSC';
    color: #5bbfdc;
}

h3 {
    font-size: 24px;
    line-height: 23px;
    font-family: 'Good-Black';
    color: #fff;
}

h4 {
    font-size: 20px;
    line-height: 20px;
    font-family: 'Good-BlackSC';
    color: #5bbfdc;
}

h5 {
    font-size: 17px;
    line-height: 17px;
	font-family: 'Good-Black';
    color: #000;
}

h6 {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Good-Black';
    color: #5bbfdc;
}

/**
 * Text Elements
 * ----------------------------------------------------------------------------
 */

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

p {
    margin-bottom: 20px;
	font-size:17px;
}

b, strong {
    font-weight: 700;
}

cite, dfn, em, i {
    font-style: italic;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}


code, kbd, tt, var, samp, pre {
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6;
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

blockquote {
    color: #5bbfdc;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 45px;
    font-family: 'Good-Black';
}

blockquote p {
    margin-bottom: 1.6667em;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote cite, blockquote small {
    color: #5bbfdc;
    font-size: 16px;
    line-height: 20px;
}

blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}

blockquote strong, blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ul, ol {
    list-style: none;
    margin: 0 0 24px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin: 0 0 0 20px;
}

del {
    color: #767676;
}

figure {
    margin: 0;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/**
 *  Links
 * ----------------------------------------------------------------------------
 */

a {
    color: #fff;
    text-decoration: none;
}

a:visited {
    color: #8f8f8f;
    outline: 0;
}

a:active, a:hover, a:focus {
    color: #8f8f8f;
    outline: 0;
    text-decoration: none;
}
a,
a:active,
a:focus,
a:hover{
    outline:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/**
 * Alignment
 * ----------------------------------------------------------------------------
 */

.alignleft {
    float: left;
    margin: 7px 12px 7px 0;
}

.alignright {
    float: right;
    margin: 7px 0 7px 12px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 7px auto;
}


blockquote.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

blockquote.alignleft p, blockquote.alignright p {
    margin-bottom: 17px;
}

/**
 * Forms
 */

button, input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border: 1px solid rgba(51, 51, 51, 0.3);
    color: #333;
}

input:focus,
select:focus {
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default;
    opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
	background: #fa5a00; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #f89801 0%, #fa5c00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#f89801), color-stop(100%,#fa5c00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* W3C */
  
  
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0.7917em 1.5em;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7);
    outline: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 0.375em;
    width: 100%;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    outline: 0;
}


input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

.search-form input[type="submit"]{
    padding: 0;
}


table,
th,
td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 0.4em;
}


/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

/**
 *  Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input, textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #000;
    padding: 8px 10px 7px;
    font-size: 15px;
}

textarea {
    width: 100%;
}

input:focus, textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0;
}

.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.7);
}

:-moz-placeholder {
    color: rgba(51, 51, 51, 0.7);
}

::-moz-placeholder {
    color: rgba(51, 51, 51, 0.7);
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.7);
}

/*--- Custom Styles ---*/

.footer-block {
    width: 100%;
    float: left;
}
.footer-bottom{
    width: 100%;
    float: left;
    background: #5bbfdc; 
    padding: 20px 20px;
    text-align: center;
}
.footer-bottom span{
    letter-spacing: 2px;
    font-family: 'Good-Book';
    font-size: 14px;
}
.logo-block{
     width: 100%;
    float: left;
}
.logo-block a{
    width: 100%;
    float: left;
}
.logo-block a img{
    float: left;
}
.logo-text{
    float: left;
    padding-left: 8px;
}
.logo-text h1 span{
    font-family: 'Good-Book';
    line-height: 24px;
}
.logo-text h1{
    line-height: 24px;
}
.logo-text .sub-head {
    font-family: 'Good-BookSC';
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: .6px;
}
.header-block{
    width: 100%;
    float: left;
    padding: 18px 0 14px 0;
}
.menu-wrapper{
    float: left;
    padding-left: 12px;
    width: 100%;
}
.menu-wrapper li.current_page_item a,.menu-wrapper li a:hover{
    background: #5bbfdc;
    color:#f5f6f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}
.menu-wrapper ul{
    float:right;
    width:auto;
    margin:0;
    list-style:none;
    padding-top: 10px;
}
.menu-wrapper ul li{
    float:left; 
    margin-left: 3px;
    margin-right: 3px;
}
.menu-wrapper ul li a{
    padding: 7px 18px 8px;
    color: #5bbfdc;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 20px;
    font-family: 'Good-Book';
    position:relative;
    
    -webkit-transition: none;
    -moz-transition:none;
    -o-transition:none;
    transition: none;
}
.menu-wrapper li a:hover:after, .menu-wrapper li.current_page_item a:after{
    background: url("images/menu_arrow.png") no-repeat right bottom;
    bottom: -9px;
    content: "";
    height: 9px;
    right: 20px;
    position: absolute;
    width: 9px;
   
}
.menu-wrapper ul li ul {
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    top: 51px;
    width: auto;
    display:none;
}
.menu-wrapper ul li:hover ul.sub-menu{
    display:block;
}
.menu-wrapper ul li ul li{
    float: none;
    width:92%;
    height: 40px;
}   
.menu-wrapper ul li ul li a{
   padding: 4px 12px 14px;
    background:none;
}

.menu-wrapper ul li ul.sub-menu{
    color:#004c70;
    border:3px solid #ffffff;
    width:205px;
}
.menu-wrapper ul li ul.sub-menu li{
    border-top:1px solid #000000;
    margin:0 4%;
}
.menu-wrapper ul li ul.sub-menu li:first-child{
    border:0px;
}
.menu-wrapper ul  li ul.sub-menu li a:hover{
    color:#5bbfdc;
     background:none;
}
.menu-title {
    color: #5bbfdc;
    text-align: left;
    font-size: 29px;
    position: absolute;
    width: 90%;
    z-index: 9999;
    line-height: 40px;
    font-family: 'Good-Black';
}

.fullwidth-page{
    float: left;
    width: 100%;
}
.menu-block{
    float: left;
    width: 100%;
}
.inner-page h1,.fullwidth-page h1{
    color: #fff;
    padding-bottom: 20px;
    font-size: 40px;
    margin-bottom: 15px;
}
.sidebar-content{
    width: 100%;
    float: left;
    padding-left: 30px;
    color: #fff;
}
.textwidget{
    color: #fff;
}

.footer-top{
    width:100%;
    float:left;
    background:url(images/footer-back.jpg) no-repeat center #111111;
    background-size:cover;
}
.footer-content-block{
    width:100%;
    float:left;
    
    padding:50px 0px;
}
.box-images-row ul{
    margin:0px;
    width:100%;
    float:left;
}
.box-images-row ul li{
    list-style:none;
    display:inline-block;
    width:23.6%;
    float:none;
    margin:0px 5px;
}
.box-images-row{
    width:100%;
    float:left;
    padding: 60px 20px 60px 20px;
    text-align:center;
}
.box-images-row img{
    width:100%;
    border:4px solid #4d4d4d;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.social-share{
    width:100%;
    float:left;
    padding:29px 0px 28px;
    border-bottom:1px solid #4b4b4b;
}
.social-share-box{
    width:382px;
    margin:0 auto;
    text-align:center;
}
.social-share-box ul{
    margin:0px;
}
.social-share-box ul li{
    list-style:none;
    
    text-align:center;
    
    float:none;
    display:inline-block;
    margin:0px 7px;
}
.social-share-box ul li a{
    width:40px;
    height:40px;
    border:5px solid #5bbfdc;
    border-radius:50px;
    line-height:30px;
    float:left;
    color:#5bbfdc;
    transition:300ms ease-in all;
    -webkit-transition: 300ms ease-in all;
    -moz-transition: 300ms ease-in all;
}
.social-share-box ul li a:hover{
    color:#ffffff;
    border-color:#ffffff;
}
.footer-menu{
    display: none;
    width:100%;
    float:left;
    padding-top:36px;
}
.footer-menu ul{
    width:100%;
    float:left;
    margin:0px;
    text-align:center;
}
.footer-menu ul li{
    list-style:none;
    width:auto;
    float:none;
    margin:0px 22px;
    display: inline-block;
}
.footer-menu ul li a{
    font-family: 'Good-Light';
    font-size:16px;
    line-height:24px;
    color:#8f8f8f;
    transition:300ms ease-in all;
    -webkit-transition: 300ms ease-in all;
    -moz-transition: 300ms ease-in all;
}
.footer-menu ul li a:hover{
    color:#ffffff;
}

.content-container{
    width:100%;
    float:left;
    padding:50px 0px 35px;
    
    background-color: #5bbfdc;
    background-image: -moz-linear-gradient(top, #5bbfdc, #3ea2bf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bbfdc), to(#3ea2bf));
    background-image: -webkit-linear-gradient(top, #5bbfdc, #3ea2bf);
    background-image: -o-linear-gradient(top, #5bbfdc, #3ea2bf);
    background-image: linear-gradient(to bottom, #5bbfdc, #3ea2bf);
    background-repeat: repeat-x;
}
.content-inner{
    width:100%;
    float:left;
    text-align:center;
}
.text-outer{
    width:100%;
    display: inline-block;
}
.text-outer p{
    font-family: 'Good-Light';  
    font-size:24px;
    line-height:30px;
    margin-bottom:42px;
}
.text-outer h3{
    font-family: 'Good-Black';
    font-size:24px;
    line-height:30px;
    width:100%;
    display:inline-block;
}
.border-outer{
    width:100%;
    max-width:700px;
    margin:0 auto;
    position:relative;
}
.border-outer:before {
    background-color: #85cbdf;
    content: "";
    display: inline-block;
    height: 1px;
    left: -23px;
    position: absolute;
    top: 12px;
    vertical-align: middle;
    width: 50%;
}
.border-outer:after {
    background-color: #85cbdf;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: -23px;
    top: 12px;
    vertical-align: middle;
    width: 50%;
}
.product-list{
    display: table;
    width: 100%;
    padding-top:40px;
}
.product-list-left{
    display: table-cell;    
    position: relative;
    vertical-align: top;   
    width:50%;  
}
.product-list-right{
    display: table-cell;   
    vertical-align: top;
    background:#182123; 
    width:50%;
    position:relative;
}
.product-inner{
    padding: 29px 28px 18px 36px;
    position:absolute;
}
.list-top{
    width:100%;
    float:left;
}
.list-top p{
    font-family: 'Good-Book';
    font-size:30px;
    line-height:30px;
    color:#ffffff;
    border-bottom:1px solid #41494a;
    margin:0px;
    padding-bottom:25px;
    text-align: center;
}
 .list-top span{
    font-family: 'Good-BlackSC';
    font-size:30px;
    line-height:30px;
    color:#45a9c6;
    width: auto;
}
.list-middle{
    width:100%;
    float:left;
}
.list-middle p{
    font-size:17px;
    line-height:24px;
    color:#b0b1b2;
    text-align: center;
    height: 99px;
    overflow: hidden;
    padding-bottom:25px;
    border-bottom:1px solid #41494a;
    margin-bottom:0px;
    margin-top:15px;
    float:left;
}
.product-inner .button{
    max-width: 435px;
    width:100%;
    float:left;
    padding:19px 0px;
    margin-top: 19px;
    
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

background: #fa5a00; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #f89801 0%, #fa5c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#f89801), color-stop(100%,#fa5c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#f89801 0%,#fa5c00 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#fa5c00',GradientType=0 ); */


}
.product-inner .button:hover{
     
    background: #fa5a00; /* Old browsers */
    background: -moz-linear-gradient(top,  #fa5a00 0%, #f89600 0%,  #7db9e8 0%,  #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa5a00), color-stop(0%,#207cca), color-stop(0%,#f89801), color-stop(100%,#fa5c00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fa5a00 0%, #f89600 100%, #7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fa5a00 0%, #f89600 100%, #7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fa5a00 0%, #f89600 100%, #7db9e8 100%); /* IE10+ */
   background: linear-gradient(to bottom,#fa5a00 0%, #f89600 100%, #7db9e8 100%) repeat;
}
.product-inner a{
    font-family: 'Good-Black';
    font-size:30px;
    color:#000000;
    text-transform:uppercase;
}

.contact-content-outer{
    width:75%;
    float:left;
}
.contact-content-outer .wpcf7-form-control-wrap input{
    padding:10px 7px;
    border: 1px solid #bdbdbd;
    color: #000;
    float: left;
    font-size: 15px;
    line-height: 19px;
    width: 100%;
    
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
}
.contact-content-outer  textarea{
    resize:none;
    height:97px;
    
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
}
.contact-content-outer  label {
    padding-bottom: 5px;
    font-weight: bold;
    padding: 12px 0 5px;
}
.contact-content-outer span {
    color: #ff0000;
}
.contact-content-outer .button, input[type="button"], input[type="reset"], input[type="submit"]{
    background: linear-gradient(to bottom, #1e5799 0%, #207cca 0%, #f89801 0%, #fa5c00 100%) repeat;
  /*   border: 3px solid #036e36; */
    border-radius: 5px;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    padding: 3px 15px;
    transition: all 200ms ease-in 0s;
    vertical-align: bottom;

}
.contact-content-outer .button, input[type="button"], input[type="reset"], input[type="submit"]:hover{
    background: linear-gradient(to bottom, #1e5799 0%, #207cca 0%, #fa5c00 0%, #f89801 100%) repeat;
}
.contact-left{
    float: left;
    width: 100%;
    padding: 0 5%;
}
.contact-right{
    float: left;
    width: 100%;
    padding: 20px 5% 0;
}
.contact-left div.wpcf7-validation-errors{
    border: none;
    float: left;
    padding:0px;
    margin:10px 0px;
}
.element-outer{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.wpcf7-not-valid-tip{
    padding-top: 5px;
    float: left;
    width: 100%;
}
.address-block{
    float: left;
    width: 100%;
}
.address-block h3{
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.address-block p{
    float: left;
    width: 100%;
}

.banner-block{
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}
.banner-block img{
    width: 100%;
    float: left;
}
.image-overlay{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    height: 100%;
}
.banner-content-outer{
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    padding-top: 85px;
}
.banner-content{
    float: left;
    width: 100%;
}
.banner-caption{
    float: left;
    width: 100%;
}

.banner-caption h2{
    float: left;
    font-size: 60px;
    line-height: 65px;
    padding: 0 10% 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.banner-caption h4{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-family: 'Good-Light';
    position: relative;
}
.banner-caption h4:before{
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    left: -23px;
    position: absolute;
    top: 12px;
    vertical-align: middle;
    width: 21%;
}
.banner-caption h4:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: -23px;
    top: 12px;
    vertical-align: middle;
    width: 21%;
}
.banner-contact-outer{
    float: left;
    width: 100%;
    margin-top: 100px;
}

.banner-contact{
    width: 100%;
    max-width: 801px;
    margin: 0 auto;
    display: inline-block;
    background: rgba(0,0,0,0.8);
    padding: 30px 3% 35px;
    text-align: left;
    
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
}
.date-picker{
    float: left;
    width: 34.6%;
    position: relative;
    margin-right: 1.8%;
}
.date-picker input.span2{
    float: left;
    width: 100%;
    position: relative;
    height: 50px;
    font-size: 18px;
    font-family: 'Good-Book';
    padding-left: 16px;
    margin-top: 10px;
}

.date-picker .add-on {
    background: url("images/calender-icon.png") no-repeat center center #b3b3b3;
    border-bottom: 0 none;
    border-left: 1px solid #dcdcdc !important;
    border-radius: 3px !important;
    border-right: 0 none;
    border-top: 0 none;
    cursor: pointer;
    float: right;
    padding: 25px 28px 25px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
}
.blue-btn{
    margin-top: 40px;
    background: #5bbfdc;
    width: 27.2%;
    font-size: 18px;
    font-family: 'Good-Book';
    padding: 14px 2.1%;
    font-weight: normal;
    
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.blue-btn span{
    font-family: 'Good-Black';
}
.blue-btn:hover{
    background: #257187;
    
    -webkit-transition: all 500ms ease-in 0s;
       -moz-transition: all 500ms ease-in 0s;
            transition: all 500ms ease-in 0s;
}

.contact-left div.wpcf7-mail-sent-ok {
    border: 0;
}
.contact-left div.wpcf7-response-output {
    float: left;
}


.justified-gallery > div > div > .caption, .justified-gallery > div > div .caption {
    display: none !important;
}

#envirabox-title-float-main {
    display: none !important;
}