/*
	Theme Name: RSC
	Description: RSC WordPress Theme
	Version: 1
	Author: Adam Cook
	Tags: HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* 
	Primary: #0055A4 Yellow
	Secondary: #3071FF Blue
	Tertiary: #031626 Grey
*/


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	box-sizing: border-box;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.articlegrid {
	margin: 0 1% 50px;
    width: 47%;
    display: inline-grid;
    position: relative;
}

.articlegrid img {
	height: 200px;
    max-width: 100%;
}


body {
	line-height: 1;
}

ul {
list-style-type: disc;
list-style-position: inside;
margin: 10px 0 20px 0;
padding: 0;
}
ul li {
color: #454545; 
font-size: 1em; 
line-height: 1.7em;
padding: 0;
margin-bottom: 5px;
margin-left: 2.0em;
}
nav > ul > li {
    display: inline-block;
}
nav > ul > li:first-child {
    border-left: none;
}
.sub-menu-parent {
    position: relative;
}
.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: translateY(-2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 10ms;
}
.sub-menu.last {
	width: 250px;
    margin: 0 0 0 -165px;
}

.sub-menu-parent:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    transition-delay: 0s, 0s, 0.3s;
}
.sub-menu li {
    background: #231f20;
    width: 300px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ececec;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    text-align: left;
}
.sub-menu li a {
    font-size: 0.9em;
    line-height: 50px;
}

.arrowMenu {
	padding: 0 0 0 10px;
    top: -3px;
    position: relative;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p + p { 
	margin-top: 0.5em;
}
a {
color: inherit;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
color: #0055A4;
}
p { 
color: #454545; 
font-size: 1em; 
padding: 0;
line-height: 1.7em;
}
strong { 
font-weight: bold; 
}	

.hr {
    border: none;
    color: #fff;
    height: 1px;
    width: 50%;
    margin: 0 auto 40px;
    display: block;
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(#031626), to(transparent));
    background: -o-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(#031626), to(transparent));
    background: -moz-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(#031626), to(transparent));
}


/*===== Main Styles =====*/
body {
background-color: #ffffff;
font-family: 'Montserrat', sans-serif;
margin: 0;
padding: 0;
line-height: 1;
}

/*===== Divs =====*/
#fixed {
position: fixed;
top: 0;
left: 65%;
height: 50px;
overflow: hidden;
z-index: 9999;
}

a.fixed-button {
background: #031626;
border: 0px solid #0055A4;
border-bottom: 2px solid #0055A4;
border-radius: 0 0 7px 7px;
height: 40px;
display: inline-block;
color: #ffffff;
-moz-box-shadow: 0 8px 6px -6px #2e3838;
-webkit-box-shadow: 0 8px 6px -6px #2e3838;
box-shadow: 0 8px 6px -6px #2e3838;
cursor: pointer;
font-size: 1em;
font-weight: 600;
padding: 12.5px 20px 0;
margin: 0 10px 0 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-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;
}

a.fixed-button:hover {
background-color: #131313;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#header {
position: relative;
border-top: 2px solid #0055A4;
width: 100%;
height:120px;
}

#logo {
display: block;
float: left;
width: 210px;
margin: 70px;
z-index: 100;
padding: 0 0 10px;
position: relative;
}

#logo.paddle, #logo.model {
margin: 30px 0 50px 70px;
}

#logo.yos {
margin: 20px 0 50px 70px;
width: 300px;
}


#menu {
position: absolute;
bottom: 0;
right: 0;
height: 55px;
margin: 0;
padding: 0;
z-index: 999;
}

#banner {
position: relative;
background: url("./images/banner-02.jpg") center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
height: 600px;
width: 100%;
z-index: 50;
margin: 0;
}

#subPageBanner {
    background-color: #031626;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.banner-content {
    position: absolute;
    top: 45%;
    left: 10px;
}

.sub-banner-content {
    position: absolute;
    top: 45%;
    right: 10%;
	text-align: right;
}

.main-content {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

.main-content.grey {
    background-color: #f8f8f9;
}

.main-content.red {
background-color: #0055A4;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 2px solid #0055A4;
}

.main-content.green {
background-color: #031626;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 2px solid #0055A4;
}

.main-content.banner {
background-color: #031626;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 2px solid #0055A4;
}




.main-content-video {
position: relative;
display: flex;
width: 100%;
height: 600px;
margin: 0;
padding: 0;
overflow: hidden;
margin: -200px 0px 0px;
}

.camo-divider {
background-color: #031626;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 2px solid #0055A4;
}

.grey-divider {
background-color: #031626;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 2px solid #0055A4;
}


#email-response {
margin: 10px 0;
padding: 0;
text-align: center;
}

#footer {
background: none repeat scroll 0 0 transparent;
width: 100%;
padding: 40px 0 0;
margin: 0 0 -40px;
}

#baseline {
background: #0055A4;
width: 100%;
padding: 20px 0;
margin: 0;
}

/*===== Containers =====*/
#header-wrapper {
position: relative;
width: 100%;
max-width: 1400px;
padding: 20px;
margin: 0 auto;
height: 100%
}

#banner-wrapper {
position: relative;
width: 100%;
max-width: 1400px;
height: 100%;
padding: 0;
margin: 0 auto;
}

.main-content-short-wrapper {
width: 100%;
max-width: 1400px;
padding: 40px 10px;
margin: 0 auto;
overflow: hidden;
}

.main-content-short-wrapper.nopad {
width: 80%;
max-width: 1400px;
padding: 10px;
}

.main-content-short-wrapper.nopad2 {
width: 50%;
max-width: 1400px;
padding: 10px;
}

.main-content-wrapper {
width: 100%;
max-width: 1400px;
padding: 80px 10px;
margin: 0 auto;
overflow: hidden;
}

.main-content-wrapper.short {
padding: 0px 10px 80px;
}

.two-column-flex-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
max-width: 2000px;
padding: 0;
margin: 0;
overflow: hidden;
}

.four-column-flex-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
max-width: 2000px;
padding: 0;
margin: 0;
overflow: hidden;
}

.four-column {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    padding: 0 20px 20px;
    margin: 0;
}
.three-column {
    position: relative;
    display: block;
    float: left;
    width: 33%;
    padding: 0 20px 20px;
    margin: 0;
}

.column-inner.content,
.four-column.test {
    padding: 20px;
}
.four-column.serv {
    width: 25%;
    padding: 0 20px;
}
.four-column.servlast {
    width: 25%;
}
.column-inner {
    position: relative;
    border-radius: 20px;
    width: 100%;
    height: 200px;
    padding: 25px 20px 20px 150px;
}

.text-container {
padding: 0;
margin: 0;
}

.video-container {
position: absolute;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}

#footer-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px 0;
}

#footer-wrapper .center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;                    /* increased gap for better spacing */
    padding: 20px 10px;
    align-items: center;
}

/* Make each logo link behave like a flexible column item */
#footer-wrapper .center a {
    flex: 0 1 22%;                /* aim for ~4 per row: 22–25% each + gap */
    max-width: 220px;             /* cap maximum size so they don't get huge on wide screens */
    min-width: 140px;             /* prevent them shrinking too small */
    text-align: center;
    margin: 10px 0;               /* extra breathing room vertically if wrapped */
}

#baseline-wrapper {
width: 100%;
max-width: 1400px;
padding: 0 10px;
margin: 0 auto;
overflow: hidden;
}

