/* Design by RTBWizards.com
 * Colors Used: #e8222f (dark), #1d4486 (medium), #b7cbf0 (light)
 *
  1. General Rules
  2. Typography
  3. Classes using Font Awesome
  4. Lists
  5. Paragraphs
  6. Horizontal Rules and Clears
  7. Miscellaneous Classes
  8. Buttons
  9. Layout Rules
 10. Header Area
 11. Site Name Area
 12. Main Navigation
 13. Section Blocks
 14. Footer Area
 15. Contact Form
 16. Image Styles
 17. Accordion Block
 18. Ticker Block
 19. Carousel
 20. Media Queries
*/
/* 1. ========== GENERAL RULES ========== */
html {height: 101%;}

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

body {
	background-color: #fff;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000000;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	height: 100%;
}

body, td, p  { vertical-align: top; }blockquote {
	font-size: .95em;
	color: #777;
	margin: 2px 40px;
	padding: 12px 12px 12px 40px;
	text-align: left;
	line-height: 1.4em;
	border-left: 3px double #c4c3c2;
	border-right: 3px double #c4c3c2;
	position: relative;
}
/*blockquote:before {
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #b7cbf0;
	top: 12px;
	left: 5px;
	content: "\f10d";
}*/
blockquote p {padding: 0; margin: 0;}

