@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');

/* Design by RTBWizards.com
 * Colors Used: rgb(233, 2, 2) (dark), #7b88c5 (medium), #ced4ea (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. Font Icon Styles
 10. Layout Rules
 11. Header Area
 12. Site Name Area
 13. Main Navigation
 14. Section Blocks
 15. Footer Area
 16. Contact Form
 17. Image Styles
 18. Ticker Block
 19. Carousel
 20. Media Queries
*/


/* 1. ========== GENERAL RULES ========== */

html {
	height: 100%;
}

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

body {
	background: #ffffff;
	font-family: Roboto, sans-serif;
	font-size: 1.0em;
	color: #000000;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	height: 100%;
	font-weight: 300;
}

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 #ced4ea;
	border-right: 3px double #ced4ea;
	position: relative;
}

blockquote:before {
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #ced4ea;
	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 #ced4ea;
}

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

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

legend {
	color: rgb(233, 2, 2);
	font: 30px 'Roboto', Helvetica, sans-serif;
	padding: 0 10px;
}

table {
	padding: 0;
	border-collapse: collapse;
	font-size: 100%;
	width: 100%;
	margin: 50px 0;
}


/* 2. ============= TYPOGRAPHY ============ */

a {
	color: #000;
	outline: none;
	font-weight: bold;
	transition: 200ms ease-in-out;
	text-decoration: none;
}

a:hover {
	color: #000;
	font-weight: bold;
	transition: 200ms ease-in-out;
}

/* add hover border to a */
a.hover-link,
.hover-class a {
	position: relative;
	color:#000;
	text-decoration: none;
}

a.hover-link:hover,
.hover-class a:hover {
	color: #000;
}

a.hover-link::before,
.hover-class a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: #000;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
}

a.hover-link:hover::before,
.hover-class a:hover::before {
	visibility: visible;
	transform: scaleX(1);
}

h1 {
	font: 50px Roboto, sans-serif;
	color: #222;
	margin: 0.8em 0;
	text-align: left;
	letter-spacing: -0.7px;
	font-weight: 400;
}

h2 {
	font: 34px Roboto, sans-serif;
	color: #222;
	margin: 20px 0;
	letter-spacing: -0.7px;
	font-weight: 500;
}

h3 {
	font: 30px Roboto, sans-serif;
	color: #333333;
	margin: 20px 0;
	letter-spacing: -0.7px;
	font-weight: 500;
	text-transform: capitalize;
}

h4 {
	font: 24px Roboto, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	overflow: hidden;
	letter-spacing: -0.7px;
	font-weight: 500;
}

h5 {
	font: 18px Roboto, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	text-align: left;
	letter-spacing: -0.7px;
	font-weight: 500;
}

h6 {
	font: 18px Roboto, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	letter-spacing: 1px;
	letter-spacing: -0.7px;
	font-weight: 500;
}

.alternate1 {
	font: 32px Helvetica, sans-serif;
	color: rgb(233, 2, 2);
	margin: 0.3em 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.alternate1:before,
.alternate1:after {
	border-bottom: 1px solid #ced4ea;
	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: 26px Helvetica, sans-serif;
	color: #333333;
	margin: 0.3em 0;
	padding: 1px 0 0 0;
	text-align: center;
	position: relative;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-variant: small-caps;
	letter-spacing: 1px;
}

.alternate2:before,
.alternate2:after {
	content: "\2022";
	display: inline-block;
	font-size: 26px;
	height: 26px;
	position: relative;
	vertical-align: middle;
	margin-top: -10px;
	margin-bottom: 16px;
	color: #7b88c5;
}

.alternate2:before {
	right: 0.4em;
}

.alternate2:after {
	left: 0.4em;
}


/* 3. ===== CLASSES USING FONT AWESOME ICONS ===== */
.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;
}


/* 4. ============== LISTS ============ */

ul {
	margin: 10px 0 20px 10px;
	padding: 0 0 0 15px;
}

ul li a {
	color: rgb(233, 2, 2);
	text-decoration: none;
	font-weight: bold;
	padding: 0;
}

ul li a:hover {
	color: #919191;
	text-decoration: none;
}

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";
}

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";
}

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";
}

ul.list3 li ul {
	margin-top: 0;
	margin-bottom: 0;
}