/*services*/
.one-column,
.service-inner,
.sub-menu li,
.tile-inner,
.water-inner {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
.main-content.videobg,
.service-inner,
.tile-inner,
.water-inner {
    background-color: #fff;
}
.service-inner {
    border-radius: 20px;
    padding: 0 0 20px;
}
.service-header {
    padding: 20px 0;
    margin: 0;
}
.service-text {
    height: 120px;
    padding: 0 30px 20px;
    margin: 0;
}

.service-text.bigbox {
    height: 210px;
}

.service-text-large {
height: 75px;
padding: 0 30px 20px;
margin: 0;
}

/*===== Columns =====*/
.left-column {
display: block;
float: left;
width: 70%;
padding: 0;
margin: 0;
overflow: hidden;
}

.right-column {
display: block;
float: left;
width: 30%;
padding: 0;
margin: 0;
overflow: hidden;
}

.left-column-flex-50 {
order: 1;
flex-grow: 0;
flex-basis: auto;
width: 50%;
padding: 0;
margin: 0;
}

.left-column-flex-25 {
order: 1;
flex-grow: 0;
flex-basis: auto;
width: 25%;
padding: 0;
margin: 0;
}

.left-column-flex-50.content {
padding: 40px 75px 0 0;
}

.left-column-flex-50.img {
padding: 0;
}

.right-column-flex-50 {
order: 1;
flex-grow: 0;
flex-basis: auto;
width: 50%;
padding: 0 0 0 25px;
margin: 0;
}

.right-column-flex-25 {
order: 1;
flex-grow: 0;
flex-basis: auto;
width: 25%;
padding: 0 0 0 25px;
margin: 0;
}

.right-column-flex-50.content {
padding: 40px 0 0 75px;
}

.right-column-flex-50.img {
padding: 0;
}

.left-column-60 {
    display: block;
    float: left;
    width: 65%;
    padding: 0 25px 0 0;
    margin: 0;
}

.right-column-40 {
    display: block;
    float: left;
    width: 35%;
    padding: 0 0 0 25px;
    margin: 0;
}

.sidebar-wrapper {
    background: #ffffff;
    padding: 40px 20px;
    border: 1px solid #d0e3c7;
    border-radius: 0 0 25px 0;
    box-shadow: 4px 4px 5px #c3c3c3;
}

/*===== Sections =====*/
section {
padding: 40px 0 0;
margin: 0;
overflow: hidden;
}

section.short {
padding: 20px 0 0;
margin: 0;
overflow: hidden;
}

section.lower {
padding: 0 0 40px 0;
margin: 0;
overflow: hidden;
}

section.large {
padding: 80px 0 0;
margin: 0;
overflow: hidden;
}

section.sub {
padding: 0 0 20px 0;
margin: 0;
overflow: hidden;
}

/*===== Videos =====*/
video {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
min-height: 50%;
min-width: 50%;
}

/*===== Menus =====*/
.menu_title {
display: none;
position: relative;
float: right;
bottom: 0.6em;
margin-right: 3em;
color: #131313;
font-size: 1.1em;
font-weight: 500; 
}

nav a {
position: relative;
color: #131313; 
display: block; 
font-size: 1em;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 50px;
padding: 0 25px; 
text-decoration: none; 
background-size: 100% 200%;
background-image: linear-gradient(to top, #031626 50%, #ffffff 50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

nav a.active {
background-image: none;
background-color: #031626;
color: #0055A4;
}

nav a:hover {
background-position: 0 100%;
color: #ffffff;
}

nav a.nocursor {
cursor: context-menu;
}

nav ul,
nav ul li { 

list-style-type: none; 
padding: 0; 
margin: 0;
text-indent: unset; 
}

nav > ul { 
text-align: right; 
}

nav > ul > li { 
display: inline-block; 
}

nav > ul > li:first-child { 
border-left: none; 
}

.themoIcon {
	font-size: 100px;
    color: #0055A4;
    display: inline-block;
	padding: 10px;
	display: inline-block;
	max-width: 100px;
}

.themoIconSmall {
	font-size: 60px;
    color: #fff;
    display: inline-block;
	padding: 10px;
	display: inline-block;
}
.themoIconSmall.top {
	font-size: 60px;
    color: #fff;
    display: inline-block;
	padding: 10px;
	display: inline-block;
	max-width: 60px;
	max-height: 60px;
}

/*===== General =====*/
.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.light {
font-weight: 300;
}

.normal {
font-weight: 400;
}

.medium {
font-weight: 500;
}

.semibold {
font-weight: 600;
}

.bold {
font-weight: 700;
}

.extrabold {
font-weight: 900;
}

.italic {
font-style: italic;
}

.uppercase {
text-transform: uppercase;
}

.darkshadow {
text-shadow: 2px 2px 2px #131313;
}

.hidden {
opacity: 0;
}

.hide {
display: block;
}

.noover {
overflow: visible;
}

.clear {
clear: both;
}

.monster {
font-family: 'Montserrat', sans-serif;
font-size: 1.5em;
}

/*===== Spans =====*/
span.white {
color: #ffffff;
}

span.yellow {
color: #0055A4;
font-weight: 600;
}

/*===== Headers =====*/
header.main {
padding: 0 0 40px 0;
margin: 0;
overflow: hidden;
}

header.sub {
padding: 0 0 20px 0;
margin: 0;
overflow: hidden;
}

header.mid {
padding: 20px 0;
margin: 0;
overflow: hidden;
}

h1 {
color: #031626;
font-family: 'Montserrat', sans-serif;
font-size: 3em;
font-weight: 500;
margin: 0;
padding: 0 0 0 5px;
display: block;
line-height: 1.1em;
}

.productDesc h1 {
font-size: 4em;
}

h2 {
color: #031626;
font-family: 'Montserrat', sans-serif;
font-size: 2.5em;
margin: 10px 0;
padding: 0;
display: block;
line-height: 1.1em;
}

h2.white {
color: #ffffff;
}


.text-container h2 {
padding: 20px 0;
}
.text-container.inlineBlock {
display:inline-block;
}

.text-container h3 {
display: inline-block;
}

.text-container h2.blank {
padding: 0;
}

h3 {
color: #031626;
font-size: 1.6em;
margin: 10px 0;
padding: 0;
display: block;
line-height: 1.3em;
}

h3.white {
color: #ffffff;
}

h3.red {
color: #0055A4;
}

h3.yellow {
color: #0055A4;
margin: 0;
}

h3.inlineBlock {
display:inline-block;
}

h4 {
color: #031626;
font-size: 1.2em;
margin: 0;
padding: 0;
display: block;
line-height: 1.3em;
}

h4.white {
color: #ffffff;
}

h4.red {
color: #0055A4;
}

h4.yellow {
color: #0055A4;
}

h4.blue {
color: #0055A4;
}

h4.banner {
padding: 0 !important;
}

.text-container h4 {
padding: 20px 0;
}

/*===== Paragraphs =====*/
p.main-text {       
color: #454545; 
font-size: 1.2em; 
padding: 0;
line-height: 1.7em;
}

p.main-text.white {       
color: #ffffff; 
}

p.main-text.small {       
font-size: 0.875em; 
}

p.main-text.large {       
font-size: 1.2em; 
}

p.header-text {
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-size: 4em;
padding: 0;
margin: 0;
line-height: 1.2em;
}

p.header-text.small {
font-family: 'Montserrat', sans-serif;
font-size: 1.8em;
}

p.banner-text {
color: #ffffff;
font-size: 2.5em;
padding: 0;
margin: 10px;
line-height: 1.2em;
}

p.banner-text.right {
float: right;
}

p.banner-text.small {
font-size: 1.6em;
}

p.error-text {       
color: #0055A4; 
font-size: 12em; 
font-weight: 700;
padding: 0;
line-height: 1em;
}

/*===== Form Fields =====*/
form#emailForm {
padding: 0;
margin: 0;
}

form.cmxform {
width: 100%;
color: #454545; 
font-family: 'Montserrat', sans-serif;
font-size: 1em;
padding: 10px 0 0;
}

form.cmxform legend {
padding-left: 0;
}

form.cmxform legend, form.cmxform label {
color: #454545;
}

form.cmxform fieldset {
border: none;
background: none repeat scroll 0 0 transparent;
background-color: #transparent;
margin: 0;
padding: 10px 0 0;
}

form.cmxform fieldset fieldset {
background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
padding: 0 0 20px;
background: none repeat scroll 0 0 transparent;
}

form.cmxform label.error, label.error {
color: #ffffff;
font-style: italic;
font-weight: 500;
display: block !important;
margin: 0 0 10px 0;
}

div.error { 
display: none; 
}

form.cmxform .gray * { 
color: gray; 
}

#emailForm {
width: 100%;
}

#emailForm label.error {
width: auto;
display: none;
font-size: 0.85em;
margin: 0 0 20px 0;
}

