/*
Theme Name:   Rich-Benjamin-Theme
Version:    1.0
Author:     Brian Ross
Author URI:   http://brianrossdesign.com
*/

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

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

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

@import "css/reset.css";

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



/* Don't forget to style your body to avoid user overrides */ }
::-moz-selection  { background:#ff0; color:#333; }
::selection     { background:#ff0; color:#333; }

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

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

*/

input,
textarea      { }
body
{      font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-style: normal; color: #5a959d;/* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

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


h1#Logo a{ font-size: 4.5em;  text-transform: none; margin: 2% auto 0 0; text-align: center; width:100%; display:block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color:#5a959d; border: none;}
h3 { font-size: 2.2em; }


h2 { width: 100%; margin: 3% 0 3.6% 0; font-size: 3.1em; text-align: left; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color:#447e86;}


h3 { width: 100%; margin: 3% 0 3% 0; font-size: 3.1em; text-align: left; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color:#447e86;}

p#Copyright { font-weight: 400; margin-top:4%; display: block}
p#Copyright span{ font-size: .75em;}

p {font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    line-height: 100%;    
    font-weight: 300; 
    margin-bottom:3.25%;

    }
p strong {color: rgba(0,0,0,.85); font-weight: 700;}

a {border:none;}

p.Larger { font-size: 1.1em; line-height: 1.92em; margin-bottom: 30px;}

p.Larger span{ font-weight: 700; display: block; clear:both; margin: 12px 0 0 5px; color: rgba(0,0,0,.65); font-size: .95em;}


.Contentrow h2 {}

.Contentrow#Home {margin-top:-13%;}
.Contentrow ul {}

.Contentrow ul li {color: #5a959d; margin: 0 0 2% 1%; font: normal 1em/2.1em 'Merriweather', Georgia, "Times New Roman", Times, serif;
color: #666666; font-weight: 300; border-bottom: 1px solid #c1c1c1;}

.Contentrow ul li:last-child {border:none;}

.Contentrow ul li p{font: normal .9em/1.7em 'Merriweather', Georgia, "Times New Roman", Times, serif;}

.Contentrow ul li span a { font-family: 'Merriweather Sans', sans-serif; font-weight: 700; color:#005a80; font-size: .7em;} 

.Contentrow ul li strong { font-weight: 700; color: rgba(0,0,0,.75);}
.Contentrow ul h4 {font-weight: 700; font-size: 1.6em; color: rgba(0,0,0,.72); margin-bottom:2.5%;}
.Contentrow ul h5 {font-weight: 700; font-size: 1.6em; color: rgba(0,0,0,.72); margin-bottom:2.5%; border-bottom: 1px solid #c1c1c1; padding-bottom:2.1%;}
.Contentrow ul li h2 {text-align: left; color:rgba(0,0,0,.75); font-size: 1.15em;  margin:2% 0 1.25% 0; font-family: 'Open Sans', sans-serif; font-weight: 700}
.Contentrow ul li h4 {font-weight: 700; font-size: 1em; color: rgba(0,0,0,.65); margin:0; font-family: 'Open Sans', sans-serif;}
.Contentrow ul li span {margin-left: 2%;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
img {width:100%; height: auto;}


.widget-area.horizontal-Left { width:45%; float:left; margin-right: 8.5%;}
.widget-area.horizontal-Right { width:45%; float:left;}


.textwidget { width:100%; border-bottom: 1px solid #c1c1c1; padding: 0 0 2% 1%; margin: 0 0 2% 0; float:left; z-index: 300;}
.textwidget p {float:left;  width:100%; clear:both; line-height: 1.65em; font-family: 'Merriweather Sans', sans-serif; font-weight: 100; font-size:.9em;}
.textwidget p img { float:left; width: 30%; margin: 2% 3% 2% -1.2%; border: 1px solid rgba(0,0,0,.1)}

.textwidget p strong{ 
font-weight: 700;
color: #585858;
font-size: .9em}

.textwidget p a{font-family: 'Merriweather Sans', sans-serif;
font-weight: 700;
color: #005a80;
font-size: .7em; text-transform: uppercase; display:block; width:auto; height:auto;}

header {z-index: 900;}
footer {width: 100%; border-top:#bebebe solid 1px; background-image: url("images/white_wall_hash.png"); margin: 1% 0 0 0; padding: 1% 0 6% 0;
background-repeat: repeat; height: auto; float: left; }

footer p {font-family: 'Merriweather Sans', sans-serif; font-weight: 100; color: rgba(0,0,0,.9)}

/* NAV SET-UP */

nav { border: #bebebe solid 1px; border-left: none; border-right: none; margin:2% 0 .1% 0; padding:.9% 0 1% 9%; width: 91%; height: 18px; z-index: 200;}

nav ul.ToggleArea {display: block; width: 980px; height: auto;  margin: 0 auto; text-align: center;}
nav ul.ToggleArea li{width:auto;  border-bottom: 1px solid black; display:block; margin: 0; padding: 0; float:left; border: none; border-right: 1px solid #a0a0a0; padding: 0 2% 0 0; margin: 0 2% 0 0;}
nav ul.ToggleArea li:last-child {
    border:none; padding: 0; margin: 0;
}
nav ul.ToggleArea li a{width:auto; padding: 0; margin: 0; display:block; font-size: .9em; text-decoration: none; text-transform: uppercase; color:#414141; font-family: 'Merriweather Sans', sans-serif; font-weight: 300; color:black; letter-spacing: .05em;}
nav ul.ToggleArea li a:hover {text-decoration: none; color:red;}

ul.tweets {width: 100%; border:none; padding: 0; margin: 0 0 1.5% 0;}

ul.tweets li{ margin: 0 0 12px 0; padding: 0 0 10px 0; border-bottom: 1px solid #c1c1c1; color: #434343;}

ul.tweets li:last-child {border:none;}

ul.tweets li em { font-size: .85em;}

h2.widgettitle{font-size: 2.5em; margin:1.5% 0 2.5% 0}
 
#widget {margin-bottom: 2%; height:40px; }

#BTN-Container { display: none; width: 100%; padding: .45% 0 .55% 0; background-color: rgba(0,0,0, .2); margin: 2% 0 0 0;}

#BTN-Container a.MENU-Toggle-BTN{
  width:11%; margin: 2% auto; display:block; font-size: 1.55em; text-decoration: none; text-transform: uppercase; color: #4d4d4d;
  position: relative;
  padding-left: 1.25em; }

#BTN-Container a.MENU-Toggle-BTN:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #4d4d4d;
  box-shadow: 
    0 0.25em 0 0 #4d4d4d,
    0 0.5em 0 0 #4d4d4d;}

..svg-menu img {
  width: 1.25em;}




/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
  margin: 0 auto;
  padding: 0; /* THAT'S THE NAME ;) */
  border:none;
}

.onepcssgrid-1200 {
  max-width: 1200px;
}

.onepcssgrid-1000 {
  max-width: 1020px;
}

ul.onerow {
  clear: both;
  padding: 0 0px;
}






/* *********************************************************************************************************************
 * Common columns definitions
 */
li.col1, li.col2, li.col3, li.col4, li.col5, li.col6, li.col7, li.col8, li.col9, li.col10, li.col11, li.col12 {
  float: left;
  margin: 0 2% 0 2%;
}




li.col1 { width: 5.5%; }
li.col2 { width: 14%; }
li.col3 { width: 22.5%; }
li.col4 { width: 29%; }

li.col4#Holder { width: 29%; height:600px; padding:0;}
.col4#Holder { width: 29%; height:600px; padding:0;}

li.Insidecol4 { width: 100%; }


li.col5 { width: 39.5%; }
li.col6 { width: 48%; }
li.col7 { width: 56.5%; }
li.col8 { width: 100%;  border: #bebebe solid 1px; padding: 2% 7% 7% 10%; color:#666666; margin: -13% auto 0 auto;

z-index: 300;
background-color: #f9f9f9;
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.27);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.27);}

li.col9 { width: 73.5%; }
li.col10 { width: 82%; }
li.col11 { width: 90.5%; }
li.col12 { width: 99%; margin: 0; }

li.col1 img, li.col2 img, li.col3 img, li.col4 img, li.col5 img, li.col6 img, li.col7 img, li.col8 img, li.col9 img, li.col10 img, li.col11 img, li.col12 img {
  width: 100%;
  height: auto;
  display: block;
}


p { font: normal  1em/2.1em  'Merriweather', Georgia, "Times New Roman", Times, serif; color: #666666;}

a {color:#356f8b; font-weight: 600; text-decoration: none;}
a:hover {text-decoration: underline;}


.centerContent h2{ text-align: center; margin-top: 2.5%;}


.col8 p {margin: 6px 0 0 0;  width:95%;}

.Contentrow {width: 100%;}

.centerContent { width: 68%;  border: #bebebe solid 1px; padding:2% 12% 7% 13%; color:#666666; margin: 2% auto 0 auto;

z-index: 300;
background-color: #f9f9f9;
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.27);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.27);}








/*
Theme Name:   Rich-Benjamin-Theme
Version:    1.0
Author:     Brian Ross
Author URI:   http://brianrossdesign.com
*/

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

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

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

@import "css/reset.css";

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



/* Don't forget to style your body to avoid user overrides */ }
::-moz-selection  { background:#ff0; color:#333; }
::selection     { background:#ff0; color:#333; }

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

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

*/

input,
textarea      { }
body
{      font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-style: normal; color: #5a959d;/* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

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


h1#Logo a{ font-size: 4.5em;  text-transform: none; margin: 2% auto 0 0; text-align: center; width:100%; display:block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color:#5a959d; border: none;}
h3 { font-size: 2.2em; }


h2 { width: 100%; margin: 3% 0 3.6% 0; font-size: 3.1em; text-align: left; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color:#447e86;}


h3 { width: 100%; margin: 3% 0 3% 0; font-size: 3.1em; text-align: left; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color:#447e86;}


p {font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    line-height: 100%;    
    font-weight: 300; 
    margin-bottom:3.25%;

    }

p.Larger { font-size: 1.1em; line-height: 1.92em; margin-bottom: 30px;}

p.Larger span{ font-weight: 700; display: block; clear:both; margin: 12px 0 0 5px; color: rgba(0,0,0,.65); font-size: .95em;}
 
.Contentrow h2 {}

.Contentrow#Home {margin-top:-13%;}
.Contentrow ul {}

.Contentrow ul li {color: #5a959d; margin: 0 0 3% 1%; padding-bottom: 0; font: normal 1em/2.1em 'Merriweather', Georgia, "Times New Roman", Times, serif;
color: #666666; font-weight: 300; border-bottom: 1px solid #c1c1c1; }

.Contentrow ul li:last-child {border:none;}

.Contentrow ul li p{font: normal .9em/1.7em 'Merriweather', Georgia, "Times New Roman", Times, serif;}

.Contentrow ul li span a { font-family: 'Merriweather Sans', sans-serif; font-weight: 700; color:#005a80; font-size: .7em;} 

.Contentrow ul li strong { font-weight: 700; color: rgba(0,0,0,.75);}
.Contentrow ul h4 {font-weight: 700; font-size: 1.6em; color: rgba(0,0,0,.72); margin-bottom:2.5%;}
.Contentrow ul h5 {font-weight: 700; font-size: 1.6em; color: rgba(0,0,0,.72); margin-bottom:2.5%; border-bottom: 1px solid #c1c1c1; padding-bottom:2.1%;}
.Contentrow ul li h4 {font-weight: 700; font-size: 1em; color: rgba(0,0,0,.75); margin:0; font-family: 'Open Sans', sans-serif;}
.Contentrow ul li span {margin-left: 2%;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
img {width:100%; height: auto;}


.widget-area.horizontal-Left { width:45%; float:left; margin-right: 8.5%;}
.widget-area.horizontal-Right { width:45%; float:left;}


.textwidget { width: 100%;
border-bottom: 0;
padding: 0;
margin: 0;
float: left;
z-index: 300;}
.textwidget p {float:left;  width: 80%; clear:both; line-height: 1.6em; font-family: 'Merriweather Sans', sans-serif; font-weight: 100; font-size: .75em;}
.textwidget p img { float:left; width: 30%; margin: 2% 3% 2% -1.2%; border: 1px solid rgba(0,0,0,.1)}

.textwidget p strong{ 
font-weight: 700;
color: rgba(0,0,0,.7);
font-size: .9em}

.textwidget p a{font-family: 'Merriweather Sans', sans-serif;
font-weight: 700;
color: #005a80;
font-size: .7em; text-transform: uppercase; display:block; width:auto; height:auto;}

header {z-index: 900;}
footer {width: 98%; border-top:#bebebe solid 1px; background-image: url("images/white_wall_hash.png"); margin: 1% 0 0 0; padding: 1% 0 6% 1.75%;
background-repeat: repeat; height: auto; float: left; }

footer p {font-family: 'Merriweather Sans', sans-serif; font-weight: 100; color: rgba(0,0,0,.9)}

/* NAV SET-UP */

nav { border: #bebebe solid 1px; border-left: none; border-right: none; margin:2% 0 .1% 0; padding:.9% 0 1% 9%; width: 91%; height: 18px; z-index: 200;}

nav ul.ToggleArea {display: block; width: 980px; height: auto;  margin: 0 auto; text-align: center;}
nav ul.ToggleArea li{width:auto;  border-bottom: 1px solid black; display:block; margin: 0; padding: 0; float:left; border: none; border-right: 1px solid #a0a0a0; padding: 0 2% 0 0; margin: 0 2% 0 0;}
nav ul.ToggleArea li:last-child {
    border:none; padding: 0; margin: 0;
}
nav ul.ToggleArea li a{width: auto;
padding: 0;
margin: 0;
display: block;
font-size: .85em;
text-decoration: none;
text-transform: uppercase;
color: #414141;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 300;
color: black;
letter-spacing: 0;}
nav ul.ToggleArea li a:hover {text-decoration: none; color:red;}

ul.tweets {width: 95%; border:none; padding: 0 0 0 2%; margin: 0 0 1.5% 0;}

ul.tweets li{ margin: 0 0 12px 0; padding: 0 0 10px 0; border-bottom: 1px solid #c1c1c1; color: #434343;}

ul.tweets li:last-child {border:none;}

ul.tweets li em { font-size: .85em;}
ul.tweets li em a{ color:rgba(0,0,0,.8);}

h2.widgettitle{font-size: 2.5em; margin:1.5% 0 2.5% 0}
 
#widget {margin-bottom: 2%; height:40px; }

#BTN-Container { display: none; width: 100%; padding: .45% 0 .55% 0; background-color: rgba(0,0,0, .2); margin: 2% 0 0 0;}

#BTN-Container a.MENU-Toggle-BTN{
  width:11%; margin: 2% auto; display:block; font-size: 1.55em; text-decoration: none; text-transform: uppercase; color: #4d4d4d;
  position: relative;
  padding-left: 1.25em; }

#BTN-Container a.MENU-Toggle-BTN:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #4d4d4d;
  box-shadow: 
    0 0.25em 0 0 #4d4d4d,
    0 0.5em 0 0 #4d4d4d;}

..svg-menu img {
  width: 1.25em;}




/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
  margin: 0 auto;
  padding: 0; /* THAT'S THE NAME ;) */
  border:none;
}

.onepcssgrid-1200 {
  max-width: 1200px;
}

.onepcssgrid-1000 {
  max-width: 1020px;
}

ul.onerow {
  clear: both;
  padding: 0 0px;
}






/* *********************************************************************************************************************
 * Common columns definitions
 */
li.col1, li.col2, li.col3, li.col4, li.col5, li.col6, li.col7, li.col8, li.col9, li.col10, li.col11, li.col12 {
  float: left;
  margin: 0 2% 0 2%;
}




li.col1 { width: 5.5%; }
li.col2 { width: 14%; }
li.col3 { width: 22.5%; }
li.col4 { width: 29%; }

li.col4#Holder { width: 29%; height:600px; padding:0;}
.col4#Holder { width: 29%; height:600px; padding:0;}

li.Insidecol4 { width: 100%; }


li.col5 { width: 39.5%; }
li.col6 { width: 48%; }
li.col7 { width: 56.5%; }
li.col8 { width: 100%;  border: #bebebe solid 1px; padding: 2% 7% 7% 10%; color:#666666; margin: -13% auto 0 auto;

z-index: 300;
background-color: #f9f9f9;
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.27);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.27);}

li.col9 { width: 73.5%; }
li.col10 { width: 82%; }
li.col11 { width: 90.5%; }
li.col12 { width: 99%; margin: 0; }

li.col1 img, li.col2 img, li.col3 img, li.col4 img, li.col5 img, li.col6 img, li.col7 img, li.col8 img, li.col9 img, li.col10 img, li.col11 img, li.col12 img {
  width: 100%;
  height: auto;
  display: block;
}


p { font: normal  1em/2.1em  'Merriweather', Georgia, "Times New Roman", Times, serif; color: #666666;}

a {color:#356f8b; font-weight: 600; text-decoration: none;}
a:hover {text-decoration: underline;}


.centerContent h2{ text-align: center; margin-top: 2.5%;}


.col8 p {margin: 6px 0 0 0;  width:95%;}

.Contentrow {width: 100%;}


.centerContent { width: 68%;  border: #bebebe solid 1px; padding:2% 12% 7% 13%; color:#666666; margin: 1.5% auto 0 auto;
z-index: 300;
background-color: #f9f9f9;
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.27);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.27);}

.centerContent#HomePage {margin-top: -3%;}
/*
 * 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;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

.flex-viewport ul.slides li a {
width: 100%;
height: auto;
display: block;
text-decoration: none;
}


.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 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.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;}
}








/* Clearing Floats Class STARTS */
.Wrapper {
  display: inline-block;}
.Wrapper:after {
  Content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .Wrapper {
  height: 1%; }
.Wrapper {
  display: block;}
/* Clearing Floats Class ENDS  */





/*  */

.hide, .Hide {
  display: none;}
.clear {
  width: 100%; height: 1px; clear: both; display: block; overflow: hidden;}
      







/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
  .onepcssgrid-1000 {
    max-width: 1000px;
  }

  .onepcssgrid-1000 ul.onerow {
    padding: 0;
  }


}



@media all and (max-width: 1250px) {
  .onepcssgrid-1000 {
    max-width: 1000px;
  }

  .onepcssgrid-1000 ul.onerow {
    padding: 0;
  }

.Contentrow#Home {
margin-top: -8%;
}

.item h1.Left{   position: absolute; top: 8%; left: 13.5%; font-size: 2em; line-height: 1.1em; width: 35.25%; text-align:center;}
.item h1.Right{   position: absolute; top: 8%; right: 5%; font-size: 1.8em; line-height: 1.1em; width: 25%; text-align:center;}
.item h1.Small {font-size: 2.2em; line-height:1.1em;}
.item h1 a {font-size: .65em; font-weight: 700; text-decoration: none; display:block; width: 100%; margin-top:5%;}




}


@media all and (max-width: 950px) {


.container .selectorsBlock .selectors .first {
  margin-left: 0;
}

}




/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 600px) {


/* NAV SET-UP */




nav {height: auto; padding-left: 0;  border: none; margin: 0;}

.centerContent { margin-top: 0;}  

h1#Logo, h1#Logo a{ margin:0; padding:0; }

h3{text-align: center;}

p {margin-bottom: 9%;}

.textwidget p a {  margin:0;padding: 0; }


.container .prevContainer { display: none;}
.container .nextContainer { display: none; }

.Contentrow#Home {margin-top: 3%;}
.centerContent {border: none; border: none; webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow:none;
background-color: white
margin0; width: 82%;}

.container .selectorsBlock {
  bottom: -30px;
  
}
nav {width:100%;}

nav ul.ToggleArea {display: none;width:100%;  z-index: 200;  }
nav ul.ToggleArea li{width:100%;  border-bottom: 1px solid black;  margin: 0; padding: 0; }
nav ul.ToggleArea li a{width:100%; padding: 2% 0 2% .5%; margin: 0; display:block; font-size: .75em; text-decoration: none; text-transform: uppercase; color:black; text-align: left; }
nav ul.ToggleArea li a:hover {text-decoration: none; background-color: rgba(0,0,0,.2);}

#BTN-Container { display: block; width: 100%; padding: 4% 0 0 0; background-color: rgba(0,0,0, .1); margin: 2% 0 0 0;}

#BTN-Container a.MENU-Toggle-BTN{
  width:11%; margin: 2% auto; display:block; font-size: 1.55em; text-decoration: none; text-transform: uppercase; color: #4d4d4d;
  position: relative;
  padding-left: 1.25em; text-decoration:none; border:none; }

#BTN-Container a.MENU-Toggle-BTN:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #4d4d4d;
  box-shadow: 
    0 0.25em 0 0 #4d4d4d,
    0 0.5em 0 0 #4d4d4d;}

..svg-menu img {
  width: 1.25em;}

  .onerow {
  }

  li.col1, li.col2, li.col3, li.col4, li.col5, li.col6, li.col7, li.col8, li.col9, li.col10, li.col11, li.col12 {

    float: none;
    width: 99%;
  }

li.col8 {  border-bottom: none;}

  a {padding-bottom:20px;  border-bottom: #bebebe solid 1px; margin-bottom:  20px;}

.col8 p, .col4 p { width: 80%;}

}


/*
 * 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;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.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: -20% 0 0; display: block; background: url('https://richbenjamin.com/wp-content/uploads/2013/10/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: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.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;}


/* Clearing Floats Class STARTS */
.Wrapper {
  display: inline-block;}
.Wrapper:after {
  Content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .Wrapper {
  height: 1%; }
.Wrapper {
  display: block;}
/* Clearing Floats Class ENDS  */





/*  */

.hide, .Hide {
  display: none;}
.clear {
  width: 100%; height: 1px; clear: both; display: block; overflow: hidden;}
      







/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
  .onepcssgrid-1000 {
    max-width: 1000px;
  }

  .onepcssgrid-1000 ul.onerow {
    padding: 0;}
  }

@media all and (min-width: 1234px) {

.Contentrow#Home {
margin-top: -9%;
}

}
@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 all and (max-width: 1250px) {
  .onepcssgrid-1000 {
    max-width: 1000px;
  }

  .onepcssgrid-1000 ul.onerow {
    padding: 0;
  }

.Contentrow#Home {
margin-top: -8%;
}

.item h1.Left{   position: absolute; top: 8%; left: 13.5%; font-size: 2em; line-height: 1.1em; width: 35.25%; text-align:center;}
.item h1.Right{   position: absolute; top: 8%; right: 5%; font-size: 1.8em; line-height: 1.1em; width: 25%; text-align:center;}
.item h1.Small {font-size: 2.2em; line-height:1.1em;}
.item h1 a {font-size: .65em; font-weight: 700; text-decoration: none; display:block; width: 100%; margin-top:5%;}




}


@media all and (max-width: 950px) {


.container .selectorsBlock .selectors .first {
  margin-left: 0;
}

}




/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 600px) {


/* NAV SET-UP */
h1#Logo a{ font-size: 3em; }

a {border:none;}

.flex-direction-nav a {width: 30px; height: 30px; margin: -8% 0 0;  text-decoration: none; border: none;}
.flex-control-nav {width: 100%; position: absolute; bottom: -50%; text-align: center;}
.flex-control-nav { display:none;}

.textwidget p { margin: 0; padding:0; height:auto;}

p { font: normal  .9em/1.7em  'Merriweather', Georgia, "Times New Roman", Times, serif; color: #666666;}
.centerContent {width: 75%; }
ul.tweets li a{ border:none;}
.onepcssgrid-1000 {width: 100%;}
.Contentrow {width: 93%;}
.centerContent { width:75%;}
nav {height: auto; padding-left: 0;  border: none; margin: 0;}

.centerContent { margin-top: 0;}  


h1#Logo, h1#Logo a{ margin:0; padding:0; }

.widget-area.horizontal-Right { width: 90%; padding-left: 2%;}
.widget-area.horizontal-Left { width: 90%; padding-left: 2%;}

.centerContent h2{ margin-top: 0; padding-top: 0; font-size: 2.6em;}

.container .prevContainer { display: none;}
.container .nextContainer { display: none; }

.centerContent {border: none; border: none; webkit-box-shadow:none; padding-top: 0; margin-top: -2%;
-moz-box-shadow: none;
box-shadow:none;
background-color: white; margin: 0; width: 82%;}

.container .selectorsBlock {
  bottom: -30px;
  
}
nav {width:100%;}

nav ul.ToggleArea {display: none;width:100%;  z-index: 200;  }
nav ul.ToggleArea li{width:100%;  border-bottom: 1px solid black;  margin: 0; padding: 0; }
nav ul.ToggleArea li a{width:100%; padding: 2% 0 2% .5%; margin: 0; display:block; font-size: .75em; text-decoration: none; text-transform: uppercase; color:black; text-align: left; }
nav ul.ToggleArea li a:hover {text-decoration: none; background-color: rgba(0,0,0,.2);}

#BTN-Container { display: block; width: 100%; padding: 4% 0 0 0; background-color: rgba(0,0,0, .1); margin: 2% 0 0 0;}

#BTN-Container a.MENU-Toggle-BTN{
  width:11%; margin: 2% auto; display:block; font-size: 1.55em; text-decoration: none; text-transform: uppercase; color: #4d4d4d;
  position: relative;
  padding-left: 1.25em; text-decoration:none; border:none; }

#BTN-Container a.MENU-Toggle-BTN:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #4d4d4d;
  box-shadow: 
    0 0.25em 0 0 #4d4d4d,
    0 0.5em 0 0 #4d4d4d;}

..svg-menu img {
  width: 1.25em;}

  .onerow {
  }

  li.col1, li.col2, li.col3, li.col4, li.col5, li.col6, li.col7, li.col8, li.col9, li.col10, li.col11, li.col12 {

    float: none;
    width: 99%;
  }

li.col8 {  border-bottom: none;}

  

.col8 p, .col4 p { width: 80%;}

}