/* 5. ============== PARAGRAPHS ============ */

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.small {
	font-size: 0.85em;
}

.extra-small {
	font-size: 12px;
	line-height: 1.3;
}

.wide {
	letter-spacing: 3px;
}

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

.lead {
	font-size: 1.2em;
	line-height: 1.2em;
	font-variant: small-caps;
	padding-top: 10px;
	padding-bottom: 5px;
}


/* 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: 20px 0;
	clear: both;
}

hr.fancy:after {
	content: "\2022  \2022  \2022";
	display: inline-block;
	position: relative;
	top: -.43em;
	font-size: 1.85em;
	padding: 0 0.50em;
	color: #7b88c5;
	background: white;
}

hr.noshow {
	background-color: transparent;
	border: none;
	color: #fff;
	height: 0;
	clear: both;
	visibility: hidden;
}

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

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


/* 7. =========== MISCELLANEOUS =========== */

.color1 {
	color: rgb(233, 2, 2);
}

.color2 {
	color: #7b88c5;
}

.color3 {
	color: #444342;
}

.color4 {
	color: #ced4ea;
}

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

.alignleft {
	float: left;
	padding: 0;
	margin: 0;
}

.alignright {
	float: right;
	padding: 0;
	margin: 0;
}

.dropcap {
	overflow: hidden;
}

.dropcap:first-letter {
	color: rgb(233, 2, 2);
	display: block;
	float: left;
	font: 50px/48px Georgia, Garamond, serif;
	padding: 6px 4px 0 0;
}

.bignumber {
	color: rgb(233, 2, 2);
	border: 1px solid rgb(233, 2, 2);
	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: rgb(233, 2, 2);
	border-radius: 5px;
	border-radius: 50%;
}

.scroll-to-top:hover {
	text-decoration: none;
	background-color: rgb(186, 1, 1);
	cursor: pointer;
}

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

.scrol.fa-angle-up:before {
	font-size: 16px;
}

.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-container {
	display: flex;
	flex-wrap: wrap;
}

.team-container section {
	margin-bottom: 30px!important;
}


.team {
	margin: 65px 5px 25px 5px;
	border: 1px solid #000;
	padding: 70px 5px 5px 5px;
	border-radius: 1px;
	position: relative;
	min-height: 102px;
}

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

.team p.name {
	padding: 10px 0 0;
	font-family: Roboto, sans-serif;
	position: relative;
	font-weight: 500;
}

.team p.name::before {
	content: "";
	position: absolute;
	left: 50%;
  	margin-left: -25px;
	width: 50px;
	height: 2px;
	bottom: -4px;
	background-color: rgb(186, 1, 1);
}

.team p.title {
	padding: 10px 5px;
	font-size: 13px;
}

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

.team-photo img {
	border-radius: 1px;
	border: 2px solid #000;
}

.wow {
	opacity: inherit;
}


/* 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: #7b88c5;
	background: linear-gradient(#7b88c5, rgb(233, 2, 2));
	border-color: rgb(233, 2, 2);
	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-cart {
	position: relative;
	background-color: #7b88c5;
	background: linear-gradient(#7b88c5, rgb(233, 2, 2));
	border-color: rgb(233, 2, 2);
	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. ======== FONT ICON STYLES ======== */

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

.iconcircle {
	width: 120px;
	height: 120px;
	color: #ffffff;
	background-color: rgb(233, 2, 2);
	border-radius: 50%;
	line-height: 120px;
	box-shadow: 0 0 0 4px rgb(233, 2, 2) inset, 0 0 0 5px rgba(255, 255, 255, 0.5) inset;
}


/* 10. ======== LAYOUT RULES ======== */

.container {
	padding: 0;
	margin: 0 auto;
}

.inside {
	width: 80%;
	padding: 0 2%;
	margin: 0 auto;
}

.inside a,
.inside a:hover {
	text-decoration: none;
}

.row1,
.row2,
.row3 {
	width: 100%;
}

.photoblockcontainer {
	padding: 0;
	margin: -180px auto 10px auto;
	width: 1200px;
}

.photoblock {
	position: relative;
	width: 92%;
	height: auto;
	padding: 10px 10px 5px 10px;
	text-align: center;
	margin: 0 auto;
	background-color: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}

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