.editor-label-buttons {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: inline-block;
float: right;
margin: 0 10px 0 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

.editor-field {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: inline-block;
width: 33%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

.editor-field-full {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: inline-block;
width: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

/*===== Buttons =====*/
a.button, a.pmpro_btn, .pmpro_btn, #pmpro_actionlink-levels, button.prev {
background: #031626;
border: 2px solid #0055A4;
border-radius: 7px;
display: inline-block;
color: #fff;
cursor: pointer;
font-size: 1em;
padding: 15px 40px;
margin: 20px 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
position: relative;
background: url(./images/white-arrow.png) center right 25px no-repeat #031626;
padding: 15px 80px 15px 20px;
z-index: 9999;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.button:hover, a.pmpro_btn:hover {
background: #295eaf;
background: url("./images/white-arrow.png") center right 15px no-repeat #295eaf;
}


a.bannerButton:hover{
background: #fff;
color: #295eaf;
background: url("./images/white-arrow.png") center right 15px no-repeat #295eaf;
}

button.prev, button.next, button.today {
background: #031626;
border: 2px solid #0055A4;
border-radius: 7px;
display: inline-block;
color: #fff;
cursor: pointer;
font-size: 0.8em;
margin: 0px 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
position: relative;
padding: 10px 15px;
z-index: 9999;
cursor: pointer;
}


/*===== Links =====*/
a.link:link, a.link:visited, a.link:active {
color: inherit;
font-size: inherit; 
text-decoration: none;
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.link.under:link, a.link.under:visited, a.link.under:active {
color: inherit;
font-size: inherit; 
text-decoration: underline;
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.link:hover {
color: #0055A4;
text-decoration: underline;
}

a.link.under:hover {
color: #0055A4;
}

a.social:link, a.social:visited, a.social:active {
width: 32px;
height: 32px;
text-decoration: none;
}

a.blank:link, a.blank:visited, a.blank:active {
text-decoration: none;
}

/*===== Telephone Numbers =====*/
.tel,.tel:visited { /*for small screens */ 
color: inherit; 
padding: 0; 
text-decoration: none; 
cursor: default;
} 

.tel:hover,.tel:focus { 
color: inherit; 
}

/*===== Lists =====*/
/*===== Standard Bullets =====*/
ul.bullets {
list-style-type: disc;
list-style-position: inside;
margin: 10px 0 20px 0;
padding: 0;
text-align: left;
}

ul.bullets li {
color: #000000; 
padding: 0;
margin-bottom: 5px;
margin-left: 2.0em;
text-indent: -1em;
}

span.bullets {
color: #454545; 
font-size: 1em; 
line-height: 1.7em;
}

/*===== Lists =====*/
ul.footmenu {
list-style-type: none;
padding: 0;
margin: 30px 0 0;
text-indent: unset; 
}	

ul.footmenu li {
display: inline-block;
color: #131313;
font-size: 1.1em;
font-weight: 500;
text-transform: uppercase;
line-height: 2em;
padding: 0 17px;
}

ul.footmenu li a:hover {
text-decoration: none;	
}
	
/*===== Images =====*/
img {
border: 0;
height: auto;
max-width: 100%;
}

img.roundtop {
    border-radius: 10px 10px 0 0;
}

img.imgBorder {
border: 5px solid #0055A4;
}

img.social {
margin: 0 20px 0 0;
}

img.logo {
display: inline !important;
width: auto !important;
border: 0;
height: auto;
max-width: 100%;
margin: 0 40px;
}

img.logo.first {
margin: 0 40px 0 0;
}

img.logo.last {
margin: 0 0 0 40px;
}

img.object {
padding: 0 25px 0 0;
}

img.bottomLogos {
max-width: 80%;
height: auto;
flex: 0 1 200px;
max-height: 150px;
object-fit: contain;
}

/*===== Expandable Styles =====*/
.layer1 {
margin: 0;
padding: 0;
width: 100%;
}
 
.faq-wrapper {
background-color: #0055A4;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.5), 0 2px 10px 0 rgba(0,0,0,.47);
border-radius: 7px; 
padding: 20px;
margin: 10px 0 30px;
}
 
.heading {
background: url("images/expand.png") no-repeat scroll right 20px center;
color: #ffffff;
font-size: 1.3em;
margin: 0;
padding: 10px 80px 10px 0;
display: block;
line-height: 28px;
cursor: pointer;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 20px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 20px center;
}

.content {
background-color: transparent;
padding: 10px 0 0 0;
}

/*===== Wordpress =====*/
span.date, span.author, span.post-date {
font-size: 0.875em;
font-weight: 400;
font-style: italic;
line-height: 1.5em;
display: inline-block;
margin: 0 0 20px 0;
color:#0055A4;
}

/*===== Page Navi Styles =====*/
.wp-pagenavi {
position: relative;
height: 50px;
padding: 10px 0 0;
}

.wp-pagenavi a, .wp-pagenavi span {
padding: 7px 10px; 
margin-right: 10px;
font-size: 15px; 
color: #454545; 
text-decoration: none;
border: 1px solid #6c7755; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #6c7755;
color: #ffffff;
border: 1px solid #6c7755;
}

.wp-pagenavi span.current { 
font-weight: bold; 
}

/*===== WP Form =====*/
form.search {
margin: 0 0 30px 0;
}

/*===== Search Box =====*/
input.search-input {
border: 1px solid #959595;
color: #2b2b2b;
font-size: 1em;
height: 35px;
line-height: 18px;
padding: 2px 3px;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}

button.search-submit {
background-color: transparent;
display: inline-block;
border: none;
padding: 10px 0 0 10px;
position: relative;
cursor: pointer;
color: #0055A4; 
font-size: 1em; 
font-weight: 400;
}

button.search-submit::after {
border-right: 2px solid #0055A4;
border-top: 2px solid #0055A4;
content: "";
display: inline-block;
height: 0.4em;
transform: rotate(45deg);
width: 0.4em;
margin-bottom: 1px;
margin-left: 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}

button.search-submit:hover::after {
margin-left: 15px;	
}

/*===== WP Widgets =====*/
input.wpcf7-text {
border: 1px solid #e7e7e7;
border-radius: 5px;
color: #454545;
font-family: 'Montserrat', sans-serif;
font-size: 1em;
font-weight: 400;
height: 30px;
line-height: 18px;
margin: 0 auto 10px;
padding: 5px;
width: 95%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}

input.wpcf7-text:focus {
border: 1px solid #3d2763;
}

input.wpcf7-text.error {
border: 1px solid #ffffff;
}

textarea.wpcf7-textarea {
border: 1px solid #e7e7e7;
border-radius: 5px;
color: #454545;
font-family: 'Montserrat', sans-serif;
font-size: 1em;
font-weight: 400;
height: 200px;
line-height: 18px;
margin: 0 auto 10px;
padding: 10px 5px;
width: 98%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}

textarea.wpcf7-textarea:focus {
border: 1px solid #3d2763;
}

textarea.wpcf7-textarea.error {
border: 1px solid #ffffff;
}

select.wpcf7-select {
border: 1px solid #e7e7e7;
border-radius: 5px;
color: #454545;
font-family: 'Montserrat', sans-serif;
font-size: 1em;
height: 43px;
line-height: 18px;
margin: 0 auto 15px;
padding: 5px;
width: 97.5%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}

.wpcf7-radio {
font-family: 'Montserrat', sans-serif;
font-size: 1em !important;
}

.wpcf7-list-item-label {
font-size: 1em !important;
}

input.wpcf7-submit {
background: #0055A4;
border: 0 none;
border-radius: 7px;
display: inline-block;
color: #ffffff;
cursor: pointer;
font-size: 1em;
padding: 15px 40px;
margin: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

input.wpcf7-submit:hover {
background: #131313;
}

div.wpcf7-response-output {
float: left;
width: 95%;
font-size: 1em;
font-weight: 300;
line-height: 1.3em;
margin: 1em 0 1em !important;
padding: 10px 1em !important;
}

span.wpcf7-not-valid-tip {
color: #a40019;
margin: 0 0 20px 0;	
}

.single-post .wp-post-image {
    display: none !important;
}

.wp-block-separator {
    border: none;
    border-top: 2px solid;
    margin: 50px 25%;
    width: 50%;
    color: #0055A4;
}

/*===== Images =====*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignnone {float:left; margin:0 1em 1em 0}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignnone {float:left; margin:0 1em 1em 0}

/*===== Mean Menu =====*/
a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
    min-height: 42px;
    z-index: 999999
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #131313;
    text-decoration: none;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #131313;
    height: 2px;
    margin-top: 4px
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    margin-top: 24px
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none
}

.mean-container .mean-nav ul li {
	background: #ffffff;
    position: relative;
    float: left;
    width: 100%;
	box-sizing: border-box;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    text-align: left;
    color: #131313;
    border-top: 1px solid #0055A4;
    text-decoration: none;
    text-transform: uppercase;
	box-sizing: border-box;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    color: #0055A4;
}

.mean-container .mean-nav ul li li a {
    width: 100%;
    padding: 0 0 0 20px;
    text-shadow: none!important;
    visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
	height: 50px;
    border-bottom: 2px solid #0055A4;
    margin-bottom: 0
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 60px;
    height: 50px;
    padding: 0 20px 10px 20px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 400;
    background: rgba(255, 255, 255, .1);
    border: none!important;
    border-left: 1px solid #cbcbcb!important
}

.mean-container .mean-push,
.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-push {
    float: left;
    clear: both
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mean-remove {
    display: none!important
}

.iframe-cover {
    position: relative;
    width: 100%;
    height: 400px; /* adjust as needed */
	margin: 40px 0 0;
}

.iframe-cover iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.iframe-cover::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: transparent;
    z-index: 999;
    cursor: pointer;
}

/*************************************/
/********       Login Form      ******/
/*************************************/
.pmpro_login_wrap, .pmpro_lost_password_wrap, .pmpro_reset_password_wrap, #pmpro_login {
    text-align: center;
}
.login-username label, .login-password label, .login-remember label {
	text-align: center !important;
}
form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select, #loginform input[type=text], #loginform input[type=password] {
    display: inline-block;
    max-width: 100%;
    padding: 10px;
    min-height: 1.5rem;
    border: 5px solid #0055A4;
}

.pmpro_login_wrap {
	align-items: center;
	display: inline-block !important;
	width: 400px
}


form.pmpro_form label, #loginform label {
    color: #454545;
    font-size: 1.2em;
    padding: 0;
    line-height: 2.5em;
}

#wp-submit, .pmpro_btn-submit-checkout, .pmpro_btn-submit-update-profile, .pmpro_btn-select{
    background: #031626!important;
    border: 2px solid #0055A4 !important;
    border-radius: 7px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    margin: 40px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding: 15px 80px 15px 20px !important;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}




.grecaptcha-badge {
	visibility: hidden !important;
}




/****************************************/
/********       New Membership     ******/
/****************************************/

.pmpro_table table, .pmpro_table thead, .pmpro_table tbody, .pmpro_table tr, .pmpro_table th, .pmpro_table td {
	display: block; 
	text-align: center;
}


#pmpro_levels_table {
	width: 100%;
	display: inline-block;
}