blockquote strong {color: #777; font-size: 1.4em; font-weight: normal; letter-spacing: -1px;}

blockquote.leftside {
	float: left;
	display: block;
	width: 30%;
	margin: 5px 2% 10px 0;
	border-left: none;
	border-right: 3px double #c4c3c2;
}

blockquote.rightside {
	float: right;
	display: block;
	width: 30%;
	margin: 5px 0 10px 2%;
	padding-right: 0;
	border-left: 3px double #c4c3c2;
	border-right: none;
}

fieldset {width: 92%; border: 1px solid #bbb; padding: 20px 3%; margin: 20px 1%;}

legend {color: #e8222f; font: 30px 'Oswald', Verdana, Helvetica, sans-serif; padding: 0 10px;}

table {/*padding: 0; border-collapse: collapse; */font-size: 100%; width: 100%;}

/* 2. ============= TYPOGRAPHY ============ */
a {
	color: #1d4486;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

a:hover {
	color: #919191;
	text-decoration: underline;
	font-weight: bold;
}

h1 {
	font: 48px 'Poiret One', Verdana, Helvetica, sans-serif;
	color: #1d4486;
	margin: 0.3em 0;
	text-align: left;
	font-weight: bold;
}

h2 {
	font: 36px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #e8222f;
	margin: 0.3em 0;
	text-align: left;
}
.sidebarLeft h2 {
	font: 20px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #e8222f;
	margin: 0.3em 0;
	text-align: left;
}

h3 {
	font: 30px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	padding: 0 0 0 0;
	text-align: left;
	/*font-variant: small-caps;*/
	letter-spacing: 1px;
}

h4 {
	font: 26px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #e8222f;
	margin: 0.3em 0;
	position: relative;
	text-align: left;
	letter-spacing: 1px;
	overflow: hidden;
}

h5 {
	font: 24px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	text-align: left;
}

h6 {
	font: 18px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px solid #333333;
}

.alternate1 {
	font: 32px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #e8222f;
	margin: 0.3em 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.alternate1:before, .alternate1:after {
	border-bottom: 1px solid #aaa;
	content: "";
	display: inline-block;
	height: .20em;
	position: relative;
	vertical-align: middle;
	width: 50%;
	margin-bottom: .25em;
}

.alternate1:before {
	right: 0.4em;
	margin-left: -50%;
}

.alternate1:after {
	left: 0.4em;
	margin-right: -50%;
}

.alternate2 {
	font: 30px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #f9f4ba;
	margin: 0.3em 0;
	padding: 0 0 5px 0;
	text-align: center;
	position: relative;
	font-variant: small-caps;
	letter-spacing: 1px;
}

.alternate2homea {
	background-color: #e8222f;
	padding: 10px 0 0 0;
}

.alternate2homeb {
	border-top: 1px solid #333;
	padding: 5px 0 0 0;
}

div.alternate2homeb p {min-height: 120px;}

/* 3. ===== CLASSES USING FONT AWESOME ICONS ===== */
.calendar {position: relative; padding: 0 0 5px 35px;}

.calendar:before {position: absolute; font-family: 'FontAwesome'; content: "\f073"; top: 0; left: 0; font-size: 26px;}

.comment {position: relative; padding: 0 0 5px 35px;}

.comment:before {position: absolute; font-family: 'FontAwesome'; content: "\f086"; top: 0; left: 0; font-size: 26px;}

.email {position: relative; padding: 0 0 5px 25px;}

.email:before {position: absolute; font-family: 'FontAwesome'; content: "\f0e0"; top: 0; left: 0; font-size: 18px;}

.home {position: relative; padding: 0 0 5px 25px;}

.home:before {position: absolute; font-family: 'FontAwesome'; content: "\f015"; top: 0; left: 0; font-size: 20px;}

.hours {position: relative; padding: 0 0 5px 25px;}

.hours:before {position: absolute; font-family: 'FontAwesome'; content: "\f017"; top: 0; left: 0; font-size: 20px;}

.phone {position: relative; padding: 0 0 5px 25px;}

.phone:before {position: absolute; font-family: 'FontAwesome'; content: "\f095"; top: 0; left: 0; font-size: 20px;}

.noicon {padding: 0 0 5px 25px;}

.newsAuthor {position: relative; color: #666; text-align: right; font-size: 0.90em; letter-spacing: 1px; padding: 0 20px 10px 0; margin-top: -2px;}

.newsAuthor:before {position: absolute; font-family: 'FontAwesome'; content: "\f044"; top: 0; right: 0;}

.newsDate {position: relative; color: #666; text-align: right; font-size: 0.90em; letter-spacing: 1px; padding: 0 20px 10px 0; margin-top: -2px;}

.newsDate:before {position: absolute; font-family: 'FontAwesome'; content: "\f073"; top: 0; right: 0;}

.icon-shadow {text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);}

.icon-small {font-size: 24px; padding: 0 5px 0 0;}

/* 4. ============== LISTS ============ */
ul {margin: 10px 0 20px 10px; padding: 0 0 0 15px;}
ul li a {color: #1d4486; text-decoration: none; font-weight: bold; padding: 0;}
ul li a:hover {color: #919191; text-decoration: underline;}
ol.leadingzero {background: none; list-style-position: outside; list-style-type: decimal-leading-zero;}
ul.list1 li {list-style-type: none; position: relative; margin-left: -10px; padding-left: 20px;}
ul.list1 li:before {position: absolute; font-family: 'FontAwesome'; font-size: 14px; top: 0; left: 0; content: "\f0a9"; color: #1d4486;}
ul.list1 li ul {margin-top: 0; margin-bottom: 0;}
ul.list2 li {list-style-type: none; position: relative; margin-left: -10px; padding-left: 10px;}
ul.list2 li:before {position: absolute; font-family: 'FontAwesome'; font-size: 14px; top: 0; left: 0; content: "\f0da"; color: #1d4486;}
ul.list2 li ul {margin-top: 0; margin-bottom: 0;}
ul.list3 li {list-style-type: none; position: relative; margin-left: -10px; padding-left: 15px;}
ul.list3 li:before {position: absolute; font-family: 'FontAwesome'; font-size: 14px; top: 0; left: 0; content: "\f101"; color: #1d4486;}
ul.list3 li ul {margin-top: 0; margin-bottom: 0;}
ul.list4 {margin: 10px 0 20px 10px; padding: 5px 0 0 15px;}
ul.list4 li {list-style-type: none; position: relative; margin-left: -10px; padding: 0 0 3px 20px;}
ul.list4 li:before {position: absolute; font-family: 'FontAwesome'; font-size: 14px; top: 2px; left: 0; content: "\f0a9"; color: #1d4486;}
ul.list4 li ul {margin-top: 0; margin-bottom: 0; padding-top: 0;}

/* 5. ============== PARAGRAPHS ============ */
.lead {color: #666; font-size: 1.2em; line-height: 1.3em; font-variant: small-caps; letter-spacing: 1px; margin: 0; padding: 0;}

.left {text-align: left;}

.center {text-align: center;}

.right {text-align: right;}

.small {font-size: 0.85em;}

.wide {letter-spacing: 3px;}

.onsale {color: #999; text-decoration: line-through; margin-bottom: 0; padding-bottom: 0;}

/* 6. ========== HORIZONTAL RULES AND CLEAR FLOATS ========== */
hr {background-color: #ccc; border: none; color: #ccc; height: 1px; clear: both;}
hr.fancy {padding: 0; border: none; border-top: 1px solid #aaa; color: #aaa; text-align: center; margin: 30px 0; clear: both;}
hr.fancy:after {font-family: 'FontAwesome'; content: "\f0c8 \f0c8 \f0c8"; display: inline-block; position: relative; top: -1.25em; font-size: 12px;
	padding: 0 0.50em 0 0.90em; color: #1d4486; background: white; letter-spacing: 4px; }
hr.noshow {background-color: transparent; border: none; color: #fff; height: 0; clear: both; visibility: hidden;}

.clearfix:before, .clearfix:after, .group:before, .group:after {display: table; content: "";}

.clearfix:after, .group:after {clear: both;}

.clear {margin: 0; padding: 0; height: 0; clear: both;}

/* 7. =========== MISCELLANEOUS =========== */
.color1 {color: #e8222f;}

.color2 {color: #1d4486;}

.color3 {color: #444342;}

.color4 {color: #b7cbf0;}

.shadow {text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);}

.socialmedia {text-align: left; letter-spacing: 4px;}

.dropcap {overflow: hidden;}

.dropcap:first-letter {
	color: #e8222f;
	display: block;
	float: left;
	font: 50px/48px Georgia, Garamond, serif;
	padding: 6px 4px 0 0;
}

.bignumber {
	color: #e8222f;
	border: 1px solid #e8222f;
	display: block;
	float: left;
	font: normal 30px/50px Garamond, Georgia, serif;
	margin: 5px 10px 5px 0;
	text-align: center;
	text-transform: uppercase;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.showcode {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	background-color: #f5f5f5;
	border-radius: 3px;
	border: 1px dotted #bbb;
	color: #f00000;
	vertical-align: middle;
	padding: 1px 4px;
}

.scroll-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 5;
	width: 30px;
	height: 30px;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	background-color: #666;
	border-radius: 5px;
	border-radius: 50%;
}

.scroll-to-top:hover {
	text-decoration: none;
	background-color: #1d4486;
}

.scroll-to-top a, .scroll-to-top a:hover {
	color: #ffffff;
	text-decoration: none;
}

.google-maps {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	background-color: #ddd;
	border: 1px solid #aaa;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.team {
	margin: 65px 5px 25px 5px;
	background-color: #e5e5e5;
	border: 1px solid #ddd;
	padding: 70px 5px 5px 5px;
	border-radius: 5px;
	position: relative;
}

.team p {
	margin: 0;
	text-align: center;
}

.team p.name {
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0;
}

.team p.title {
	font-variant: small-caps;
	padding: 0 0 10px 0;
}

.team-photo {
	height: 120px;
	width: 120px;
	top: -60px;
	left: 50%;
	margin-left: -60px;
	position: absolute;
}

.team-photo img {
	border-radius: 50%;
	border: 1px solid #b7cbf0;
	padding: 3px;
	background-color: #fff;
}

.wow {-webkit-backface-visibility: hidden;}

.iconcircle {
	width: 120px;
	height: 120px;
	color: #ffffff;
	background-color: #555;
	border-radius: 50%;
	line-height: 120px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 4px #555 inset, 0 0 0 5px rgba(255, 255, 255, 0.5) inset, 0 0 30px #000 inset;
}

.pagination {
	display: block;
	text-align: center;
	height: 22px;
	line-height: 21px;
	clear: both;
	padding-top: 3px;
	margin: 20px 0;
	font-size: 12px;
	font-weight: normal;
}

.pagination a {
	padding: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #c0c0c0;
	margin-left: 5px;
	text-decoration: none;
	background-color: #f5f5f5;
	color: #e8222f;
	width: 22px;
	font-weight: normal;
	border-radius: 3px;
}

.pagination a:hover {
	background-color: #b7cbf0;
	border: 1px solid #1d4486;
	color: #e8222f;	
}

.pagination .active_link {
	padding: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #e8222f;
	margin-left: 5px;
	text-decoration: none;
	background-color: #1d4486;
	color: #fff;
	cursor: default;
	border-radius: 3px;
}

.pagination .disabled_pagination {
	padding: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #e5e5e5;
	margin-left: 5px;
	text-decoration: none;
	background-color: #fff;
	color: #d5d5d5;
	cursor: default;
	border-radius: 3px;
}
/* 8. ========== BUTTONS ========== */
.btn {
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.btn-main {
	background-color: #f8f8f8;
	background: linear-gradient(#f8f8f8, #d8d8d8);
	border-color: #d8d8d8;
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

.btn-main:hover {
	background-color: #222;
	background: linear-gradient(#555, #222);
	border-color: #222;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.btn-color {
	background-color: #1d4486;
	background: linear-gradient(#1d4486, #b7cbf0);
	border-color: #b7cbf0;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.btn-color:hover {
	background-color: #222;
	background: linear-gradient(#555, #222);
	border-color: #222;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.btn-color-red {
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	background-color: #e8222f;
	border-color: #f0c0b7;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.btn-color-red:hover {
	background-color: #222;
	background: linear-gradient(#555, #222);
	border-color: #222;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.btn-cart {
	position: relative;
	background-color: #1d4486;
	background: linear-gradient(#1d4486, #b7cbf0);
	border-color: #b7cbf0;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding-right: 30px;
}

.btn-cart:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f07a";
	top: 5px;
	right: 12px;
}

.btn-cart:hover {
	background-color: #222;
	background: linear-gradient(#555, #222);
	border-color: #222;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

/* 9. ======== LAYOUT RULES ======== */
.container {
	padding: 0;
	margin: 0 auto;
	width: 1200px;
}

.inside {
	width: 96%;
	padding: 0 2%;
}

.row1 {
	/*width: 100%;*/
	position: relative;
	z-index: 1;
	background-color: #aaa;
	vertical-align: top;
}

.row2 {
	/*width: 100%;*/
	position: relative;
	z-index: 1;
	background-color: #ccc;
	vertical-align: top;
}

.row3 {
	/*width: 100%;*/
	position: relative;
	z-index: 1;
	background-color: #999999;
	vertical-align: top;
}

.rowError {
	background-color: #f2b7b9;
}

.row1Header {
	background-color: #aaa;
	vertical-align: top;
	font-weight: bold;
}

.row2Header {
	background-color: #ccc;
	vertical-align: top;
	font-weight: bold;
}

.number {
	text-align: right;
}

.tableHeader {
	background-color: #1d4486;
	color: #ffffff;
	text-align: center;
	font: 24px 'Oswald', Verdana, Helvetica, sans-serif;
}

.tableHeader2 {
	background-color: #f9f4ba;
	color: #e8222f;
	font: 20px 'Oswald', Verdana, Helvetica, sans-serif;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.errorNormal {
	color: #ff0000;
	font-weight: bold;
}

.formInstruct {
	font-size: 10px;
	font-style: italic;
	vertical-align: top;
}

.formLabelLeft {
	font-weight: bold;
	text-align: left;
	color: #1d4486;
	vertical-align: top;
	white-space: nowrap;
}

.formLabelLeftRequired {
	font-weight: bold;
	text-align: left;
	color: #e8222f;
	vertical-align: top;
	white-space: nowrap;
}

.formLabelRight {
	font-weight: bold;
	text-align: right;
	color: #1d4486;
	vertical-align: top;
	white-space: nowrap;
}

.formLabelRightRequired {
	font-weight: bold;
	text-align: right;
	color: #e8222f;
	vertical-align: top;
	white-space: nowrap;
}

a.morelink2:before {
	font-family: 'FontAwesome';
	color: #000;
	content: "\f101";
	text-decoration: none;
}

a.morelink2 {
	font-weight: normal;
}

.photoblock {
	position: relative;
	width: 100%;
	background-color: #f9f4ba;
	padding: 0;
	text-align: center;
	margin: 0 0 20px;
	box-shadow: inset 0 0 80px #f9f4ba, 0 0 6px rgba(0, 0, 0, 0.5);
	border: 1px solid #ffffff;
}

.photoblock:before, .photoblock:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width: 40%;
  background: rgba(0, 0, 0, 0.1); 
  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);
  transform: rotate(-3deg);
}

.photoblock:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.topContent {
	float: right;
	width: 20%;
	color: #1d4486;
	padding: 20px 5% 10px;
	text-align: center;
	font-family: 'Poiret One', Verdana, Helvetica, sans-serif;
	font-size: 20px;
	/*font-weight: bold;*/
	letter-spacing: -1px;
	line-height: 1.4em;
	/*text-shadow: 1px 1px 2px #000;*/
}

.pageTitle {
	width: 90%;
	padding: 5px 5%;
	margin: 0 0 15px 0;
	color: #000000;
	text-align: center;
}

.pageTitle h1 {
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.pageTitle p {padding-left: 5%; padding-right: 5%;}

.pageTitle p.lead {font-size: 1.3em; line-height: 1.3em; font-variant: small-caps; letter-spacing: 1px; padding: 20px 5%;}

/* 10. ======== HEADER AREA ======== */
#topbar {
	background: #000000;
	background: linear-gradient(#444444, #000000);
	height: 10px;
	border-bottom: 1px #ffffff solid;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
}

header {
	padding: 0;
	border-bottom: 1px #e8222f solid;
	margin-bottom: 30px;
}

/* 11. ======== LOGO/SITE NAME AREA ======== */
.logo, .logo-print {
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0;
}

.brand {
	font: 36px 'Poiret One', Verdana, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}

.brand .fa {font-size: 80%; padding-right: 3px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); color: #b7cbf0;}

.brand img {padding-right: 3px;}

.brand a, .brand a:hover {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.slogan {
	color: #555;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 35px;
}

/* 12. ======== MAIN NAVIGATION AREA ======== */
nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 48px;
	color: #000;
	box-sizing: border-box;
	/*text-transform: uppercase;*/
}
/* === NON-MOBILE TOP LEVEL === */
ul.slimmenu li {width: 143px; /* adjust width of top menu items */}
ul.slimmenu > li {margin-right: -1px;}
ul.slimmenu li a {color: #fff; font-weight: normal; background-color: #1d4486; background: linear-gradient(#1d4486, #b7cbf0); border-radius: 8px 8px 0 0;}
ul.slimmenu li a:hover {color: #fff; font-weight: normal; background-color: #000000; background: linear-gradient(#555555, #000000);}

/* === NON-MOBILE SUB LEVELS === */
ul.slimmenu li ul li {width: 140px; background-color: #333; background: #333; text-align: center;}
ul.slimmenu li ul li a {letter-spacing: normal; color: #fff; padding: 8px 10px 8px 10px; background: #333; border-radius: 0;}
ul.slimmenu li ul li a:hover {color: #000; background-color: #b7cbf0; background: #b7cbf0; border-radius: 0; }
ul.slimmenu li ul li ul li {text-align: center;}

/* === FOR MOBILE === */
.menu-collapser {border-radius: 0; color: #000;}

.collapse-button {background-color: #555; box-shadow: 0 0 8px #000 inset; border: 1px solid rgba(255, 255, 255, 0.2);}

.collapse-button:hover, .collapse-button:focus {background-color: #1d4486; box-shadow: 0 0 8px #b7cbf0 inset;}

/* === MOBILE TOP LEVEL === */
ul.slimmenu.collapsed li {background: #333;}
ul.slimmenu.collapsed li a {color: #ffffff; border-radius: 0; background: #333;}
ul.slimmenu.collapsed li a:hover {color: #fff; background: #1d4486; border-radius: 0; text-decoration: none;}
ul.slimmenu.collapsed li .sub-collapser > i {color: #b7cbf0; /* arrow color */}

/* === MOBILE SUB LEVELS === */
ul.slimmenu.collapsed li ul li {background: #333;}
ul.slimmenu.collapsed li ul li a {background: #434343; color: #fff; padding: 12px 15px 12px 15px;}
ul.slimmenu.collapsed li ul li a:hover {color: #fff; background: #1d4486; border-radius: 0;}
ul.slimmenu.collapsed li ul li ul li {background: #333;}
ul.slimmenu.collapsed li ul li ul li a {background: #535353; color: #fff;}
ul.slimmenu.collapsed li ul li ul li a:hover {color: #fff;}

/* === edit with caution === */
ul.slimmenu {list-style-type: none; margin: 0; padding: 0; width: 100%; text-align: center; font-size: 0.90em;}
ul.slimmenu li {position: relative; display: inline-block; text-align: center;}
ul.slimmenu > li:first-child {border-left: 0;}
ul.slimmenu > li:last-child {margin-right: 0;}
ul.slimmenu li ul li:last-of-type {border-bottom: none;}
ul.slimmenu li ul {margin: 0; list-style-type: none; text-transform: none;}
ul.slimmenu li .sub-collapser {position: absolute; right: 0; top: 0; width: 30px; height: 100%; text-align: center; z-index: 999; cursor: pointer;}
ul.slimmenu li .sub-collapser:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0;}
ul.slimmenu li .sub-collapser > i,
ul.slimmenu li ul li .sub-collapser > i {font-size: 14px; display: inline-block; vertical-align: middle;}
ul.slimmenu li > ul {display: none; position: absolute; left: 0; top: 100%; z-index: 999; padding-left: 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
ul.slimmenu li > ul > li ul {display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; white-space: normal; padding-left: 0;}
ul.slimmenu li a {font-size: 14px; display: block; padding: 12px 30px 12px 15px; font-family: 'Open Sans', sans-serif; transition: background-color 0.2s ease-out;}
ul.slimmenu li a:hover,
ul.slimmenu li ul li a:hover {text-decoration: none;}

.menu-collapser {width: 96%; margin: 0 2%; position: relative; text-align: left; height: 48px; line-height: 48px; padding: 0 8px; box-sizing: border-box;}

.collapse-button {position: absolute; right: 8px; top: 50%; width: 40px; background-repeat: repeat-x; border-radius: 4px; color: #ffffff; padding: 7px 10px; cursor: pointer;
	font-size: 14px; text-align: center; transform: translate(0, -50%); box-sizing: border-box;}

.collapse-button .icon-bar {background-color: #ffffff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 1px 1px 1px 1px; display: block; height: 2px; width: 18px; margin: 2px 0;}
ul.slimmenu.collapsed {list-style-type: none; margin: 0 1%; padding: 0; width: 98%; text-align: left;}
ul.slimmenu.collapsed li {border-left: none; display: block; width: 100%; box-sizing: border-box; z-index: 999; text-align: left;}
ul.slimmenu.collapsed li .sub-collapser {position: absolute; right: 0; top: 0; width: 40px; height: 48px; text-align: center; z-index: 999; cursor: pointer;}
ul.slimmenu.collapsed li .sub-collapser > i {font-size: 18px; display: inline-block; vertical-align: middle;}
ul.slimmenu.collapsed li ul li ul {display: none; position: relative; left: 0; top: 0; z-index: 999; width: 100%; white-space: normal; padding-left: 0;}
ul.slimmenu.collapsed li > ul {display: none; position: relative; width: 100%; box-shadow: none;}
ul.slimmenu.collapsed li a {display: block; box-sizing: border-box;}
ul.slimmenu.collapsed li ul li {display: block; width: 100%; box-sizing: border-box; z-index: 999; text-align: left; border-bottom: 0;}
ul.slimmenu.collapsed li ul li a {padding-left: 20px; display: block; box-sizing: border-box;}
ul.slimmenu.collapsed li ul li ul li {display: block; width: 100%; box-sizing: border-box; z-index: 999; text-align: left;}
ul.slimmenu.collapsed li ul li ul li a {padding-left: 30px;}
/* hides arrows on non-mobile menu */
ul.slimmenu li .sub-collapser {visibility: hidden; position: absolute; right: 0; top: 0; width: 0; height: 100%; text-align: center; z-index: 999; cursor: pointer;}
ul.slimmenu li a {font-size: 14px; display: block; padding: 12px 15px 12px 15px; font-family: 'Open Sans', sans-serif; transition: background-color 0.2s ease-out;}
ul.slimmenu.collapsed li .sub-collapser {visibility: visible;}
ul.slimmenu li .sub-collapser > i {color: #000;}
ul.slimmenu li ul li .sub-collapser > i {color: #000;}

/* 13. ======== SECTION BLOCKS ======== */
.group {margin: 10px 0; clear: both;}

.contentBox2a {float: left; width: 48%; padding: 0; margin: 0 2% 0 0;}

.contentBox2b {float: left; width: 48%; padding: 0; margin: 0 0 0 2%;}

.contentBox3a {float: left; width: 31.33333%; padding: 0; margin: 0 2% 5px 0;}

.contentBox3b {float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%;}

.contentBox3c {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 2%;}

.contentBox4a {float: left; width: 23.5%; padding: 0; margin: 0 1% 0 0;}

.contentBox4b, .contentBox4c {float: left; width: 23.5%; padding: 0; margin: 0 1% 0 1%;}

.contentBox4d {float: left; width: 23.5%; padding: 0; margin: 0 0 0 1%;}

.sidebarLeft {
	float: left;
	width: 25%;
	padding: 0;
	margin: 0 2% 0 0;
	font-size: 0.8em;
}

.contentRight {
	float: right;
	width: 71%;
	padding: 0;
	margin: 0 0 0 2%;
}

.sidebarRight {
	float: right;
	width: 25%;
	padding: 0;
	margin: 0 0 0 2%;
}

.contentLeft {
	float: left;
	width: 71%;
	padding: 0;
	margin: 0 2% 0 0;
}

.colorbox {
	width: 94%;
	padding: 10px 3%;
	margin: 10px 0;
	background-color: #1d4486;
	color: #ffffff;
	box-shadow: inset 0 0 50px #b7cbf0, 0 10px 20px -10px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	text-align: center;
}

.colorbox h3 {color: #ffffff; text-align: center;}

.callbox {
	color: #fff;
	padding: 2px 3%;
	background-color: #1d4486;
	background: linear-gradient(#1d4486, #b7cbf0);
	text-align: center;
	margin: 15px 0;
	box-shadow: 0 0 0 3px #fff inset, 0 0 8px rgba(0, 0, 0, 0.3);
	border-radius: 12px;
}

.callbox * {color: #fff; border-color: #fff; text-align: center;}

/* 14. ======== FOOTER AREA ======== */
footer {
	width: 100%;
	color: #000;
	font-size: 0.90em;
	line-height: 1.4em;
	padding: 0;
	margin: 10px 0 0 0;
}
footer a {
	color: #1d4486;
}
footer a:hover {
	color: #818181;
}
footer ul {
	list-style-type: none;
	line-height: normal;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
}
footer ul li {
	list-style-type: none;
	position: relative;
	margin: 0 20px 0 0;
	padding: 4px 0 2px 15px;
}
footer ul li:before {
	position: absolute;
	font-family: 'FontAwesome';
	color: #000;
	top: 6px;
	left: 0;
	content: "\f101";
}
footer ul li a {
	color: #818181;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
}
footer ul li a:hover {
	color: #1d4486;
}
footer h5 {
	color: #e8222f;
	text-align: left;
	letter-spacing: 2px;
	font: 22px 'Oswald', Verdana, Helvetica, sans-serif;
}
footer .comment:before, footer .home:before, footer .hours:before, footer .email:before, footer .phone:before {
	color: #555;
}
footer hr.fancy:after {top: -1.05em;}

.footerbottom {
	padding: 5px 0 10px;
	border-top: 1px solid #ddd;
}

.footerbottom h1 {
	font: 30px 'Poiret One', Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
}

.copyright {
	letter-spacing: 3px;
	text-align: center;
	color: #555;
	font-size: 0.85em;
	margin: 0;
	padding: 0;
}

/* --- template attribution link can be deleted --- */
.designed {color: #999 !important; text-align: center; letter-spacing: 1px; font-size: 10px;
	font-size: 0.75em; margin: 0; padding: 15px 0 0 0;}

.designed a {color: #999 !important; font-weight: normal; text-decoration: none;}

.designed a:hover {color: #999 !important; font-weight: normal; text-decoration: underline;}

/* 15. ======== CONTACT FORM ======== */
form.contactform {
	width: 99%;
	text-align: left;
}

.contactform label {
	width: 99%;
	text-align: left;
	font-style: italic;
	display: block;
	margin-bottom: 4px;
}

.contactform input {
	width: 99%;
	border: 1px #ccc solid;
	background-color: #f5f5f5;
	padding: 5px;
	margin-bottom: 10px;
	color: #000000;
}

.contactform textarea {
	width: 99%;
	border: 1px #ccc solid;
	background-color: #f5f5f5;
	padding: 5px;
	resize: none;
	color: #000000;
}

.contactform .submit {
	width: 100px;
	margin: 10px 0 20px 0;
	cursor: pointer;
	color: #444;
	font: 16px 'Oswald', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px 18px;
	text-decoration: none;
	background-color: #f8f8f8;
	background: linear-gradient(#f8f8f8, #d8d8d8);
	border: solid 1px #d8d8d8;
	border-radius: 5px;
}

.contactform .submit:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1d4486;
	background: linear-gradient(#1d4486, #b7cbf0);
	border: solid 1px #b7cbf0;
	border-radius: 5px;
}
/* 16. ======== IMAGE STYLES ======== */
/* img {border: none; max-width: 100%; box-sizing: border-box;} */

.img-border {border: 1px #555 solid;}

.img-curved {border-radius: 6px;}

.img-frame {background: #ffffff; border: 1px #aaa solid; padding: 4px;}

.img-shadow {margin: 5px 0; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5);}

.img-round {border-radius: 50%;}

.img-small {max-width: 150px; height: auto;}

.img-portfolio {margin: 6px 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 10px 15px -5px rgba(0, 0, 0, 0.5);}

.img-left {margin: 5px 10px 0 0; float: left;}

.img-left-shadow {margin: 5px 10px 0 0; float: left; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5);}

.img-rotate-left {margin: 20px; transform: rotate(-4deg);}

.img-right {margin: 5px 0 0 10px; float: right;}

.img-right-shadow {margin: 5px 0 0 10px; float: right; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5);}

.img-rotate-right {margin: 20px; transform: rotate(4deg);}

/* 17. ======= ACCORDION CONTENT ======== */
#acc dl {
	position: relative;
	width: 100%;
	color: #000;
	padding: 0;
	margin: 0 auto;
}
#acc dt {
	position: relative;
	margin: 0 0 3px 0;
	padding: 4px 4px 4px 20px;
	text-align: left;
	font: 22px 'Oswald', Verdana, Helvetica, sans-serif;
	color: #333;
	background-color: #f8f8f8;
	background: linear-gradient(#f8f8f8, #d8d8d8);
	cursor: pointer;
	border: 1px solid #d8d8d8;
	border-radius: 6px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}
#acc dt:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f107";
	top: 4px;
	right: 10px;
	font-size: 30px;
	background-color: transparent;
}
#acc dt:hover {
	color: #ffffff;
	background-color: #222;
	background: linear-gradient(#555, #222);
	border: 1px solid #222;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	transition: all 0.4s ease 0.0s;
}
#acc dd {
	width: 94%;
	padding: 5px 2% 10px;
	margin: 0 auto;
	border-top: none;
}

/* 18. ======= TICKER ======== */
.news {
	width: 90%;
	margin: 25px 2% 60px;
	position: relative;
	color: #fff;
	padding: 2px 3%;
	text-align: center;
	background-color: #000000;
	background: radial-gradient(#555555, #333333, #000000);
	box-shadow: 0 0 0 4px #333 inset, 0 0 0 5px #555 inset, 0 0 8px rgba(0, 0, 0, 0.3);
	border-radius: 12px;
}

.news:before, .news:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 20px;
  width: 50%; 
  top: 80%;
  max-width: 50%;
  background: rgba(0, 0, 0, 0.1); 
  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.3);
  transform: rotate(-3deg);
}

.news:after {
  transform: rotate(3deg);
  right: 20px;
  left: auto;
}
ul#ticker {list-style: none outside none; margin: 0; padding: 10px 0 10px 0;}
#ticker li {margin: 0; background: none; padding: 0;}
#ticker * {color: #fff; border-color: #ddd;}
#ticker .content {padding: 25px 35px; text-align: left; min-height: 300px;}

/* 19. ======= CAROUSEL ======== */
.carousel {
	width: 98%;
	height: auto;
	margin: 0 auto 30px;
	padding: 8px 30px;
	text-align:center;
	position: relative;
	background-color: #000000;
	background: radial-gradient(#555555, #333, #000000);
	box-shadow: 0 0 0 4px #333 inset, 0 0 0 5px #555 inset, 0 0 8px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	border-radius: 12px;
}

.carousel:before, .carousel:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 20px;
  width: 50%; 
  top: 80%;
  max-width: 50%;
  background: rgba(0, 0, 0, 0.1); 
  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.3);
  transform: rotate(-3deg);
}

.carousel:after {
  transform: rotate(3deg);
  right: 20px;
  left: auto;
}

.carousel h2.alternate1 {color: #f8e100;}

.carousel h2.alternate1::before, .carousel h2.alternate1::after {border-color: #555;}

.carousel p {color: #bbbbbb;}

.carouselCaption {color: #bbbbbb; font-size: 12px;}

.slick-slider {position: relative; display: block; width: 98%; margin: 0 auto; box-sizing: border-box;}

.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}

.slick-list:focus {outline: none;}

.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0, 0, 0);}

.slick-track {position: relative; top: 0; left: 0; display: block;}

.slick-track:before, .slick-track:after {display: table; content: '';}

.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir=rtl] .slick-slide {float: right;}

.slick-slide img {display: block;}

.slick-slide.slick-loading img {display: none;}

.slick-initialized .slick-slide {display: block;}

.slick-loading .slick-slide {visibility: hidden;}

.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}

.slick-arrow.slick-hidden {display: none;}
/* Image styling */
.slick-slide img {margin: 6px; padding: 5px; background: #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 5px; max-width: 190px; height: auto;}
/* Arrows */
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 22px; height: 22px; padding: 0; margin-top: -10px;
	cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}

.slick-prev:before, .slick-next:before {font-family: 'FontAwesome'; font-size: 22px; line-height: 1; opacity: .75; color: #1d4486;}

.slick-prev {left: -25px;}

.slick-prev:before {content: '\f0a8';}

.slick-next {right: -25px;}

.slick-next:before {content: '\f0a9';}
/* Dots */
.slick-slider {margin-bottom: 30px;}

.slick-dots {position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center;}

.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}

.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}

.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}

.slick-dots li button:before {font-family: 'slick'; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1.0; color: #666;}

.slick-dots li.slick-active button:before {opacity: 1.0;  color: #1d4486;}

/* 20. ===================== MEDIA QUERIES =========================== */
/* =================================================================== */

/* ===== SMALL DEVICE 01 ========= */
@media screen and (max-width: 320px) {
	img {max-width: 98%;}
	div.alternate2homeb p {min-height: 0;}
	.container {width: 98%; margin: 0 auto; box-sizing: border-box;}
	.logo {width: 100%; float: none; text-align: center; box-sizing: border-box;}
	.brand {font-size: 26px; text-align: center;}
	nav {width: 100%; float: none; text-align: center; box-sizing: border-box;}
	.topContent {display: none; visibility: hidden;}
	.photoblock h1 {font-size: 48px;}
	.slick-dots {display: none; visibility: hidden;}
	fieldset img {max-width: 180px; height: auto;}
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c, .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 98%; margin: 1%; padding: 0;}
	.sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
	.contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
	h1 {font-size: 50px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
}

/* ===== SMALL DEVICE 02 ===== */
@media screen and (min-width: 321px) and (max-width: 480px) {
	img {max-width: 98%;}
	div.alternate2homeb p {min-height: 0;}
	.container {width: 98%; margin: 0 auto; box-sizing: border-box;}
	.logo {width: 100%; float: none; text-align: center; box-sizing: border-box;}
	.brand {font-size: 30px; text-align: center;}
	nav {text-align: center; box-sizing: border-box;}
	.menu-collapser {width: 300px; margin: 0 auto;}
	ul.slimmenu.collapsed {width: 300px; margin: 0 auto;}
	.topContent {display: none; visibility: hidden;}
	.photoblock h1 {font-size: 52px;}
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c, .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 98%; margin: 1%; padding: 0;}
	.sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
	.contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
	h1 {font-size: 50px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
}

/* ===== SMALL DEVICE 03 ===== */
@media screen and (min-width: 481px) and (max-width: 623px) {
	div.alternate2homeb p {min-height: 0;}
	.container {width: 98%; margin: 0 auto; box-sizing: border-box;}
	.logo {width: 100%; float: none; text-align: center; box-sizing: border-box;}
	.brand {font-size: 30px; text-align: center;}
	nav {text-align: center; box-sizing: border-box;}
	.menu-collapser {width: 350px; margin: 0 auto;}
	ul.slimmenu.collapsed {width: 350px; margin: 0 auto;}
	.topContent {width: 28%; padding: 5px 1%; font-size: 14px;}
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c, .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 98%; margin: 1%; padding: 0;}
	.sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
	.contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
}

/* ===== MID DEVICE 01 ======= */
@media screen and (min-width: 624px) and (max-width: 669px) {
	.container {width: 98%; margin: 0 auto; box-sizing: border-box;}
	nav {text-align: center; box-sizing: border-box;}
	.menu-collapser {width: 350px; margin: 0 auto;}
	ul.slimmenu.collapsed {width: 350px; margin: 0 auto;}
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.topContent {width: 28%; padding: 5px 1%; font-size: 16px;}
	.contentBox2a, .contentBox2b, .contentBox3a, .contentBox3b, .contentBox3c {
		width: 98%; margin: 1%; padding: 0;}
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 48%; margin: 1%; padding: 0;}
	.sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
	.contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
}

/* ===== MID DEVICE 02 ======= */
@media screen and (min-width: 670px) and (max-width: 768px) {
	.container {width: 98%; margin: 0 auto; box-sizing: border-box;}
	nav {text-align: center; box-sizing: border-box;}
	.menu-collapser {width: 350px; margin: 0 auto;}
	ul.slimmenu.collapsed {width: 350px; margin: 0 auto;}
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.topContent {width: 28%; padding: 5px 1%; font-size: 18px;}
	.contentBox3a, .contentBox3b, .contentBox3c {width: 98%; margin: 1%; padding: 0;}
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 48%; margin: 1%; padding: 0;}
	.sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
	.contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
}

/* ===== MID DEVICE 03 ======= */
@media screen and (min-width: 769px) and (max-width: 800px) {
	.container {width: 98%; margin: 0 auto; box-sizing: border-box;}
	nav {text-align: center; box-sizing: border-box;}
	.menu-collapser {width: 400px; margin: 0 auto;}
	ul.slimmenu.collapsed {width: 400px; margin: 0 auto;}
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.topContent {width: 28%; padding: 5px 1%; font-size: 20px;}
	.contentBox3a, .contentBox3b, .contentBox3c {width: 98%; margin: 1%; padding: 0;}
	.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 48%; margin: 1%; padding: 0;}
	.sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
	.contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
}

/* ===== LARGE DEVICE 01 ===== */
@media screen and (min-width: 801px) and (max-width: 1024px) {
	.container {width: 98%;	margin: 0 auto;}
	nav {text-align: center; box-sizing: border-box;}
	.menu-collapser {width: 400px; margin: 0 auto;}
	ul.slimmenu.collapsed {width: 400px; margin: 0 auto;}
	.topContent {width: 28%; padding: 10px 1%; font-size: 20px;}
}

/* ===== LARGE DEVICE 02 ===== */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.container {width: 98%; margin: 0 auto;}
}

/* ===== Well Don Styles ===== */
/* Membership Card */
.membershipCard {
	border: dotted;
	border-color: #000000;
	width: auto;
	padding: 10px;
}

.membershipCardName {
	font-size: 16px;
	font-weight: bold;
}

.membershipCardInside {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

.linkSmall {
	font-size: 7pt;
	white-space: nowrap;
}

/* ===== PRINTING ===== */
@media print {
	div.carousel, div.scroll-to-top {visibility: hidden; display: none !important;}
	aside, footer, nav, #topbar {visibility: hidden; display: none !important;}
	body, .inside, .contentLeft {width: 96%; font-size: 14px;}
	p, td {font-size: 13px; line-height: 16px;}
	.tableHeader, .row1Header {font-size: 18px; line-height: 21px;}
	.tableHeader2, .row2Header {font-size: 16px; line-height: 19px;}
	div.logo-print {visibility: visible; max-height: 100px;}
	h1, .pageTitle h1 {font-size: 34px;}
	h2 {font-size: 22px;}
	.container {padding: 0; margin: 0; width: 100%;}
	html, body {height: 98%;}
	p.printhide, input.printhide {visibility: hidden; display: none;}
}
@media screen {
	div.logo-print {visibility: hidden; display: none;}
}