.photoblock .caption {
	position: absolute;
	bottom: 20%;
	width: 100%;
	text-align: center;
	color: #000000;
	font: 30px Roboto, Helvetica, sans-serif;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.4);
}

.pageTitle {
	text-align: center;
	padding: 30px 0;
}

.pageTitle h1 {
	text-align: center;
	margin: 20px 0 30px;
	padding: 0;
	font-size: 55px;
}


/* 11. ======== HEADER AREA ======== */

header {
	background-color: #000000;
	margin: 0 0 0 0;
	padding: 20px 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

header.homepage {
	background-color: #000000;
	margin: 0 0 0 0;
	padding: 20px 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	height: 250px;
}


/* 12. ======== LOGO/SITE NAME AREA ======== */

.logo {
	float: left;
	margin-left: 2%;
	width: 300px!important;
}

.brand {
	font: 34px 'Poiret One', helvetica, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}

.brand .fa {
	font-size: 80%;
	padding-right: 3px;
}

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

.brand img {
	max-width: 300px;
}

.slogan {
	color: #fff;
	font-size: 14px;
	padding-left: 40px;
}

.logo-subtext {
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding-left: 0;
	margin-top: -26px;
	text-transform: uppercase;
	padding: 0 0 0 60px!important;
	font-size: 12px!important;
	letter-spacing: 1.2px;
}


/* 13. ======== MAIN NAVIGATION AREA ======== */

nav {
	margin-right: 35px;
	padding: 5px 0 0 0;
	list-style: none;
	text-align: right;
	height: 48px;
	color: #fff;
	box-sizing: border-box;
}

/* === NON-MOBILE TOP LEVEL === */

ul.slimmenu {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	text-align: right;
	font-size: 12px;
}

ul.slimmenu>li {
	margin-right: -4px;
}

ul.slimmenu li a {
	letter-spacing: 1px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 12px 20px;
}

ul.slimmenu li a:hover {
	color: #e4e4e4;
	text-decoration: none;
}


/* === NON-MOBILE SUB LEVELS === */

ul.slimmenu li ul li {
	width: 140px;
	background-color: rgb(233, 2, 2);
	text-align: left;
}

ul.slimmenu li ul li a {
	letter-spacing: normal;
	color: #fff;
	padding: 8px 10px 8px 10px;
}

ul.slimmenu li ul li a:hover {
	background-color: rgb(186, 1, 1);
	color: #fff;
	border-radius: 0;
}

ul.slimmenu li ul li ul li {
	text-align: left;
}

/* === FOR MOBILE === */

.menu-collapser {
	border-radius: 0;
	color: #fff;
}


/* === MOBILE TOP LEVEL === */

ul.slimmenu.collapsed li {
	background-color: rgb(233, 2, 2);
}

ul.slimmenu.collapsed li a {
	color: #ffffff;
}

ul.slimmenu.collapsed li a:hover {
	background-color: rgb(186, 1, 1);
	color: #ffffff;
	border-radius: 0;
	text-decoration: none;
}

ul.slimmenu.collapsed li .sub-collapser>i {
	color: #fff;
}


/* === MOBILE SUB LEVELS === */

ul.slimmenu.collapsed li ul li {
	background: rgba(255, 255, 255, 0.20);
}

ul.slimmenu.collapsed li ul li a {
	color: #ffffff;
	padding: 12px 15px 12px 15px;
}

ul.slimmenu.collapsed li ul li a:hover {
	background-color: rgb(186, 1, 1);
	color: #ffffff;
}

ul.slimmenu.collapsed li ul li ul li {
	background: rgba(255, 255, 255, 0.05);
}

ul.slimmenu.collapsed li ul li ul li a {
	color: #ffffff;
}

ul.slimmenu.collapsed li ul li ul li a:hover {
	background-color: rgb(186, 1, 1);
	color: #ffffff;
}


/* === stuff you won't need to edit === */
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;
}

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>ul {
	display: none;
	position: absolute;
	left: -14px;
	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 {
	display: block;
	font-family: Roboto, Helvetica, sans-serif;
	transition: background-color 0.2s ease-out;
}

ul.slimmenu li ul li a:hover {
	text-decoration: none;
}

.menu-collapser {
	color: #000;
	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: 30px;
	top: 45px;
	width: 40px;
	height: 65px;
	background-repeat: repeat-x;
	color: #ffffff;
	padding: 7px 10px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	transform: translate(0, -50%);
	box-sizing: border-box;
	background-color: #000;
	
}

.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: 3px;
	width: 26px;
	margin: 5px 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: 10px;
	width: 40px;
	height: 48px;
	text-align: center;
	z-index: 999;
	cursor: pointer;
	visibility: visible;
}