a.pmpro_btn {
	display: inline-block !important;
    text-align: center;
	padding: 15px 40px !important;
    margin: 45px 10px !important;
}

#pmpro_levels_table td:nth-child(1) {
    min-width: 200px;
    color: #0055A4;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.3em;
	padding: 0 0 10px;
}

#pmpro_levels_table strong {
	color: #131313;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3em;
}

#pmpro_levels_table thead {display: none;}

#pmpro_levels_table tr {
width: 32%;
display: inline-block;
border: 1px solid #DDD;
margin: 7px;
-webkit-box-shadow: 0 0 6px 1px #d9d9d9;
box-shadow: 0 0 6px 1px #d9d9d9;
}

#pmpro_levels_table td:before {
 display: block;
 background: #eee;
 font-weight: bold;
}

#pmpro_levels_table td:before {
	content: "";
	position: relative;
    background-image: url(https://test.yorkshireoutdoorswimmers.com/wp-content/uploads/2015/04/cropped-YOS-twitterlogo01.jpg);
	background-size: cover;
    background-position: center center;
    height: 250px;
	margin: 0 50px;
}
#pmpro_levels_table td+td:before {content: ""; height: 0px;margin: 0;}
#pmpro_levels_table td+td+td:before {content: ""; height: 0px;margin: 0;}


.pmpro_level_card.hidden {
	display: none !important;
}

.pmpro_level_tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
	justify-content: left;
}

