@charset "UTF-8";
/* CSS Document */

/*-----Reset-----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}

article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video {
	display:block;
}

html {
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

blockquote, q {
	quotes:none
}

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

:focus {
	outline:0
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 	border : 0px;
}

input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

::selection {
	background: #D12223; 
	color: #FFF;
}

::-moz-selection {
	background: #D12223; 
	color: #FFF;
}

input, textarea {
  	-webkit-appearance: none;
  	border-radius: 0;
}

img {
    max-width: 100%;
	border: none;
	outline: 0;
	display: block;
}

.thumbL {
	float: left;
	margin-right: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

.thumbR {
	float: right;
	margin-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

.thumbC {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

.thumbBio {
	float: left;
	margin-right: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clearfix {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:70px;
}

body {
	background: #F5F5F5;
	color: #000;
	font: 400 16px/28px 'Open Sans', sans-serif;
}

/*----- Video -----*/

.video-wrapper {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 720px;
}

.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%;
}


/*----- Back To Top -----*/

#toTop {
	position: fixed;
	bottom: 40px;
	right: 40px;
	cursor: pointer;
	display: none;
	z-index: 99;
	background: #D12223;
	text-align: center;
	color: #FFF;
	line-height: 42px;
	border-radius: 100%;
	height: 42px;
	width: 42px;
}

#toTop:hover {
	background: #222;
	color: #FFF;
}

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