ul.slimmenu.collapsed li .sub-collapser>i {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	font-style: unset;
}

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


/* 14. ======== SECTION BLOCKS ======== */

.group {
	margin: 20px 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%;
}

.team-container .contentBox3a,
.team-container .contentBox3b,
.team-container .contentBox3c {
	width: 31.33%;
	padding: 0;
	margin: 0 2% 5px 0;
}

.contentBox3a,
.contentBox3b,
.contentBox3c {
	float: left;
	width: 31.33%;
	padding: 0;
	margin: 0 2% 5px 0;
}

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

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

.contentBox4d {
	float: left;
	width: 23.5%;
	padding: 0;
	margin: 0 0 0 1%;
	text-align: center;
}

.sidebarLeft {
	float: left;
	width: 31.3333%;
	padding: 0;
	margin: 0 2% 0 0;
}

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

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

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

.colorbox {
	width: 94%;
	padding: 10px 3%;
	margin: 10px 0;
	background-color: #7b88c5;
	color: #ffffff;
	box-shadow: inset 0 0 50px rgb(233, 2, 2), 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: #ffffff;
	padding: 2px 3%;
	background-color: #222;
	background: linear-gradient(#555, #222);
	text-align: center;
	margin: 15px 0;
	box-shadow: 0 0 0 4px #222 inset, 0 0 0 5px rgba(255, 255, 255, 0.4) inset;
	border-radius: 12px;
}

.callbox * {
	color: #ffffff;
	border-color: #ffffff;
}


/* 15. ======== FOOTER AREA ======== */

footer {
	width: 100%;
	color: #333;
	line-height: 1.4em;
	padding: 10px 0 0 0;
	margin: 50px auto 0;
}

footer a {
	margin: 0 12px 0 0;
	color: rgb(233, 2, 2);
}

footer .inside {
	padding: 30px 0 0;
	border-top: 2px solid #333;
	font-size: 12px;
}

footer a.hover-link {
	position: relative;
	color: rgb(233, 2, 2);
	text-decoration: none;
}

footer a:hover,
footer a.hover-link:hover {
	color: rgb(186, 1, 1);
}

footer a.hover-link::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -4px;
	left: 0;
	background-color: rgb(186, 1, 1);
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
}

footer a.hover-link:hover::before {
	visibility: visible;
	transform: scaleX(1);
}

.footer-actions {
	margin: 25px 0;
}

.socialmedia a i {
	font-size: 25px;
}

.footerbottom {
	background: #000;
	margin-top: 30px;
	padding: 40px 60px;
	color: #fff;
	font-size: 10px;
}

.footerbottom a {
	margin: 0;
}

.guidestar img {
	width: 80px;
	height: 80px;
	margin: -20px 30px 0 0;
}

.guidestar {
	float: left;
	height: 80px;
	margin: -20px 0 0;
}


/* 16. ======== 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 Roboto, 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: #7b88c5;
	background: linear-gradient(#7b88c5, rgb(233, 2, 2));
	border: solid 1px rgb(233, 2, 2);
	border-radius: 5px;
}


/* 17. ======== 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);
}


/* 18. ======= TICKER ======== */

.news {
	width: 96%;
	margin: 25px 2% 40px;
	position: relative;
	color: #ffffff;
	background-color: #222;
	background: linear-gradient(#555, #222);
	text-align: center;
	box-shadow: 0 0 0 4px #222 inset, 0 0 0 5px rgba(255, 255, 255, 0.4) inset;
	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: #ffffff;
	border-color: #ffffff;
}

#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;
	box-sizing: border-box;
}

.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: #fff;
	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: rgb(233, 2, 2);
}

.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: #ced4ea;
}

.slick-dots li.slick-active button:before {
	opacity: 1.0;
	color: rgb(233, 2, 2);
}


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


/* =================================================================== */