.pmpro_tab_button {
	padding: 0.75rem 1.5rem;
	border: 1px solid #ccc;
	background: #f9f9f9;
	cursor: pointer;
	border-radius: 4px;
	cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pmpro_tab_button:hover {
background: #295eaf;
color: white;
}

.pmpro_tab_button.active {
	background: #295eaf;
	color: white;
	border-color: #295eaf;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/****************************************/
/********       My Membership      ******/
/****************************************/


.pmpro_table {
	width: 100%;
	display: inline-block;
}


.pmpro_table td:nth-child(1) {
    min-width: 200px;
    color: #0055A4;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.3em;
	padding: 0 0 10px;
}

.pmpro_table .pmpro_actionlinks {
	color: #131313;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.3em;
}

.pmpro_table strong {
	color: #131313;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3em;
}

.pmpro_table thead {display: none;}

.pmpro_table tr {
width: calc(33% - 14px);
border: 1px solid #DDD;
margin: 7px;
-webkit-box-shadow: 0 0 6px 1px #d9d9d9;
box-shadow: 0 0 6px 1px #d9d9d9;
padding: 20px 0 0 ;
display: inline-block; 
position: relative; 
}

.pmpro_table tr th {
border-top: none !important;
font-size: 1.2em;
font-weight: 600 !important;
}

.pmpro_table td {
 margin: 15px;
 text-align: center !important;
}

.pmpro_table td:before {
 display: block;
 background: #eee;
 font-weight: bold;
 margin: 10px;
}

.pmpro_table td:before {
	content: "";
	position: relative;
    background: #ffffff url('/wp-content/themes/RSC/images/logo.png')  center/contain no-repeat;
    height: 250px;
	margin: 0 50px;
	
	

}
.pmpro_table td+td:before {content: ""; height: 0px;margin: 0;}
.pmpro_table td+td+td:before {content: ""; height: 0px;margin: 0;}

.list_with_filter_section.mep_event_list {
	max-width: 1400px !important
}

.mage_grid_box {
	justify-content: center;
}

.mep_everyday_date_secs .mep-date-time-select-area, .mep_everyday_date_secs .mep-date-time-select-area .mep-date-time {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
	gap: 10px;
}

div.mpwem_timeline_area .timeline_time {
    color: #fff !important;
    background-color: #031626 !important;
}

span.mep_warning {
	border: 2px solid #0055A4 !important;
    color: #444444 !important;
	margin: 20px 0;
}

.equinox .event {
    border-left: 5px solid #0055A4 !important;
}


.equinox .event .title {
    overflow-x: inherit !important;
}

.equinox .event .start-time {
    display: block !important;
	float: none !important;
    margin-left: 0px !important;
	color: #031626 !important;
    font-size: small !important;
    padding: 0 0 10px !important;
    font-weight: 600 !important;
}

.event-calendar {
	margin: 0 0 50px;
}

.equinox .calendar-header {
    background-color: #0055A4 !important;
}

.equinox .month-label {
	padding: 7px;
}

.equinox .day {
	color: #031626 !important;
    font-size: small !important;
    font-weight: 600;
}

.view-day .day-container {
    padding: 20px;
    text-align: center;
}
.view-day .day-events-list {
    list-style: none;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
}
.view-day .day-event {
    margin: 15px 0;
    padding: 10px;
    border-left: 4px solid #0073aa;
    background: #f9f9f9;
}
.view-day .no-events {
    font-style: italic;
    color: #666;
    font-size: 1.2em;
}

.view-mode-select {
    border-radius: 5px;
    padding: 10px 15px;
    padding-right: 30px;
    background-image: url(https://rotherhamsailingclub.yorkshireoutdoorswimmers.com/wp-content/plugins/mage-eventpress/assets/helper/images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - var(--dmp_xs));
    background-size: auto;
    -webkit-appearance: none;
    padding: var(--dmp_xs) 35px var(--dmp_xs) var(--dmp_xs);
    max-width: 250px;
	margin: 0 4px;
}


.pmpro_levels_custom_cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 2rem;
    max-width: 1400px;
    margin: 3rem auto;
    padding: 0 1rem;
	justify-content: center;
}

/* THIS IS THE KEY → all cards same height */
.pmpro_level_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;   /* pushes button to bottom */
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    height: 100%;                     /* makes all cards stretch to same height */
}

.pmpro_level_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.pmpro_level_card_logo img {
    max-height: 80px;
    width: auto;
    margin: 0 auto 1.5rem;
}

.pmpro_level_card_title {
    margin: 0 0 1rem;
    font-size: 1.75rem;
    color: #1a1a1a;
}

.pmpro_level_card_price {
    margin: 0;
    line-height: 1.4;
}

.pmpro_price_initial {
    font-size: 1.9rem;
    font-weight: bold;
    color: #003087;
}

.pmpro_price_recurring {
    font-size: 1.25rem;
    color: #444;
}

.pmpro_level_card_description {
    flex-grow: 1;            /* allows description to take available space */
    margin: 1.5rem 0;
    color: #555;
    line-height: 1.6;
    font-size: 0.95rem;
}

.pmpro_level_card_action {
    margin-top: 0;
}

.pmpro_btn {
    display: inline-block;
    padding: 14px 32px;
    background: #003087;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: background 0.3s;
}

.pmpro_btn:hover { background: #00205b; }

.pmpro_btn-outline {
    background: transparent;
    border: 2px solid #003087;
    color: #003087;
}

.pmpro_btn-outline:hover {
    background: #003087;
    color: white;
}

.pmpro_level_card-current {
    border-color: #003087;
    box-shadow: 0 0 0 4px rgba(0,48,135,0.15);
}

/****************************************/
/********       Training Sessions     ******/
/****************************************/

#trainingSessions {
	width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
}

#trainingSessions td:nth-child(2) {
    min-width: 200px;
    color: #0055A4;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.3em;
	padding: 0 0 10px;
}

#trainingSessions strong {
	color: #0055A4;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 2em;
}

#trainingSessions thead {display: none;}

#trainingSessions tr {
width: 32%;
display: table-cell;
border: 1px solid #DDD;
margin: 7px;
-webkit-box-shadow: 0 0 6px 1px #d9d9d9;
box-shadow: 0 0 6px 1px #d9d9d9;
padding: 20px 10px;
}

#trainingSessions td:before {
 display: block;
 background: #eee;
 font-weight: bold;
}

#trainingSessions td:before {content: ""; height: 0px;margin: 0;}
#trainingSessions td+td:before {content: ""; height: 0px;margin: 0;}
#trainingSessions td+td+td:before {content: ""; height: 0px;margin: 0;}

.introImg {
	background-image: url(/wp-content/uploads/2022/04/19601560_10209732573495680_7835944794161663073_n.jpg);
	background-size: cover;
    background-position: center center;
    height: 250px;
	margin: 0 50px;
}

.coachImg {
	background-image: url(/wp-content/uploads/2022/05/18558845_2004535426441024_5921911641711910701_o-scaled.jpg);
	background-size: cover;
    background-position: center center;
    height: 250px;
	margin: 0 50px;
}

.triathlonImg {
	background-image: url(/wp-content/uploads/2018/06/IMG_0853-e1528272736921.jpg);
	background-size: cover;
    background-position: center center;
    height: 250px;
	margin: 0 50px;
}


/*************************************/
/******** Woocommerce Overrides ******/
/*************************************/
.woocommerce div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: #0055A4;
    border: 0 none;
    border-radius: 7px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    font-size: 1em;
    padding: 15px 40px;
    margin: 40px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sku_wrapper {
	display: none;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #0055A4;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 10px;
    min-height: 1.5rem;
    border: 5px solid #0055A4;
}

.woocommerce table.shop_table, .woocommerce-notices-wrapper {
    margin: 50px -1px 24px 0;
}


/*************************************/
/******** Swooshs ******/
/*************************************/

.bottom-swoosh,
.bottom-swoosh-02,
.bottom-swoosh-grey,
.main-content.dark,
.top-swoosh,
.top-swoosh-grey,
.top-swoosh-greybg {
    z-index: 99;
    position: relative;
}