h1, h2 {
	font-size: 18px;
	font-weight: 800;
	margin: 0 0 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h1 span, h2 span {
	font-size: 13px;
	display: block;
	font-weight: 400;
	color: #555;
	letter-spacing: normal;
	text-transform: none;
	padding: 3px 0 20px;
}

h3 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

h4 {
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h5 {
	color: #D12223;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 20px;
}

h6 {
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

h6 span {
	color: #D12223;
	font-weight: 400;
	text-transform: lowercase;
	font-size: 14px;
	position: relative;
	top: -1px;
}

p {
	padding-bottom: 20px;
}

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

blockquote {
	background: #FFF;
	margin-bottom: 60px;
	padding: 20px;
	color: #000;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

.action {
	text-align: center;
	margin-bottom: 20px;
}

.action p {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 36px;
	color: #555;
	padding-bottom: 0;
	letter-spacing: 1px;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.red {
	color: #D12223;
}

.bold {
	font-weight: 800;
}

.gray {
	color: #D0D0D0;
}

.author {
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #D12223;
	font-style: normal;
	letter-spacing: 1px;
}

/*----- Links & Buttons -----*/

a {
	text-decoration: none;
	color: #D12223;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
}

a:hover {
    color: #000;
}

a.button {
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	background: #D12223;
	padding: 8px 30px;
	margin: 0;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	cursor: pointer;
	width: auto;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	border-radius: 2px;
	letter-spacing: 4px;
}

a.button:hover {
	background: #000;
	color: #FFF;
}

.margin-button {
	margin-top: -52px;
}

/*----- Header -----*/

header {
	height: 264px;
	background: url(images/carbon_fibre.png) repeat;
}

.logo {
	float: left;
	position: absolute;
	left: 0;
	top: 30px;
	height: 202px;
	width: 360px;
}

.logo img {
	height: 202px;
	width: 360px;
}

.tagline {
	position: absolute;
	top: 148px;
	left: 48px;
}

.numbers {
	float: right;
	position: absolute;
	top: 85px;
	right: 0;
	color: #FFF;
	padding: 15px 20px 0;
	text-align: right;
	border-radius: 2px;
	background: #000;
	border: 1px solid #333;
	letter-spacing: 1px;
	font-size: 16px;
}

.numbers a, .numbers a:hover {
	color: #FFF;
	text-decoration: none;
}

.numbers ul {
	margin: 0;
	padding: 0;
}

.numbers li {
	list-style: none;
	margin-bottom: 15px;
}

/*----- Layout -----*/

.container {
	background: #060606 url(https://www.generalacrylics.com/images/container2.jpg) no-repeat center center;
	overflow: hidden;
	border-bottom: 5px solid #D12223;
}

.wrapper {
	clear: both;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 40px;
}

.inner {
	margin: 0 auto;
	width: 1200px;
	position: relative;
	clear: both;
}

section {
	margin: 0 auto;
	width: 1200px;
	position: relative;
	padding-bottom: 60px;
}

section:after {
  	content: "";
  	display: table;
  	clear: both;
}

.white-background {
	padding: 40px 30px;
	background: #FFF;
	overflow: hidden;
	margin-bottom: 30px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

ul.list {
	padding-bottom: 20px;
}

ul.list li {
	margin-bottom: 6px;
}

article {
	float: left;
	width: 680px;
}

aside {
	float: right;
	width: 360px;
}

.contentleft {
	width: 45%;
	float: left;
}

.contentright {
	width: 45%;
	float: right;
}

.third {
	width: 32%;
	float: left;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 2% 0 0;
}

.third:last-child {
	margin-right: 0;
}

.third p {
	font-size: 14px;
	line-height: 24px;
	padding: 10px 5px;
}

.fourth {
	width: 23%;
	float: left;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 2.66%;
}

.fourth p {
	font-size: 14px;
	padding: 10px 5px;
	line-height: 24px;
}

.fourth:last-child {
	margin-right: 0;
}

.fifth {
	width: 18%;
	float: left;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 2.5%;
}

.fifth p {
	font-size: 14px;
	padding: 10px 5px;
	line-height: 24px;
}

.fifth:last-child {
	margin-right: 0;
}

/*----- Accordions -----*/

.accordionButton {
	background: #EEE url(images/icons/plus.png) no-repeat 98% center;
	cursor: pointer;
	padding: 8px 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	color: #000;
	display: block;
	border: 1px solid #DDD;
}
	
.accordionContent {
	padding: 5px 0;
	margin-bottom: 6px;
	clear: both;
	overflow: hidden;
}
	
.over, .on {
	background: #D12223 url(images/icons/minus.png) no-repeat 98% center;
	color: #FFF;
	display: block;
	border: 1px solid #D12223;
}

/*----- Gameco Colors -----*/

.accordionButton-color {
	cursor: pointer;
	padding: 8px 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	color: #FFF;
	display: block;
}

.accordionButton-color span {
	float: right;
	font-size: 12px;
}
	
.accordionContent-color {
	padding: 5px 0;
	margin-bottom: 6px;
	clear: both;
	overflow: hidden;
}

.over-color, .on-color {
	color: #FFF;
	display: block;
}

.aqua-color {
	background: #2B2B20;
}

.brown-color {
	background: #601713;
}

.dark-blue-color {
	background: #0A104E;
}

.dark-green-color {
	background: #444322;
}

.desert-sand-color {
	background: #975F46;
}

.gray-color {
	background: #9C94A8;
}

.light-blue-color {
	background: #395BAF;
}

.maroon-color {
	background: #3B0102;
}

.medium-green-color {
	background: #517F52;
}

.purple-color {
	background: #5D5A79;
}

.santa-fe-teal-color {
	background: #03C7FC;
}

.terra-cotta-color {
	background: #FFA47D;
}

.tourney-purple-color {
	background: #7B229E;
}

.winter-green-color {
	background: #385719;
}

.custom-color {
	background: #E32500;
}

.red-color {
	background: #86030C;
}

/*----- Home Page Carousel -----*/

#flexisel {
	display:none;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	height: 100px;
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-inner {
	overflow:hidden;
	float:left;
	width:100%;	
}

.nbs-flexisel-item {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
	position:relative;
	line-height:0;
}

.nbs-flexisel-item img {
	width: 100%;
	cursor: pointer;
	positon: relative;
	max-width: 150px;
	max-height: 100px;
	height: 100px;
	width: 150px;
	border: 1px solid #DDD;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 10px 0 10px 45px;
}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 24px;
	height: 24px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	top: 50% !important;
	color: #FFF;
	background: #D12223;
	font: 12px/24px FontAwesome;
	text-align: center;
	border-radius: 1px;
}

.nbs-flexisel-nav-left:before {
	left: 0;
	content: "\f177";
}

.nbs-flexisel-nav-right {
	right: 0;
}

.nbs-flexisel-nav-right:before { 
	content: "\f178";
}

.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover {
	color: #FFF;
	background: #000;
}

/*----- License Information -----*/

.license {
	background: #000 url(images/carbon_fibre.png) repeat;
	border-top: 1px solid #000;
	overflow: hidden;
	padding: 30px 0;
	margin-top: 50px;
}

.license h3 {
	text-align: center;
	color: #DDD;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}

.license h4 {
	text-align: center;
	color: #DDD;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.state-license {
	text-align: center;
	width: 16.66%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

.state-license p {
	font-size: 12px;
	color: #DDD;
	line-height: 16px;
	padding: 0;
}

.state-license a, .state-license a:hover {
	color: #DDD;
	text-decoration: none;
}

.state {
	font: 60px/60px StateFaceRegular;
	color: #888;
}

/*----- Navigation -----*/

.menu-wrapper {
	background: #000;
	height: 68px;
}

/*----- Menu -----*/

.menu {
	width: 100%;
	padding: 0;
	position: relative;
	float: left;
	list-style: none;
	margin-top: 0;
	z-index: 99;
}			
			
.menu li {
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

.menu li a {
	padding: 20px 46px;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	-o-transition: color .3s linear, background .3s linear;
	-webkit-transition: color .3s linear, background .3s linear;
	-moz-transition: color .3s linear, background .3s linear;
	transition: color .3s linear, background .3s linear;
	text-transform: uppercase;
	font-weight: 600;
}

.menu li:hover > a {
	color: #FFF;
	background: #222;
}

.menu li.active > a {
	background: #D12223;
}

.menu ul, .menu ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 999;
	width: 280px;
	background: #222;
}

.menu ul {
	top: 68px;
	left: 0;
}

.menu ul li ul {
	top: 0;
	left: 280px;
}
.menu ul li {
	clear:both;
	width:100%;
	font-size:14px;
}

.menu ul li a {
	width:100%;
	padding:12px 22px;
	display:inline-block;
	float:left;
	clear:both;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	text-transform: none;
}

.menu ul li:hover > a {
	background: #D12223;
}

.menu li.social {
	float: right;
	margin-right: 20px;
}

.menu li.social a {
	display: inline-block;
	padding: 20px 6px;
	color: #FFF;
	position: relative;
	width: 15px;
	text-align: center;
	background: transparent;
	font-size: 18px;
}

.menu li.social a:hover {
	color: #FFF;
	background: transparent;
}

.menu li.social a .tooltip {
	width: 120px;
	padding: 5px;
	background: #D12223;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	position: absolute;
	font-size: 11px;
	top: -24px;
	left: -52px;
	border-radius: 2px;
	text-align: center;
	-o-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.menu li.social a:hover .tooltip {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.menu li.social a .tooltip:before, .menu li.social a .tooltip:after {
	content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #D12223;
}

.menu > li.showhide {
	display: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: #FFF;
	background: #000;
}

.menu > li.showhide span.title {
	margin: 10px 0 0 18px;
	float: left;
	font-weight: 700;
	letter-spacing: 1px;
}

.menu> li.showhide span.icon {
	margin: 17px 20px;
	float: right;
}

.menu > li.showhide .icon em {
	margin-bottom: 4px;
	display: block;
	width: 22px;
	height: 2px;
	background: #FFF;
}

.zoom {
    -webkit-animation: zoom .3s ease both;
    -moz-animation: zoom .3s ease both;
    -o-animation: zoom .3s ease both;
    animation: zoom .3s ease both;
}

@-webkit-keyframes zoom {
    0% { -webkit-transform: scale(.6); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes zoom {
    0% { -moz-transform: scale(.6); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes zoom {
    0% { -o-transform: scale(.6); }
    100% { -o-transform: scale(1); }
}
@keyframes zoom {
    0% { transform: scale(.6); }
    100% { transform: scale(1); }
}

/*----- Contact Form -----*/

#contactform {
	display: block;
}

#contactform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#contactform label {
	display: block;
	font-size: 16px;
}

#contactform input  {
	background: #FFF;
	margin: 0 0 20px;
	width: 100%;
	padding: 14px;
	border-radius: 2px;
	font: 600 16px 'Open Sans', sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

#contactform textarea {
	background: #FFF;
	margin: 0 0 20px;
	width: 100%;
	padding: 14px;
	overflow: auto;
	border-radius: 2px;
	font: 600 16px 'Open Sans', sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}

#contactform input:focus, #contactform textarea:focus {
  	outline: none;
	background: #F8F8F8;
	-webkit-appearance: none;
}

#contactform input.submit {
	margin: 14px 0 20px;
	width: 100%;
	cursor: pointer;
	color: #FFF;
	background: #D12223;
	background: -webkit-linear-gradient(top, #D12223 0%,#D12223 100%);
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #D12223;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	padding: 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	font: 800 13px/120% 'Open Sans', sans-serif;
}

#contactform input.submit:hover {
	color: #FFF;
	background: #000;
	background: -webkit-linear-gradient(top, #000000 0%,#000000 100%);
	border: 1px solid #000;
	-webkit-appearance: none;
}

#message {
	margin: 15px 0;
	padding: 0;
}

.error_message {
	display: block;
	height: 40px;
	line-height: 40px;
	background: #D12223;
	padding: 0 10px;
	color: #FFF;
	font-weight: 600;
}

.loader { 
	padding: 0 10px; 
}

#contactform #success_page h2 {
	display: block;
	height: 40px;
	padding: 0 10px;
	font-weight: 600;
}

.overlay {
    background:transparent; 
    position:relative; 
    width:100%;
    height:500px; 
    top:500px; 
    margin-top:-500px;
}

#mapIframe {
	width: 100%;
	height: 500px;
}

/*----- Footer -----*/

footer {
	background: #000;
	padding: 40px 0;
	color: #DDD;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
}

footer p {
	padding-bottom: 0;
}

footer a {
	color: #DDD;
	text-decoration: none;
	padding: 0 5px;
}

footer a:hover {
	color: #FFF;
	text-decoration: none;
	position: relative;
	top: 2px;
}

/*============================================================================= Breakpoint 1 ========================================================================*/

@media only screen and (max-width: 1200px){
	
/*----- Logo -----*/

.logo {
	height: auto;
	width: 300px;
}

.logo img {
	height: auto;
	width: 300px;
}

/*----- Layout -----*/

.wrapper {
	margin: 0 auto;
	width: 92%;
}

.inner, section {
	width: 100%;
}

/*----- Navigation -----*/

.menu-wrapper {
	height: auto;
	margin-bottom: 40px;
}

.menu {
	margin: 0;
	display: block;
	background: #000;
}

.menu li {
	display: block;
	width: 100%;
	
	background: #000;
}

.menu > li > a {
	padding: 16px 70px 16px 18px;
	text-align: left;
	border-top: solid 1px rgba(255, 255, 255, 0.05);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #000;
}

.menu a {
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
}

.menu ul, .menu ul li ul {
	width: 100%;
	left: 0;
	padding: 0 20px;
	position: static;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	background: #000; 
}
	
.menu li.social {
	float: left;
	margin: 20px 0 20px;
	border-bottom: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.menu li.social a {
	display: inline;
	padding: 8px 15px 8px 15px;
	border: none;
}
	
.menu li.social a:hover {
	color: #FFF;
	background: transparent;
}
	
.menu li.social a:hover .tooltip{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity: 0;
}

.menu > li.showhide{
	display: block;
}

}

/*============================================================================= Breakpoint 2 ========================================================================*/

@media only screen and (max-width: 960px){
	
body {
	font-size: 14px;
	line-height: 26px;
}

/*----- Back To Top -----*/

#toTop {
	bottom: 20px;
	right: 20px;
}

.left, .right {
	float: none;
}

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

h1, h2, h3 {
	text-align: center;
}

/*----- Header -----*/

header {
	height: auto;
	padding-bottom: 30px;
}

.logo {
	float: none;
	position: relative;
	margin: 0 auto;
	height: auto;
	width: 280px;
	text-align: center;
	margin-bottom: 20px;
}

.logo img {
	height: auto;
	width: 280px;
}

.numbers {
	display: none;
}

/*----- Layout -----*/

.wrapper {
	padding: 20px 0;
}

.inner {
	width: 100%;
}

section {
	width: 92%;
	padding-right: 3%;
	padding-left: 3%;
	margin: 0 auto;
}

article {
	float: none;
	width: 100%;
	margin-bottom: 40px;
}

aside {
	float: none;
	width: 100%;
}

.contentleft {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

.contentright {
	width: 100%;
	float: none;
}

.third {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}

.fourth {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}

.fifth {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}

/*----- Footer ----- */

footer {
	font-size: 12px;
}

}

/*============================================================================= Breakpoint 3 ========================================================================*/

@media only screen and (max-width: 728px){
	
.thumbL, thumbR {
	float: none;
	margin-right: 0;
}

.thumbBio {
	float: none;
	margin: 0 auto 10px;
	text-align: center;
}

h6 {
	text-align: center;
}

/*----- Links & Buttons -----*/

a.button {
	border-radius: 0;
}

/*----- License Information -----*/

.state-license {
	text-align: center;
	width: 100%;
	float: none;
	padding-top: 15px;
	padding-bottom: 15px;
}

}