/* ===== SMALL DEVICE 01 ========= */

@media (max-width: 480px) {
	.photoblockcontainer {
		width: 98%;
		margin: -120px auto 10px auto;
	}
	.caption {
		display: none;
	}
	.slick-dots li {
		display: none;
	}
	fieldset img {
		max-width: 180px;
		height: auto;
	}
	ul.slimmenu.collapsed {
		width: 98%;
		margin: 24px 0 0 auto;
	}
	.collapse-button {
		top: 32px;
		right: 10px;
	}
	.brand img {
		width: 200px;
		height: 50px;
	}
}


/* ===== SMALL DEVICE 02 ===== */

@media (max-width: 480px) {
	.photoblock .caption {
		font-size: 18px;
	}
	.brand {
		font-size: 28px;
		text-align: center;
		width: 250px;
	}
	.menu-collapser {
		position: absolute;
		color: rgba(0, 0, 0, 0);
	}
	ul.slimmenu.collapsed {
		width: 300px;
		margin: 71px 10px 0 auto;
	}
}


/* ===== SMALL DEVICE 03 ===== */

@media (max-width: 623px) {
	.photoblockcontainer {
		width: 98%;
		margin: -140px auto 10px auto;
	}
	.photoblock .caption {
		font-size: 22px;
	}
	.brand {
		font-size: 28px;
		text-align: center;
	}
}


/* ===== MID DEVICE 01 ======= */

@media (max-width: 669px) {
	.photoblockcontainer {
		width: 98%;
		margin: -120px auto 10px auto;
	}
	.logo {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.brand {
		font-size: 32px;
		text-align: center;
	}
	.slogan {
		padding-left: 0;
		text-align: center;
	}
	nav {
		width: 100%;
		float: none;
		text-align: center;
		box-sizing: border-box;
	}
	.menu-collapser {
		margin: 0 auto;
	}
}


/* ===== MID DEVICE 02 ======= */

@media (max-width: 768px) {
	.photoblockcontainer {
		width: 98%;
		margin: -160px auto 10px auto;
	}
}


/* ===== MID DEVICE 03 ======= */

@media (max-width: 800px) {
	h2 {
		font-size: 26px;
	}
	.container {
		box-sizing: border-box;
	}
	.inside {
		width: 90%;
	}
	.logo {
		width: 40%;
	}
	.brand {
		font-size: 30px;
	}
	nav {
		width: 100%;
	}
	ul.slimmenu.collapsed {
		margin: 70px 20px 0 auto;
	}
	blockquote.leftside,
	blockquote.rightside {
		visibility: hidden;
		display: none;
	}
	.team-container .contentBox3a,
	.team-container .contentBox3b,
	.team-container .contentBox3c {
		width: 48%;
		margin: 1%;
	}
	.contentBox3a,
	.contentBox3b,
	.contentBox3c {
		width: 48%;
		margin: 1%;
		padding: 0;
	}
	.contentBox4a,
	.contentBox4b,
	.contentBox4c,
	.contentBox4d {
		width: 100%;
		margin: 20px 1%;
		padding: 0;
	}
	.sidebarLeft,
	.sidebarRight {
		width: 98%;
		margin: 1%;
		padding: 0;
	}
	.contentRight,
	.contentLeft {
		width: 98%;
		margin: 1%;
		padding: 0;
	}
}


/* ===== LARGE DEVICE 01 ===== */

@media (max-width: 1024px) {
	header {
		padding: 20px 0;
	}
	.menu-collapser {
		margin: 0 0 0 auto;
		padding: 0;
	}
	ul.slimmenu.collapsed {
		width: 300px;
		margin: 20px 0 0 auto;
	}
	ul.slimmenu li>ul {
		left: 0;
	}
}


/* ===== LARGE DEVICE 02 ===== */

@media (max-width: 1279px) {
	.container {
		margin: 0 auto;
	}
	.photoblockcontainer {
		width: 98%;
	}
}


/* 2020 Added Styles - Katie Hansen  */
.border-top {
	border-top: 2px solid #333;
	margin-top: 40px;
	padding-top: 10px;
}

.donate-btn {
	background-color: rgb(233, 2, 2);
	transition: 200ms linear;
	padding: 6px 15px!important;
	margin: 0 5px;
	border-radius: 1px;
}

.donate-btn:hover {
	background-color: rgb(186, 1, 1)!important;
	transition: 200ms linear;
}

.landing-img {
	height: 75vh;
	width: 100vw;
	background-image: url('https://www.usmodernist.org/catalano-nologo.jpg');
	background-repeat: no-repeat;
	background-position: 50% 65%;
	background-size: cover;
	margin: -30px -12.5% 0;
}

.featured-in a img {
	margin: 8px 20px;
}

#juicebox-container {
	margin: 0 auto;
}