.bottom-swoosh {
    background: url("./images/swoosh-bottom.png") center bottom/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
}
.bottom-swoosh-02 {
    background: url("./images/swoosh-bottom-02.png") center bottom/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
}
.top-swoosh {
    background: url("./images/swoosh-top.png") center top/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
}
.top-swoosh-greybg {
    background: url("./images/swoosh-top.png") center top/cover no-repeat #f8f8f9;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
}
.bottom-swoosh-grey {
    background: url("./images/swoosh-bottom-grey.png") center bottom/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
}
.top-swoosh-grey {
    background: url("./images/swoosh-top-grey.png") center top/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
    margin: -100px 0 0;
}


/*icons */



/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible; backface-visibility: visible;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*********************************************************************/
/*===== Media Queries for Mobile =====*/
@media screen and (max-width: 480.99px) 
			  and (min-width: 320px) {
			  
#fixed {
left: unset;
right: 0;
}

.bottom-swoosh-02,
.top-swoosh {
    height: 75px;
}

.mobHide {
	display:none !important;
}

.pmpro {
    .pmpro_card_content {
        padding: 0px;
    }
}

.service-header {
    height: auto;
    padding: 20px 10px;
}
.service-text {
    height: auto;
    padding: 0 10px 20px;
}
.service-text-large {
    height: auto;
    padding: 0 10px 20px;
}

.four-column,
.four-column.serv {
    width: 100%;
    padding: 10px;
	float: left;
}
.four-column.servlast {
    width: 100%;
    padding: 20px 10px 0;
	float: left;
}
.column-inner {
    height: 250px;
    padding: 40px 20px 20px 100px;
}
	

.menu_title {
display: block !important;
}

#header-wrapper {
height: 150px;
overflow: unset;
}

#header {
height: 155px;
}

#logo {
margin: 40px;
width: 33%;
}

#logo.paddle, #logo.model {
margin: 5px 0 0 20px;
}

#logo.yos {
margin: 10px 0 0 20px;
}

#menu {
width: 100%;
right: 0;
}

#banner {
height: 400px;
}

a.button, a.pmpro_btn, .pmpro_btn, #pmpro_actionlink-levels, button.prev {
    background: url(./images/white-arrow.png) center right 10px no-repeat #031626;
    padding: 15px 40px 15px 20px;
	margin: 20px 1px;
}

.banner-content {
top: 30%;
left: 10px;
}

.main-content-video {
height: 250px;
}

.main-content-wrapper {
padding: 40px 10px;
}

.two-column-flex-wrapper {
flex-flow: column nowrap;
}

.left-column-flex-50 {
width: 100%;
}

.topTempBarFlex {
	flex-flow: nowrap;
}


.topTempBar {
	width: 50%;
}

.topTempBar h3 {
	font-size: 1.1em;
}

.topTempBar h2 {
    padding: 0;
}

.themoIcon {
	font-size: 40px;
}

.themoIconSmall {
    font-size: 40px;
}

.four-column-flex-wrapper {
    flex-wrap: wrap;
}

.left-column-flex-25 {
    width: 50%;
}
			  
.left-column-flex-50.content {
width: 100%;
order: 1;
padding: 0;
}

.left-column-flex-50.img {
width: 100%;
height: auto;
order: 2;
padding: 40px 0 0 0;
}

.right-column-flex-50 {
width: 100%;
padding: 40px 0 0;
}

.right-column-flex-50.content {
width: 100%;
order: 1;
padding: 0;
}

.right-column-flex-50.img {
width: 100%;
height: auto;
order: 2;
padding: 40px 0 0 0;
}

.left-column-60 {
    width: 100%;
}

.right-column-40 {
    width: 100%;
	margin: 20px 0;
	padding: 0;
}

video {
width: 100%;
}

.editor-field {
width: 100%;
}

textarea.wpcf7-textarea {
width: 95%;	
}

h1 {
font-size: 2em;
}
h1.center, h2.center, h3.center {
text-align:center;
}


h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.0em !important;
}

p.header-text {
font-size: 1.8em;
}

p.header-text.small {
font-size: 1.1em;
}

p.banner-text {
font-size: 1.8em;
}

p.banner-text.small {
font-size: 1.4em;
}

a.fixed-button {
font-size: 0.85em;
padding: 12px 10px 0;
margin: 0 5px 0 0;
}

ul.footmenu li {
display: block;
padding: 10px 0;
margin: 0 5px 0 0;
}

img.logo.first {
margin: 0 20px 40px 20px;
}

img.logo.last {
margin: 0 20px 40px 20px;
}

img.object {
width: 125px;
}

.heading {
padding: 10px 65px 10px 0;
}

/**Woocommerce**/
.productWrapper .type-product h2 {
display: inline-block !important;
font-size: 2.5em !important;
padding: 20px 10px 10px !important;	
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100% !important;
text-align: center;
}

.woocommerce ul.products li.product a img {
max-width: 90%;
margin: 0 5%;
float: none;
}

.productWrapper .type-product h2, .productWrapper .type-product .price, .productWrapper .type-product .button {
width: 90%;
margin: 0 5%;
float: none;
text-align:center;
}

.productWrapper .type-product .button {
width: 60%;
margin: 0 !important;
}
.woocommerce span.onsale {
top: -20px !important;
right: 0px;
width: 100%;
text-align: right;
font-size: 1.5em;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
padding-right: 0;
}

.woocommerce div.product form.cart .variations td.value {
width: 55%;
padding-right: 0;
}

.woocommerce div.product form.cart .variations select {
padding: 7px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
font-size: 0.8em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0 0 0 3em;
width: 40%;
}

.wapf-field-label {
width: 60%;
padding: 0 0 10px 0;
}

.wapf-field-input {
width: 90%;
}

h1.primary {
font-size: 2.5em !important;
}

.woocommerce .woocommerce-message .button {
float: none;
width: 100%;
margin: 0 0 20px 0;
}

.competitor1, .competitor2, .competitor3, .competitor4, .competitor5, .competitor6, .competitor7, .competitor8, .competitor9, .competitor10
, .competitor11, .competitor12, .competitor13, .competitor14, .competitor15, .competitor16, .competitor17, .competitor18, .competitor19, .competitor20
, .competitor21, .competitor22, .competitor23, .competitor24, .competitor25, .competitor26, .competitor27, .competitor28, .competitor29, .competitor30
, .competitor31, .competitor32, .competitor33, .competitor34, .competitor35, .competitor36, .competitor37, .competitor38, .competitor39, .competitor40
, .competitor41, .competitor42, .competitor43, .competitor44, .competitor45, .competitor46, .competitor47, .competitor48, .competitor49, .competitor50 {
	width: 90% !important;
}

.wapf-field-row {
    display: block;
}

.wpcdt-timer-580 .wpcdt-clock {
height: 120px;
}

#pmpro_levels_table {
    border-spacing: 0;
}

#pmpro_levels_table tr {
width:90%;
display: inline-block;
}
#pmpro_levels_table td:before {
    margin: 0;
}

#trainingSessions {
    border-spacing: 0;
}

#trainingSessions tr {
    width: 90%;
    display: inline-block;
}

.pmpro_table {
	border-spacing: 0;
	width:100%;
}

.pmpro_table tr {
width:90%;
display: inline-block;
}
.pmpro_table td:before {
    margin: 0;
}

.articlegrid {
    width: 100%;
}

.pmpro_login_wrap {
    align-items: stretch;
    display: flex !important;
	width: auto;
}

.pmpro_table tbody tr th, .pmpro_table tbody tr td, .pmpro_table tfoot tr td {
	display: block;
}