.group.mission,
.about-us iframe {
	padding-top: 60px;
}

.about-us p.left {
	padding: 30px 0;
}

.logo-subtext.extra-space {
	margin-top: -20px;
}

.home-text {
	margin: 20px 0 60px;
}

.bitcoin-address {
	color: rgb(71, 74, 84);
}

.warning-caption {
	padding: 8px;
	font-size: 13px;
	margin: 0px 20px;
}

.warning-caption p {
	background: rgba(255, 0, 8, 0.2);
    padding: 20px 10px;
    border-radius: 2px;
}

.episode-guide hr {
	opacity: 1;
	margin: 30px 0;
	height: 1px;
	color: #000;
	background-color: #000;
}

.masters h4 {
	padding-top: 30px;
}

.memberships h4 {
	padding: 30px 0;
}

.magazine-img {
	float: left;
	margin-right: 20px;
	width: 333px;
}

.sponsor img {
	margin: 20px 20px 10px 0;
}

.media img {
	margin: 0 20px 10px 0;
}

.sponsor section {
	padding-top: 24px;
}

/* search box styles */
table.gsc-search-box {
	margin: 20px 0;
}

.gsc-input {
	margin: 0;
}

.gsc-control-cse {
	padding: 1em 0 3em!important;
}

.gsc-search-button {
	margin: 0 0 0 -1px!important;
	height: 35px;
	border-color: rgb(233, 2, 2)!important;
	border-bottom-left-radius: 0px!important;
	border-top-left-radius: 0px!important;
	background-color: rgb(233, 2, 2)!important;
	transition: 200ms linear;
}

.gsc-search-button:hover {
	background-color: rgb(186, 1, 1)!important;
	border-color: rgb(186, 1, 1)!important;
	transition: 200ms linear;
}

.gsc-search-button:hover {
	cursor: pointer;
}

.gsc-input {
	padding: 0!important;
}

.gsc-thumbnail-inside {
	color: rgb(233, 2, 2)!important;
}

footer hr {
	opacity: 0;
}

.hide-hr hr {
	opacity: 0;
}

/* subscription form styles */
form.payment {
	margin: 10px 0;
}

form.payment h6,
form.payment input {
	display: block;
	margin: 15px 0;
}

form.payment select {
	border: 2px solid black;
	padding: 8px 12px;
}

form.payment input[type="submit"] {
	border: 2px solid rgb(233, 2, 2);
	padding: 8px 20px;
	background: #fff;
	color: rgb(233, 2, 2);
	transition: 200ms linear;
}

form.payment input[type="submit"]:hover {
	color: #fff;
	background: rgb(233, 2, 2);
	cursor: pointer;
	transition: 200ms linear;
}

/* media queries  */
@media (max-width: 1076px){
	iframe {
		width: 600px;
		height: 400px;
	}
	#juicebox-container {
		height: 400px!important;
	}
}

@media (max-width: 1024px){
	.donate-btn {
		padding: 12px 20px!important;
		margin: 0;
	}
}

@media (max-width: 800px){
	ul.slimmenu.collapsed {
		margin: 20px 20px 0 auto;
	}
	.landing-img {
		margin: -30px -5.5% 0;
	}
}

@media (max-width: 750px){
	iframe {
		width: 400px;
		height: 250px;
	}
}

@media (max-width: 500px){
	iframe {
		width: 300px;
		height: 200px;
	}
	.contentBox3a,
	.contentBox3b,
	.contentBox3c,
	.team-container .contentBox3a,
	.team-container .contentBox3b,
	.team-container .contentBox3c  {
		width: 98%;
	}
}

@media (max-width: 480px) {
	ul.slimmenu.collapsed {
		width: 300px;
		margin: 49px 10px 0 auto;
	}
}