.arrowMenu {
	display: none !important;
}

}


/*********************************************************************/
/*===== Mobile Landscape =====*/
@media screen and (max-width: 600.99px) 
			  and (min-width: 481px) {
			  
#fixed {
left: unset;
right: 0;
}

.bottom-swoosh-02,
.top-swoosh {
    height: 100px;
}

.menu_title {
display: block !important;
}

#header {
    height: 200px;
}

#header-wrapper {
overflow: unset;
}

#menu {
width: 70%;
right: 0;
}


#logo {
margin: 40px;
width: 33%;
}

#logo.paddle, #logo.model {
margin: 5px 0 0 20px;
}

#logo.yos {
margin: 10px 0 0 20px;
}


#banner {
height: 40px;
}

.banner-content {
top: 30%;
left: 10px;
}

a.button, a.pmpro_btn, .pmpro_btn, #pmpro_actionlink-levels, button.prev {
    background: url(./images/white-arrow.png) center right 10px no-repeat #031626;
    padding: 15px 40px 15px 20px;
	margin: 20px 1px;
}

.main-content-video {
height: 350px;
}

.two-column-flex-wrapper {
flex-flow: column nowrap;
}

.service-header {
     height: auto;
     padding: 20px 10px;
}
.service-text {
     height: auto;
     padding: 0 10px 20px;
}
.service-text-large {
     height: auto;
     padding: 0 10px 20px;
}

.four-column,
.four-column.serv {
    width: 100%;
    padding: 10px;
	float: left;
}
.four-column.servlast {
    width: 100%;
    padding: 20px 10px 0;
	float: left;
}

.column-inner {
    min-height: 150px;
    padding: 40px 20px 20px 130px;
}

.left-column-flex-50 {
width: 100%;
}

.topTempBarFlex {
	flex-flow: nowrap;
}


.topTempBar {
	width: 50%;
}

.topTempBar h3 {
	font-size: 1.1em;
}

.topTempBar h2 {
    padding: 0;
}

.themoIcon {
	font-size: 40px;
}

.themoIconSmall {
    font-size: 40px;
}

.four-column-flex-wrapper {
    flex-wrap: wrap;
}

.left-column-flex-25 {
    width: 50%;
}
			  
.left-column-flex-50.content {
width: 100%;
order: 1;
padding: 0;
}

.left-column-flex-50.img {
width: 100%;
height: auto;
order: 2;
padding: 40px 0 0 0;
}

.right-column-flex-50 {
width: 100%;
padding: 40px 0 0;
}

.right-column-flex-50.content {
width: 100%;
order: 1;
padding: 0;
}

.right-column-flex-50.img {
width: 100%;
height: auto;
order: 2;
padding: 40px 0 0 0;
}

.left-column-60 {
    width: 100%;
}

.right-column-40 {
    width: 100%;
	margin: 20px 0;
	padding: 0;
}


video {
width: 100%;
}

.editor-field {
width: 100%;
}

textarea.wpcf7-textarea {
width: 95%;	
}

h1 {
font-size: 2.3em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.4em;
}

p.header-text {
font-size: 2em;
}

p.header-text.small {
font-size: 1.1em;
}

p.banner-text {
font-size: 1.8em;
}

p.banner-text.small {
font-size: 1.4em;
}

a.fixed-button {
font-size: 0.9em;
margin: 0 5px 0 0;
}

ul.footmenu li {
display: block;
padding: 10px 0;
}

img.object {
width: 175px;
}

/**Woocommerce**/
.productWrapper .type-product h2 {
display: inline-block !important;
font-size: 3em !important;
padding: 20px 10px 10px !important;	
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100% !important;
text-align: center;
}

.woocommerce ul.products li.product a img {
max-width: 90%;
margin: 0 5%;
float: none;
}

.productWrapper .type-product h2, .productWrapper .type-product .price, .productWrapper .type-product .button {
width: 90%;
margin: 0 5%;
float: none;
text-align:center;
}

.productWrapper .type-product .button {
width: 60%;
margin: 0 !important;
}

.woocommerce span.onsale {
top: -50px !important;
right: 0px;
width: 100%;
text-align: right;
font-size: 1.5em;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
padding-right: 0;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
}

.woocommerce div.product form.cart .variations select {
padding: 7px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
font-size: 0.8em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0 0 0 3em;
width: 40%;
}

h1.primary {
font-size: 2.5em !important;
}

.wpcdt-timer-580 .wpcdt-clock {
height: 150px;
}

#pmpro_levels_table {
    border-spacing: 0;
}

#pmpro_levels_table tr {
width:90%;
display: inline-block;
}
#pmpro_levels_table td:before {
    margin: 0;
}

#trainingSessions {
    border-spacing: 0;
}

#trainingSessions tr {
    width: 90%;
    display: inline-block;
}

.pmpro_table {
	border-spacing: 0;
	width:100%;
}

.pmpro_table tr {
width:90%;
display: inline-block;
}
.pmpro_table td:before {
    margin: 0;
}

.articlegrid {
    width: 100%;
}

.pmpro_login_wrap {
    align-items: stretch;
    display: flex !important;
	width: auto;
}

.pmpro_table tbody tr th, .pmpro_table tbody tr td, .pmpro_table tfoot tr td {
	display: block;
}

.arrowMenu {
	display: none !important;
}
			  
}


/*********************************************************************/
/*===== Small Tablet Portrait ======*/
@media screen and (max-width: 768.99px) 
			  and (min-width: 601px) {
			  
#fixed {
left: unset;
right: 10px;
}

.menu_title {
display: block !important;
}

#header {
    height: 200px;
}

#header-wrapper {
overflow: unset;
}

#menu {
width: 70%;
right: 0;
}

#logo {
margin: 40px 70px;
}

#logo.paddle, #logo.model {
margin: 5px 0 0 20px;
}

#logo.yos {
margin: 10px 0 0 20px;
}


#banner {
height: 400px;
}

.banner-content {
top: 30%;
left: 10px;
}

a.button, a.pmpro_btn, .pmpro_btn, #pmpro_actionlink-levels, button.prev {
    background: url(./images/white-arrow.png) center right 10px no-repeat #031626;
    padding: 15px 40px 15px 20px;
	margin: 20px 1px;
}


.main-content-video {
height: 450px;
}

.two-column-flex-wrapper {
flex-flow: column nowrap;
}

.left-column-flex-50 {
width: 100%;
}
			  
.left-column-flex-50.content {
width: 100%;
order: 1;
padding: 0;
}

.left-column-flex-50.img {
width: 100%;
height: auto;
order: 2;
padding: 40px 0 0 0;
}

.right-column-flex-50 {
width: 100%;
padding: 40px 0 0;
}

.right-column-flex-50.content {
width: 100%;
order: 1;
padding: 0;
}

.right-column-flex-50.img {
width: 100%;
height: auto;
order: 2;
padding: 40px 0 0 0;
}

.left-column-60 {
    width: 100%;
}

.right-column-40 {
    width: 100%;
	margin: 20px 0;
	padding: 0;
}

 .service-header {
     height: 85px;
     padding: 20px 10px 0;
 }
 .service-text {
     height: 100px;
     padding: 0 10px;
 }
 .service-text-large {	height: 140px;	padding: 0 10px}
 
 .four-column {
    width: 100%;
    padding: 10px;
}
.four-column.serv, .four-column.servlast {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;    
    min-height: 1px;
}

.four-column.serv:nth-child(2n+1),
.four-column.servlast:nth-child(2n+1) {
    clear: left;
}
	
.column-inner {
    min-height: 150px;
    padding: 40px 20px 20px 130px;
}



video {
width: 100%;
	opacity: 1;

    -moz-animation: fade-out 3s ease-in forwards; /* Firefox */
    -webkit-animation: fade-out 3s ease-in forwards; /* Safari and Chrome */
    -o-animation: fade-out 3s ease-in forwards; /* Opera */
    animation: fade-out 3s ease-in forwards;
    -moz-animation-delay: 7s;
    -webkit-animation-delay: 7s;
    -o-animation-delay: 7s;
    animation-delay: 7s;
}

.editor-field {
width: 100%;
}

textarea.wpcf7-textarea {
width: 95%;	
}

h1 {
font-size: 2.8em;
}

h2 {
font-size: 2em;
}

p.header-text {
font-size: 2.5em;
}

p.header-text.small {
font-size: 1.3em;
}

p.banner-text {
font-size: 1.8em;
}

p.banner-text.small {
font-size: 1.4em;
}

ul.footmenu li {
display: block;
padding: 10px 0;
}

/**Woocommerce**/
.productWrapper .type-product h2 {
font-size: 2.5em !important;
padding: 40px 10px 10px !important;	
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100% !important;
}

.woocommerce span.onsale {
top: -50px !important;
right: 0px;
width: 100%;
text-align: right;
font-size: 2em;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
padding-right: 0;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
}

.woocommerce div.product form.cart .variations select {
padding: 7px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
font-size: 0.8em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0 0 0 3em;
width: 40%;
}

.productWrapper .type-product .button {
margin: 0 0 0 5% !important;
}

h1.primary {
font-size: 3em !important;
}

#pmpro_levels_table {
    border-spacing: 0;
}

#pmpro_levels_table tr {
width:90%;
display: inline-block;
}
#pmpro_levels_table td:before {
    margin: 0;
}

#trainingSessions {
    border-spacing: 0;
}

#trainingSessions tr {
    width: 90%;
    display: inline-block;
}

.pmpro_table {
	border-spacing: 0;
	width:100%;
}

.pmpro_table tr {
width:90%;
display: inline-block;
}
.pmpro_table td:before {
    margin: 0;
}

.articlegrid {
    width: 100%;
}

.topTempBarFlex {
	flex-flow: nowrap;
}


.topTempBar {
	width: 50%;
}

.topTempBar h3 {
	font-size: 1.1em;
}

.topTempBar h2 {
    padding: 0;
}

.themoIcon {
	font-size: 40px;
}

.themoIconSmall {
    font-size: 40px;
}

.pmpro_table tbody tr th, .pmpro_table tbody tr td, .pmpro_table tfoot tr td {
	display: block;
}

.arrowMenu {
	display: none
}

}

/*********************************************************************/
/*===== Tablet Portrait =====*/
@media screen and (max-width: 860px) 
			  and (min-width: 769px) {
		
#pmpro_levels_table {
    border-spacing: 0;
}

#pmpro_levels_table tr {
width:90%;
display: inline-block;
}

#trainingSessions {
    border-spacing: 0;
}

#trainingSessions tr {
    width: 90%;
    display: inline-block;
}

.pmpro_table {
	border-spacing: 0;
	width:100%;
}

.pmpro_table tr {
width:90%;
display: inline-block;
}

 .service-header {
     height: 85px;
     padding: 20px 10px 0;
 }
 .service-text {
     height: 100px;
     padding: 0 10px;
 }
 .service-text-large {	height: 140px;	padding: 0 10px}
	  
	  
.four-column {
    width: 100%;
    padding: 10px;
}
.four-column.serv, .four-column.servlast {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;    
    min-height: 1px;
}

.four-column.serv:nth-child(2n+1),
.four-column.servlast:nth-child(2n+1) {
    clear: left;
}
.column-inner {
    padding: 40px 20px 20px 110px;
}
}


/*********************************************************************/
/*===== Tablet Portrait =====*/
@media screen and (max-width: 1024.99px) 
			  and (min-width: 769px) {

#fixed {
left: unset;
right: 10px;
}

.menu_title {
display: block !important;
}

#header-wrapper {
overflow: unset;
}

#header {
    height: 200px;
}

#menu {
width: 70%;
right: 0;
}

#logo {
margin: 40px 70px;
}

#logo.paddle, #logo.model {
margin: 10px 0 0 50px;
}

#logo.yos {
margin: 10px 0 0 50px;
}


#banner {
height: 500px;
}

.main-content-video {
height: 500px;
}
			  
.left-column-flex-50.content {
padding: 30px 25px 0 0;
}

.right-column-flex-50.content {
padding: 30px 0 0 25px;
}

 .service-header {
     height: 85px;
     padding: 20px 10px 0;
 }
 .service-text {
     height: 100px;
     padding: 0 10px;
 }
 .service-text-large {	height: 120px;	padding: 0 10px}
 
.four-column {
    width: 100%;
    padding: 10px;
}
.four-column.serv, .four-column.servlast {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;    
    min-height: 1px;
}

.four-column.serv:nth-child(2n+1),
.four-column.servlast:nth-child(2n+1) {
    clear: left;
}
.column-inner {
    padding: 40px 20px 20px 110px;
}

video {
width: 100%;
}

.editor-field {
width: 32.5%;
}

textarea.wpcf7-textarea {
width: 97%;	
}

p.header-text {
font-size: 3em;
}

p.header-text.small {
font-size: 1.5em;
}

p.banner-text {
font-size: 2em;
}

ul.footmenu li {
font-size: 1em;
padding: 0 10px;
}

img.object {
width: 175px;
}


/**Woocommerce**/
.productWrapper .type-product h2 {
font-size: 3em !important;
padding: 40px 10px 10px !important;	
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100% !important;
}

.woocommerce span.onsale {
font-size: 1.5em;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
padding-right: 0;
}

.woocommerce div.product form.cart .variations td {
width: 40%;
}

.woocommerce div.product form.cart .variations select {
padding: 7px 0;
}

h1.primary {
font-size: 3em !important;
}

.arrowMenu {
	display: none !important;
}

}


/*********************************************************************/
/*===== Tablet Portrait =====*/
@media screen and (max-width: 1144.99px) 
			  and (min-width: 1025px) {
				  
#fixed {
left: unset;
right: 10px;
}
				  
.menu_title {
display: block !important;
}

#header-wrapper {
overflow: unset;
}

#menu {
width: 100%;
right: 0;
}


p.banner-text {
font-size: 2em;
}

.four-column,
.four-column.serv,
.four-column.servlast {
    padding: 0 10px;
}
.column-inner {
    height: 240px;
    margin: 0 0 20px;
    padding: 30px 20px 20px 130px;
}
			  
}


/*********************************************************************/
/*===== Tablet Portrait =====*/
@media screen and (max-width: 1400px) 
			  and (min-width: 1145px) {
				  
#fixed {
left: unset;
right: 10px;
}
				  
nav a {
padding: 0 20px;
}

			  
}


@media screen and (max-width: 900px) {
   img.bottomLogos {
        flex: 0 1 45%;            /* ~2 per row */
        max-width: 180px;
    }
}

/* Mobile: 1 per row */
@media screen and (max-width: 500px) {
   img.bottomLogos {
        flex: 0 1 80%;
        max-width: 140px;
    }
}