/*

Theme Name: E. McGrath, Inc.

Theme URI: http://siphon-marketing.com

Author URI: http://siphon-marketing.com

Author: Siphon-Marketing.com

Version: 1.0

*/





article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  main,  nav,  section,  summary {

	display: block;

	margin: 0;

	padding: 0;

}

body,  div,  dl,  dt,  dd,  ul,  ol,  li,  h1,  h2,  h3,  h4,  h5,  h6,  pre,  form,  fieldset,  input,  textarea,  p,  blockquote,  th,  td,  a {

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

fieldset,  img {

	border: none;

	margin: 0;

	padding: 0;

}

address,  caption,  cite,  code,  dfn,  em,  strong,  th,  var {

	font-style: normal;

}

ol,  ul {

	list-style: none;

}

caption,  th {

	text-align: left;

}

h1,  h2,  h3,  h4,  h5,  h6 {

	font-size: 100%;

	font-weight: normal;

}

q:before,  q:after {

	content: '';

}

abbr,  acronym {

	border: 0;

}

/*---*/











/*	WP DEFAULT STYLES/*----*/



.alignnone {

	margin: 5px 20px 20px 0;

}

.aligncenter,  div.aligncenter {

	display: block;

	margin: 5px auto 5px auto;

}

.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}

.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}

.aligncenter {

	display: block;

	margin: 5px auto 5px auto;

}

a img.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}

a img.alignnone {

	margin: 5px 20px 20px 0;

}

a img.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}

a img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto

}

.wp-caption {

	background: #fff;

	border: 1px solid #f0f0f0;

	max-width: 96%;

	/* Image does not overflow the content area */



	padding: 5px 3px 10px;

	text-align: center;

}

.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}

.wp-caption img {

	border: 0 none;

	height: auto;

	margin: 0;

	max-width: 98.5%;

	padding: 0;

	width: auto;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}

.wp-smiley {

	margin: 0 !important;

	max-height: 1em;

}

.bypostauthor {

}

.gallery dl {

	margin: 0;

}

.gallery-caption {

}

.sticky {

}

blockquote.left {

	float: left;

	margin-left: 0;

	margin-right: 20px;

	text-align: right;

	width: 33%;

}

blockquote.right {

	float: right;

	margin-left: 20px;

	margin-right: 0;

	text-align: left;

	width: 33%;

}

/* End Wp Default styles */







* {

	box-sizing: border-box;

	font-family: 'Open Sans', sans-serif;

}

body {

	padding: 0px;

	margin: 0px;

	background: #ffffff;

	font-family: 'Open Sans', sans-serif;

}

html,  body {

	height: 100%;

}

input,  select,  textarea {

}

input[type="text"],  input[type="tel"],  input[type="email"] {

	width: 100%;

	padding: 0px 10px;

	line-height: 38px;

	height: 40px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	font-size: 14px;

	display: block;

	color: #666666;

}

select {

	width: 100%;

	padding: 5px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	font-size: 14px;

	display: block;

	color: #666666;

}

textarea {

	width: 100%;

	padding: 10px;

	min-height: 100px;

	max-height: 100px;

	resize: none;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	font-size: 14px;

	display: block;

	color: #666666;

}

input[type="submit"] {

	cursor: pointer;

	transition: all 0.3s ease 0s;

}

p {

	font-size: 15px;

	color: #666666;

	line-height: 27px;

	margin-bottom: 20px;

}

a {

	color: #2e3192;

	outline: none;

	border: none;

	text-decoration: none;

	transition: all 0.3s ease 0s;

}

a:hover {

	color: #bf1e2e;

	text-decoration: none;

}

a:hover,  a:focus,  a:active {

	outline: none !important;

}

i,  em {

	font-style: italic;

}

b,  strong,  cite {

	font-weight: bold;

}

small {

	font-size: 9px;

	color: #3f4646;

	line-height: 12px;

	margin-bottom: 0px;

}

blockquote {

	border-left: 5px solid #2e3192;

	font-size: 18px;

	color: #666666;

	line-height: 30px;

	margin: 30px 0;

	padding: 0px 20px;

	font-style: italic;

}

blockquote p {

	font-size: 18px;

	color: #666666;

	line-height: 30px;

	font-style: italic;

}

blockquote footer,  blockquote footer cite {

	font-size: 18px;

	color: #2e3192;

	line-height: 27px;

	font-family: 'Open Sans', sans-serif;

	font-style: italic;

}

blockquote .small::before,  blockquote footer::before,  blockquote small::before {

	content: "— ";

}

h1 {

	color: #2e3192;

	font-size: 30px;

	line-height: 38px;

	font-weight: 600;

	margin-bottom: 20px;

	text-transform: none;

}

h1.page-title,  h1.entry-title {

	font-size: 30px;

	line-height: 30px;

	font-weight: 600;

	color: #2e3192;

	padding-bottom: 8px;

	border-bottom: 1px solid #cccccc;

	margin-bottom: 30px;

}

h2 {

	color: #bf1e2e;

	font-size: 24px;

	line-height: 32px;

	font-weight: 600;

	margin-bottom: 20px;

	text-transform: none;

}

h1 b,  h2 b,  h1 strong,  h2 strong {

	font-weight: bold;

}
h2,
h2 u,
h2 span{
	text-decoration: none !important;
}
h3 {

	color: #666666;

	font-size: 20px;

	line-height: 28px;

	font-weight: bold;

	margin-bottom: 20px;

	text-transform: none;

}

h4 {

	color: #666666;

	font-size: 18px;

	line-height: 26px;

	font-weight: bold;

	margin-bottom: 20px;

	text-transform: none;

}

h5 {

	color: #666666;

	font-size: 17px;

	line-height: 25px;

	font-weight: bold;

	margin-bottom: 20px;

	text-transform: none;

}

h6 {

	color: #666666;

	font-size: 16px;

	line-height: 24px;

	font-weight: bold;

	margin-bottom: 20px;

	text-transform: none;

}

h1 a,  h2 a,  h3 a,  h4 a,  h5 a,  h6 a {

	color: #2e3192;

}

/***** General Classes ******/







.clear {

	clear: both;

}

.fleft {

	float: left;

}

.fright {

	float: right;

}

/*hr {















	clear: both;















	padding-top: 20px;















	margin-bottom: 40px;















	border: none;















	border-bottom: 1px solid #000000;















}















.hr{















	clear: both;















	padding-top: 30px;















	margin-bottom: 40px;















	border-bottom: 1px solid #000000;















}































/************** Row CSS **************/











/*.row{















	width:1140px;















	margin:0px auto;















	padding:0px 15px;















	box-sizing:border-box;















	overflow:hidden;















}































.row a img{















	transition: all 0.3s ease 0s;















}















.row a:hover img{















	opacity:0.75;















}















header .row a:hover img{















	opacity:1;















}































*/











/************** Button CSS **************/







.btn {

	display: inline-block;

	background: none;

	border: 1px solid #bf1e2e;

	box-sizing: content-box;

	color: #ffffff !important;

	display: inline-block;

	font-size: 14px;

	font-weight: 600;

	height: 18px;

	line-height: 18px;

	padding: 10px 20px;

	text-decoration: none !important;

	text-transform: uppercase;

	background: #bf1e2e;

	border-radius: 5px;

}

.btn:hover {

	opacity: 0.85;

}

.btn-lg,  div#main-banner a {

	display: inline-block;

	background: none;

	border: 1px solid #bf1e2e;

	box-sizing: content-box;

	color: #ffffff !important;

	display: inline-block;

	font-size: 18px;

	font-weight: bold;

	height: 20px;

	line-height: 20px;

	padding: 18px 25px;

	text-decoration: none !important;

	text-transform: uppercase;

	background: #bf1e2e;

	border-radius: 10px;

}

.btn-lg:hover {

}

div#header_bg {

	/*width:100%;















	min-width:1140px;*/



	background: url(images/header-bg.jpg) center center no-repeat;

	background-size: cover;

	margin-bottom: 50px;

}

div#page_header_bg {

	/*width:100%;















	min-width:1140px;*/



	min-height: 376px;

	background: url(images/page_header_bg.jpg) center center no-repeat;

	background-size: cover;

	border-bottom: 4px solid #2e3192;

}

/*.container {



	width: 1000px;



	margin: 0px auto;



}*/







#innerpage .container {

	min-height: 200px;

}

/************** Topbar CSS **************/



#topbar {

	background: #eeeeee;

	text-align: right;

}

#topbar ul {

	display: inline-block;

}

#topbar ul li {

	display: inline-block;

	font-size: 13px;

	line-height: 35px;

	color: #7d7679;

	margin-left: 20px;

}

#topbar ul li i {

	margin-right: 4px;

}

#topbar ul li a {

	color: #7d7679;

}

#topbar ul li a:hover {

	color: #bf1e2e;

}

/************** Header CSS **************/



header {

	width: 100%;

	/* height: 96px; */



	border-bottom: 4px solid #bf1e2e;

	position: relative;

	padding: 20px 0;

}

header .container {

	position: relative;

}

header div#logo {

	float: left;/* margin-top: 10px; */



}

header div#logo img {

	display: block;

	margin: 0px;

}

#header-tagline {

	position: absolute;

	right: 14px;

	top: -4px;

	font-size: 20px;

	color: #666666;

	font-family: Georgia, Serif;

}

/************** Header Search CSS **************/



div#header-search {

	float: right;

}

div#header-search #showSearch {

	float: left;

	font-size: 24px;

	line-height: 24px;

	margin-top: -1px;

}

div#header-search #showSearch:hover {

	color: #bf1e2e;

}

div.hd_search_field {
	position: absolute;
	right: -11px;
	top: 39px;
	width: 285px;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	padding: 15px;
	box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);
	display: none;
}
div.hd_search_field .avia-arrow-wrap {
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: -10px;
	width: 20px;
}
div.hd_search_field .avia-arrow {
	background: #ffffff;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px;
	height: 9px;
	left: 6px;
	position: absolute;
	top: 4px;
	transform: rotate(45deg);
	width: 9px;
}
div.hd_search_field label, .searchform label {
	display: none;
}
div.hd_search_field input[type="text"], .searchform #s {
	float: left;
	background: #ffffff;
	border: 1px solid #bf1e2e;
	color: #808080;
	float: left;
	font-size: 13px;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	width: 213px;
	border-right: none;
}
.searchform #searchsubmit, div.hd_search_field input[type="submit"] {
	float: left;
	background: url(images/search_icon.png) center center no-repeat #bf1e2e !important;
	border: none;
	cursor: pointer;
	height: 38px;
	width: 40px;
	cursor: pointer;
	text-indent: -999999px;
}
.searchform #searchsubmit:hover {
	opacity: 0.75;
}
.search_overlay {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    display: none;
}

/************** Main Menu CSS **************/



div#mobile-nav,  div#mobile-nav .menu {

	display: none;

}

#showNav {

	position: absolute;

	right: 20px;

	top: 30px;

}

.main-nav,  .main-nav ul li,  .main-nav ul li a {

	font-family: 'Roboto Condensed', sans-serif;

}

.main-nav {

	float: right;

	margin: 87px 0px 0px;

	padding: 0px;

	position: relative;

	z-index: 9999;

}

.main-nav>ul {

	float: left;

	text-align: center;

	margin: 0px;

	padding: 0px;

}

.main-nav>ul>li {

	float: left;

	padding: 0px;

	position: relative;

	margin: 0 35px 0 0;

	font-size: 18px;

	line-height: 24px;

	color: #2e3192;

	font-weight: bold;

	text-transform: none;

}

.main-nav>ul>li:first-child {

	margin-left: 0px

}

.main-nav>ul>li>a {

	float: left;

	font-size: 18px;

	line-height: 24px;

	color: #2e3192;

	font-weight: bold;

	text-decoration: none;

	padding: 0px !important;

	text-transform: none;/* border-top-left-radius: 10px;



	border-top-right-radius: 10px; */



}

.main-nav>ul>li.current-menu-item>a,  .main-nav>ul>li.current-menu-parent>a,  .main-nav>ul>li>a:hover,  .main-nav>ul>li:hover>a {

	/* background: #bf1e2e; */



	color: #bf1e2e;

}

.main-nav>ul>li.menu_btn>a {

	background: none;

	padding: 11px 30px 10px !important;

	text-decoration: none !important;

	border: 1px solid #a2a2a2;

	margin-top: -12px;

}

.main-nav>ul>li.menu_btn>a:hover {

	color: #2e3192;

	border: 1px solid #2e3192;

}

.main-nav>ul>li.menu_btn_yellow {

	margin: 0px !important;

}

.main-nav>ul>li.menu_btn_yellow>a {

	padding: 11px 30px 10px !important;

	text-decoration: none !important;

	border: 1px solid #2e3192;

	margin-top: -12px;

	background: #2e3192;

	color: #ffffff;

}

.main-nav>ul>li.menu_btn_yellow>a:hover {

	background: #a2a2a2;

	border: 1px solid #a2a2a2;

}

.main-nav>ul>li>a img {

	display: none !important;

}

/*1st sub level menu*/







.main-nav ul li ul {

	position: absolute;

	left: 0;

	display: block;

	visibility: hidden;

	z-index: 99999;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.main-nav>ul>li>ul {

	left: 0px !important;

	padding-top: 4px;

	top: 34px !important;

	/*background:url(images/mainnavbg.png) 11px top no-repeat;	*/



	opacity: 0.9;

}

/*Sub level menu list items (undo style from Top level List Items)*/







.main-nav ul li ul li {

	display: list-item;

	float: none;

	position: relative;

	margin: 0px;

	padding: 0px;

	background: #2e3192;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */







.main-nav ul li ul li ul {

	top: 0;

}

/* Sub level menu links style */







.main-nav ul li ul li a {

	background: #999;

	font-size: 13px;

	color: #ffffff;

	padding: 10px 18px 6px 10px;

	margin: 0;

	border-top-width: 0;

	border-top: 1px solid #bf1e2e;

	display: block;

	line-height: 18px;

	white-space: nowrap;

	min-width: 150px;

	text-transform: none;

	text-align: left;

}

.main-nav ul li ul li:first-child a {

	border: none;

}

.main-nav ul li ul li a:hover {

	/*sub menus hover style*/



	background: #8801ae;

	color: #fff;

	text-decoration: none;

}

/*.main-nav > ul > li > ul > li:first-child > a:after {



	content: '';



	position: absolute;



	left: 11px;



	top: -6px;



	width: 0;



	height: 0;



	border-left: 7px solid transparent;



	border-right: 7px solid transparent;



	border-bottom: 7px solid #2e3192;



}







.main-nav > ul > li > ul > li:first-child > a:hover:after {



	border-bottom-color: #bf1e2e;



}*/







/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass {

	position: absolute;

	top: 7px;

	right: 5px;

}

.rightarrowclass {

	position: absolute;

	top: 10px;

	right: 6px;

}



/************** Main Slider CSS **************/

div#main-banner {

	width: 100%;

	min-height: 425px;

	border-bottom: 4px solid #bf1e2e;

	background: url(images/main-banner.jpg) center 0 no-repeat;

	background-size: cover;

	margin-bottom: 40px;

	padding-top: 100px;

}

div#main-banner h2 {

	width: 780px;

	font-size: 48px;

	line-height: 60px;

	font-weight: 600;

	color: #ffffff;

	margin-bottom: 20px;

	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);

	text-align: center;

}

div#main-banner .btn {

}

/************** Homepage CSS **************/







div#welcome-text {

	text-align: center;

	padding: 0px 50px;

	margin-bottom: 40px;

}

div#welcome-text p {

	font-size: 18px;

	line-height: 30px;

}

div#banner-section {

	padding: 60px 0px;

	width: 100%;

	background: url(images/homepage-banner.jpg) center 0 no-repeat;

	background-size: cover;

	margin-bottom: 60px;

}

div#banner-section p {

	width: 450px;

	font-size: 30px;

	line-height: 45px;

	color: #000000;

	font-family: 'Homemade Apple', cursive;

	margin: 0;

}

div#home-blocks-wrap {

	padding: 30px 0 25px;

	background: #eee;

	text-align: center;

}

div#home-blocks-wrap h1 {

	margin-bottom: 25px;

}

div.home-block {

	margin-bottom: 25px;

}

div.home-block a, .single-product-wrap a {

	display: inline-block;

	overflow: hidden;

	position: relative;

}

div.home-block a:after {

	background: rgba(0, 0, 0, 0.3);

	bottom: 0;

	content: "";

	left: 0px;

	position: absolute;

	right: 0px;

	top: 0;

}

div.home-block a img, 

.single-product-wrap a > img {

	transition: all 1s ease-out 0s;

	-webkit-transition: all 1s ease-out 0s;

	display: inline-block;

	margin: 0;

}

div.home-block a:hover img, .single-product-wrap a:hover > img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

div.home-block h2 {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	font-size: 30px;

	font-weight: bold;

	line-height: 40px;

	color: #ffffff;

	text-transform: uppercase;

	margin: 0 0 10px;

	z-index: 99;

	text-align: center;

}

.single-product-wrap {

	margin-bottom: 30px;

	text-align: center;

}

.single-product-wrap h3 {

	font-size: 18px;

	line-height: 26px;

	margin-bottom: 0px;

}

.single-product-wrap h3 a{



}

.single-product-wrap p {

	margin-bottom: 0px;

}

.single-product-wrap .btn{

	margin: 7px 0;

	padding: 7px 16px;

	background:none;

	color: #bf1e2e !important;

	text-transform: capitalize;

}

.single-product-wrap .btn:hover{

	color: #ffffff !important;

	background:#bf1e2e;

	opacity: 1;

}

.price{

	margin-top: -5px !important;

	color: #bf1e2e !important;

}

.promo{
	position: absolute;
	right: 6px;
	top: 6px;
	background: #bf1e2e;
	color: #ffffff;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	text-transform: uppercase;
	padding:4px 5px;
	letter-spacing: 1px;
	z-index: 9;
	text-align: center;
}
.promo-txt{
	color: #bf1e2e !important;
}
.products_table td{
	vertical-align: middle !important;
}
.products_table h3{
	font-size: 16px;
	line-height: 1.5;
	margin: 0 !important;
}
.products_table p{
	margin: 10px 0 !important;
}
.products_table .btn{
	font-size: 13px !important;
	padding: 5px 15px 6px !important;
	height: auto;
	line-height: normal;
}

/************** Single Product CSS **************/

div#slider {

	width:100%;

	height: 300px;

	overflow:hidden;

	position:relative;

	border:1px solid #ddd;

}

div#slider ul.slides{

	list-style: none;

	margin:0;

	padding:0;

}

div#slider ul.slides li {

	width:100%;

	height:100%;

	display:flex !important;

	align-items:center;

	justify-content:center;

	text-align:center;



}

div#slider ul.slides li a{

	display: inline-block;

	vertical-align: middle;

	position: relative;

}

div#slider ul.slides li a .zoom-icon{

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	background: url(images/zoom-icon.png) center center no-repeat rgba(0, 0, 0, 0.3);

}

div#slider ul.slides li a:hover .zoom-icon{

	display: block;

}

div#slider ul.slides li a img{

	display: inline-block;

	vertical-align: middle;

}

div#slider ul.flex-direction-nav {

	z-index:9999;

}

div#slider-wrapper:hover ul.flex-direction-nav {



}

div#slider ul.flex-direction-nav li a {

	display:block;

	width:62px;

	height:106px;	

	top:40%;

	position:absolute;

	text-indent:-9999px;

	z-index:9999;

}

div#slider ul.flex-direction-nav li a.flex-prev {

	left:15px;

	/*background:url(images/left_arrow.png) 0px 0px no-repeat;*/

}

div#slider ul.flex-direction-nav li a.flex-next {

	right:15px;

	/*background:url(images/right_arrow.png) 0px 0px no-repeat;*/

}

div#slider ul.flex-direction-nav li a.flex-disabled {

	display:none;

}



div#carousel {

	width:100%;

	height: 70px;

	padding: 0px;

	overflow:hidden;

	background:#ddd;

	margin-bottom: 30px;

	position: relative;

}

div#carousel div.flex-viewport {

}

div#carousel ul.slides {

	float:left;

	margin: 0;

	padding: 0px;

	list-style: none;

	display: block;

	/*background:url(images/thumb-wrapper.png) repeat-x;*/

}

div#carousel ul.slides li {

	text-align: center;

	padding: 5px 0;

	margin-left:5px;

	display: block;

	float: left;

	position: relative;

}

/*.slide-overlay{

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.2);

}*/

div#carousel ul.slides li:first-child {

	margin-left:0px;

}

div#carousel ul.slides li img {

	cursor:pointer;

	display:block;

	opacity:0.8;

	border:1px solid #666;

}

div#carousel ul.slides li.flex-active-slide img, 

div#carousel ul.slides li img:hover,

div#carousel ul.slides li img.flex-active{

	opacity:1;
	border:1px solid #bf1e2e;

}

div#carousel ul.flex-direction-nav{

	display: none;

	list-style: none;

	padding: 0;

	margin:0;

}

div#carousel:hover ul.flex-direction-nav{

	display: block;

}

div#carousel ul.flex-direction-nav li a {

	width:26px;

	height:70px;

	display:block;

	position:absolute;

	top:0px;

	background:none;

	z-index:99999;

	text-indent:-9999px;

	background:url(images/carousel-nav.png) 0px 0px no-repeat;

}

div#carousel ul.flex-direction-nav li a.flex-prev {

	left:0px;

}

div#carousel ul.flex-direction-nav li a.flex-next {

	right:0px;

	background:url(images/carousel-nav.png) -26px 0px no-repeat;

}

div#carousel ul.flex-direction-nav li a.flex-disabled {

	display:none;

}



/************** Page Banner CSS **************/

div#page-banner {

	width: 100%;

	height: 250px;

	border-bottom: 4px solid #bf1e2e;

	background-image: url(images/page-banner.jpg);

	background-position: center 0;

	background-repeat: no-repeat;

	background-size: cover;

	margin-bottom: 40px;

	padding: 45px 0 0;

}

div#page-banner h2 {

	float: right;

	font-size: 24px;

	line-height: 32px;

	font-family: 'Roboto Condensed', sans-serif;

	color: #ffffff;

	margin-bottom: 0;

	margin-top: 120px;

	text-align: right;

	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);

	padding: 10px 20px;

	background: rgba(191, 30, 46, 0.8);

	border-radius: 5px;

}

div#breadcrum {

	font-size: 14px;

	line-height: 18px;

	color: #bf1e2e;

}

div#breadcrum a {

	font-size: 14px;

	line-height: 22px;

	color: #bf1e2e;

}

/************** Content CSS **************/







div#content {

	margin-bottom: 50px;

}

div#content ul {

	list-style: outside disc;

	margin: 0 0 20px;

	padding: 0 0 0 43px;

}

div#content ol {

	list-style: outside decimal;

	margin: 0 0 20px;

	padding: 0 0 0 44px;

}

div#content ul li,  div#content ol li {

	color: #666666;

	font-size: 15px;

	line-height: 27px;

}

div#content div#contact-form {

	text-align: left;

}

div#content div#contact-form div.field .hide {

	display: block !important;

}

div#content div#contact-form input[type="text"],  div#content div#contact-form input[type="tel"],  div#content div#contact-form input[type="email"] {

	width: 60%;

	border: 1px solid #cccccc;

	margin-bottom: 10px;

}


div#content div#contact-form input[type="text"].wpcf7-not-valid,  div#content div#contact-form input[type="tel"].wpcf7-not-valid,  div#content div#contact-form input[type="email"].wpcf7-not-valid {

	border: 1px solid #FF0000;

}

div#content div#contact-form textarea {

	width: 75%;

	min-height: 150px;

	max-height: 150px;

	border: 1px solid #cccccc;

}
div#sidebar div#contact-form textarea,
div#sidebar div#contact-form input[type="text"],  div#sidebar div#contact-form input[type="tel"],  div#sidebar div#contact-form input[type="email"] {
	margin-bottom: 10px;

}

div#content div#contact-form input[type="submit"] {

	margin: 15px 0;

}

div#content div#contact-form .wpcf7-not-valid-tip {

	display: none !important;

}

div#content .wpcf7-response-output {

	border: none !important;

	font-size: 13px !important;

	color: #FF0000 !important;

	padding: 0px !important;

	margin: 15px 0 20px !important;

}

div#content div.wpcf7-mail-sent-ok {

	color: #398f14 !important;

}

/************** Sidebar CSS **************/







div#sidebar {

	margin-bottom: 50px;

}

div#sidebar .screen-reader-text {

	display: none !important;

}

#searchform input[type="submit"] {

}

div#sidebar .btn-lg {

	display: block;

	text-align: center;

}

div.sidebar-widget {

	margin-bottom: 50px;

}

div.sidebar-widget h3.widget-title {

	color: #2e3192;

	text-transform: none;

	border-bottom: 1px dotted #cccccc;

	margin-bottom: 15px;

	padding-bottom: 10px;

}

div#sidebar .sidebar-socialmedia {

	width: 225px;

	margin: 0px auto;

}

div#sidebar .sidebar-socialmedia h3 {

	float: left;

	width: 100px;

	margin-right: 20px;

	margin-bottom: 0;

	color: #2e3192;

	font-size: 24px;

	font-weight: normal;

	line-height: 27px;

	margin-bottom: 20px;

	text-transform: none;

}

div#sidebar .sidebar-socialmedia p {

	margin-bottom: 0;

}

div#sidebar .sidebar-socialmedia a:hover {

	opacity: 0.8;

}

div#sidebar .sidebar-socialmedia img {

	margin: 5px 0 0 5px;

}

div#sidebar .blockquote,  #sidebar .testimonial_rotator_widget_wrap {

	background: url(http://siphondev.com/emcgrath/wp-content/uploads/2017/09/quote-left.png) left top no-repeat;

	padding: 10px 0 0 40px;

}

#sidebar .testimonial_rotator_widget_wrap .slide {

	background: url(http://siphondev.com/emcgrath/wp-content/uploads/2017/09/quote-right.png) right bottom no-repeat;

	padding: 0 40px 9px 0;

}

div#sidebar .blockquote p,  #sidebar .testimonial_rotator_widget_wrap .testimonial_rotator_quote {

	font-size: 18px;

	line-height: 24px;

	color: #777777;

	font-style: italic;

	text-align: left;

	font-family: Georgia, Serif;

}

div#sidebar ul {

}

div#sidebar ul li {

	color: #2e3192;

	margin-bottom: 10px;

}

/*************** Posts CSS ****************/







div.post {

	margin-bottom: 10px;

}

div.post-header {

	position: relative;

	padding: 0px 0px;

}

div.post-header h1.title {

	font-weight: normal;

}

div.post-header strong.date {

	display: block;

	width: 120px;

	height: 18px;

	line-height: 18px;

	padding: 0px;

	color: #ffffff;

	text-align: center;

	font-size: 12px;

	background: #bf1e2e;

	text-transform: uppercase;

	margin-bottom: 8px;

	font-weight: normal;

}

div.post-contents {

	padding: 0px 0px;

	margin: 0 0 30px;

}

div.post-contents h1 {

	color: #2e3192;

	font-size: 19px;

	margin-bottom: 15px;

	text-transform: capitalize;

}

div.post-contents h2 {

	color: #2e3192;

	font-size: 17px;

	margin-bottom: 15px;

	text-transform: capitalize;

}

div.post-contents h3 {

	color: #2e3192;

	font-size: 16px;

	margin-bottom: 15px;

	text-transform: capitalize;

}

div.post-contents h4 {

	color: #2e3192;

	font-size: 15px;

	margin-bottom: 15px;

	text-transform: capitalize;

}

div.post-contents h5 {

	color: #2e3192;

	font-size: 14px;

	text-transform: capitalize;

}

div.post-contents h6 {

	color: #2e3192;

	font-size: 13px;

	text-transform: capitalize;

}

div.post-contents ul {

	list-style: disc outside;

	padding: 0px 0px 0px 25px;

	margin: 0px 0px 15px;

}

div.post-contents ul li {

	font-size: 13px;

	color: #A7A9AC;

	line-height: 18px;

}

div.post-contents ol {

	list-style: decimal outside;

	padding: 0px 0px 0px 25px;

	margin: 0px 0px 15px;

}

div.post-contents ol li {

	font-size: 13px;

	color: #A7A9AC;

	line-height: 18px;

}

div.post-contents img {

	max-width: 615px;

	height: auto !important;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

div.post-contents iframe {

	width: 100% !important;

	height: 420px !important;

	max-width: 100% !important;

}

div.post-contents iframe.audio {

	height: auto !important;

}

div#content div.post-footer {

	padding: 0px;

	border-top: 1px dotted #cccccc;

	border-bottom: 1px dotted #cccccc;

	margin: 0 0 30px;

}

div#content div.post-footer table {

	display: none !important;

}

div#content div.post-footer div.left {

	float: left;

	width: 130px;

	height: 81px;

	border-right: 1px dotted #cccccc;

	text-align: center;

}

div#content div.post-footer div.left strong {

	font-size: 38px;

	line-height: 44px;

	font-weight: normal;

	text-align: center;

	padding-top: 10px;

	display: block;

}

div#content div.post-footer div.left strong span {

	font-size: 11px;

	line-height: 15px;

	text-transform: uppercase;

	display: block;

}

div#content div.post-footer div.left a:hover {

	text-decoration: none !important;

}

div#content div.post-footer p,  div#content div.post-footer span {

	font-size: 11px;

	line-height: 12px;

}

div#content div.post-footer div.share {

	/*



	float:right;







	width:125px;



	*/



	height: 81px;

	text-align: center;

	padding: 20px 0px 0px 5px;

}

div#content div.post-footer div.share span {

	color: #2e3192;

	text-transform: uppercase;

	display: block;

	margin-bottom: 8px;

	font-weight: normal;

}

div#content div.post-footer div.share ul {

	padding: 0px;

	list-style: none;

}

div#content div.post-footer div.share ul li {

	display: inline-block;

	margin: 0px;

}

div#content div.post-footer div.share ul li:first-child {

}

div.share ul li a {

	float: left;

	width: 21px;

	height: 20px;

}

div.share ul li.fb a {

	background: url(images/fb.png) 0px 0px no-repeat;

}

/*div.share ul  li.fb a:hover{







	background:url(images/fb.png) 0px -20px no-repeat;







}*/







div.share ul li.tw a {

	background: url(images/tw.png) 0px 0px no-repeat;

}

/*div.share ul  li.tw a:hover{







	background:url(images/tw.png) 0px -20px no-repeat;







}*/







div.share ul li.pin a {

	background: url(images/pi.png) 0px 0px no-repeat;

}

/*div.share ul  li.pin a:hover{







	background:url(images/pi.png) 0px -20px no-repeat;







}*/







div.share ul li.em a {

	background: url(images/em.png) 0px 0px no-repeat;

}

/*div.share ul  li.em a:hover{







	background:url(images/em.png) 0px -20px no-repeat;







}







*/







div.share ul li a:hover {

	opacity: 0.8;

}

div#content div.post-footer td {

	padding-left: 15px;

}

div#content div.post-footer td,  div#content div.post-footer td p,  div#content div.post-footer td a {

	font-size: 11px;

	color: #2e3192;

	text-transform: uppercase;

	text-align: left;

}

div#content div.post-footer td a:hover {

	color: #2e3192;

}

ul.pins-feed-list li.pins-feed-item {

	float: none !important;

	height: 82px !important;

	margin: 0 5px 3px 0px !important;

	overflow: hidden;

	width: 82px !important;

	display: inline-block !important;

}

ul.pins-feed-list li img {

	width: 82px !important;

	height: auto !important;

	min-height: 82px !important;

	left: 0px !important;

}

/*************** Related Posts CSS ****************/







div#content div.related-posts {

	text-align: center;

	padding-bottom: 33px;

	border-bottom: 1px dotted #cccccc;

	margin-bottom: 40px;

}

div#content div.related-posts h3 {

	font-size: 12px;

	font-weight: bold;

	color: #2e3192;

	text-transform: capitalize;

	display: block;

	margin-bottom: 14px;

}

div#content div.related-posts ul.related_post {

	width: 480px;

	margin: 0px auto;

	list-style: none;

	padding: 0px;

	vertical-align: top;

	text-align: center;

}

div#content div.related-posts ul.related_post li {

	float: left;

	margin: 10px 5px !important;

	overflow: hidden;

	width: 110px !important;

	clear: none !important;

	line-height: 18px;

	font-size: 12px;

}

div#content div.related-posts ul.related_post li:first-child {

}

div#content div.related-posts ul.related_post li a {

	float: left;

	text-align: left;

	font-size: 12px;

	color: #2e3192;

	line-height: 18px;

	text-transform: capitalize;

	padding: 0px !important;

}

div#content div.related-posts ul.related_post li a:hover {

}

div#content div.related-posts ul.related_post li a img {

	display: block !important;

	padding: 2px !important;

	border: 1px solid #DDDDDD !important;

	margin-bottom: 5px !important;

	border-radius: 0px !important;

}

.post_navigation,  .post_navigation a {

	font-size: 13px;

	color: #2e3192;

}

.post_navigation .prev a {

	float: right;

	height: 16px;

	line-height: 16px;

}

.post_navigation .next a {

	float: left;

	height: 16px;

	line-height: 16px;

}

/************** Comments CSS **************/







div#respond {

	margin: 0px;

	padding: 0px;

	position: relative;

}

/*************** Comments CSS ***************/







div#comments {

	border-bottom: 1px dotted #CCCCCC;

	margin-bottom: 20px;

	padding-bottom: 15px;

	margin-top: 30px;

}

div#respond h3 {

	color: #2e3192;

	font-size: 18px;

	text-transform: none;

}

div#respond h3#reply-title {

}

h3#comments-title {

	color: #2e3192;

	font-size: 15px;

	text-transform: none;

	margin-bottom: 15px;

}

h3#comments-title em {

	font-style: normal;

}

div#respond form label {

	text-align: left;

	font-size: 14px;

	color: #2e3192;

	margin-bottom: 3px;

	text-transform: capitalize;

}

div#respond form input[type="text"],  #wysija-subscriptions input[type="text"] {

	width: 300px;

	padding: 0px 5px;

	line-height: 30px;

	height: 32px;

	border: 1px solid #cccccc;

	background-color: #f7f7f7;

	font-size: 14px;

	display: block;

	color: #666666;

}

div#respond form textarea {

	border: 1px solid #cccccc;

	background-color: #f7f7f7;

	padding: 5px;

	width: 400px;

	font-size: 14px;

	overflow: auto;

	min-height: 120px;

	max-height: 120px;

	margin-bottom: 25px;

	display: block;

	color: #666666;

	resize: none;

}

#searchform input#s {

	padding-right: 80px;

}

#searchform input[type="submit"],  div#respond form input[type="submit"],  #wysija-subscriptions input[type="submit"] {

	padding: 0px 10px;

	background-color: #2e3192;

	font-size: 14px;

	line-height: 32px;

	color: #ffffff;

	text-align: center;

	cursor: pointer;

	border: none;

	outline: none;

	transition: all 0.3s ease 0s;

	font-size: 14px;

}

div#respond form input[type="submit"]:hover {

	background-color: #2e3192;

}

div#sidebar #searchform input[type="submit"] {

	margin-top: -40px;

	float: right;

	z-index: 99;

	position: relative;

	text-transform: uppercase;

	line-height: 40px;

}

#wysija-subscriptions th {

	min-width: 100px;

}

#wysija-subscriptions th,  #wysija-subscriptions td {

	padding: 0 0 10px;

}

#wysija-subscriptions th label {

	color: #2e3192;

	font-size: 14px;

	line-height: 26px;

}

#wysija-subscriptions td label {

	color: #A7A9AC;

	font-size: 13px;

	margin-right: 15px;

}

#wysija-subscriptions input[type="submit"] {

	margin-left: 100px;

	padding: 4px 12px 3px;

	margin-top: 10px;

}

.nocomments {

	color: #F00 !important;

}

/*************** Comments List ***************/







div#content ol.commentlist {

	padding: 0px;

	list-style: none;

}

div#content ol.commentlist li .avatar {

	float: right;

	background-color: #FFFFFF;

	border: 1px solid #DDDDDD;

	padding: 4px;

	margin-left: 10px;

	margin-bottom: 5px;

}

div#content ol.commentlist li div.comment-author {

	text-transform: uppercase;

	font-size: 13px;

	color: #666666;

}

div#content ol.commentlist li {

	font-size: 14px;

	color: #666666;

	line-height: 22px;

	padding: 15px 0px 5px 15px;

	border: 1px solid #dddddd;

	background: #f7f7f7;

	margin-bottom: 15px;

}

div#content ol.commentlist li ul {

	padding: 0px;

	list-style: none;

}

div#content ol.commentlist li ul li {

	border-top: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

	border-left: 1px solid #dddddd;

	border-right: none;

	margin-bottom: 10px !important;

}

div#content ol.commentlist li>div {

	padding-right: 15px;

}

div#content ol.commentlist li p {

	color: #666666;

	margin-bottom: 10px;

}

div#content ol.commentlist li span.says {

	text-transform: lowercase;

}

div#content ol.commentlist li div.comment-meta {

	margin-bottom: 5px;

}

div#content ol.commentlist li div.comment-meta a {

	font-size: 12px;

}

div#content ol.commentlist li div.reply {

	margin-bottom: 10px;

}

div#content ol.commentlist li div.reply a {

}

.mc_error_msg {

	font-size: 14px;

}

div#content ol.commentlist li div#respond {

	margin: 20px 0px 20px;

}

.mc_merge_var {

	float: left;

}

.mc_var_label,  .form-allowed-tags {

	display: none !important;

}

.linkwithin_hook {

	visibility: hidden;

	position: absolute;

	z-index: 0;

}

.center {

	text-align: center;

}

div#content ol.commentlist li div#respond form textarea,  div#content ol.commentlist li div#respond form input[type="email"],  div#content ol.commentlist li div#respond form input[type="text"] {

	background: #ffffff;

}

div#content div.wp_rp_footer a.wp_rp_edit {

	background: #2e3192;

	border: medium none;

	border-radius: 2px;

	color: #FFFFFF !important;

	cursor: pointer;

	display: inline-block;

	font-size: 14px !important;

	line-height: 23px;

	margin: 0;

	padding: 6px 20px;

	position: relative;

	text-align: center;

	text-decoration: none !important;

	white-space: nowrap;

}

div#content div.wp_rp_footer a.wp_rp_edit:hover {

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}

.breadcrumbs{
	font-size: 12px;
	margin-top: -15px;
	margin-bottom: 30px;
}
div.wp-pagenavi{
	text-align: center !important;
	margin:30px 0 10px;
}
/************** Footer CSS **************/



div#copyrights {

	padding: 12px 0 2px;

	text-align: center;

	background: #2f2f2f;

}

div#copyrights p {

	font-size: 13px;

	color: #ffffff;

	line-height: 20px;

	margin-bottom: 10px;

}

div#copyrights a {

	color: #ffffff;

}

div#copyrights a:hover {

	color: #bf1e2e;

}

/*========================   General CSS   =========================*/







hr {

	border: none;

	border-top: 1px solid #cccccc;

	margin-top: 30px;

	padding-bottom: 25px;

}

.last {

	margin-left: 0px !important;

	margin-right: 0px !important;

}

.center {

	text-align: center !important;

}

.left {

	text-align: left !important;

}

.right {

	text-align: right !important;

}

.hide {

	display: none !important;

}

img {

	max-width: 100% !important;

	height: auto !important;

}

/************** Mobile Menu CSS **************/







div#mobile-nav .menu {

	position: absolute;

	left: 0;

	top: 92px;

	width: 100%;

	z-index: 99;

	background: #bf1e2e;

}

div#mobile-nav .menu li {

	position: relative;

}

div#mobile-nav .menu li a {

	display: block;

	font-size: 18px;

	text-align: left;

	line-height: 16px;

	padding: 12px 15px;

	color: #ffffff;

	text-transform: capitalize;

	background: #999;

	text-decoration: none;

	font-family: "Open Sans Condensed", sans-serif;

}

div#mobile-nav .menu li li a {

	background: #8801ae;

}

div#mobile-nav .menu li .sub-menu {

	display: none !important;

	background: #8801ae;

}

div#mobile-nav .menu li .sub-menu li .sub-menu {

	display: none;

}

div#mobile-nav .menu li .sub-menu li .sub-menu li a {

	padding-left: 40px;

}

div#mobile-nav .menu li.menu-item-has-children>a {

/*background: url(images/downArrow2.png) no-repeat scroll 95% center #bf1e2e;*/



}

div#mobile-nav .menu li.hover>a {

/*background: url(images/upArrow.png) no-repeat scroll 95% 15px #bf1e2e !important;*/



}

div#mobile-nav .menu li a:hover,  div#mobile-nav .menu li.current-menu-item>a {

	background: #8801ae;

}

div#mobile-nav .menu li.menu-item-has-children>a:hover {

/*background: url(images/downArrow2.png) no-repeat scroll 95% center #8801ae;*/



}

div#mobile-nav .menu li.hover>a:hover {

/*background: url(images/upArrow.png) no-repeat scroll 95% 15px #8801ae !important;*/



}

div#mobile-nav .menu li.hover>.sub-menu,  div#mobile-nav .menu li .sub-menu li.hover .sub-menu {

	display: block !important;

}

div#mobile-nav .menu>ul>li>ul li a:hover {

	background: #8801ae !important;

}

div#mobile-nav .menu li>a.sub-menu-btn {

	width: 26px;

	height: 26px;

	position: absolute;

	top: 7px;

	right: 15px;

	z-index: 9999;

	background: url(images/downArrow2.png) center center no-repeat #8801ae;

}

div#mobile-nav .menu li.hover>a.sub-menu-btn {

	background: url(images/upArrow.png) center center no-repeat #8801ae;

}











/* less than 1000px */







@media only screen and (max-width:999px) {

div#mobile-nav {

	display: block;

}

.main-nav {

	display: none;

}

.container {

	width: 100%;

	padding: 0px 15px;

}

div#main-banner {

	min-height: auto;

	padding: 50px 0 0;

	text-align: center;

}

div#main-banner h2 {

	width: 100%;

}

div#banner-section p {

	margin: 0px auto;

	text-align: center;

}

div.home-block {

	width: 100%;

	margin-right: 0;

	margin-bottom: 30px;

}

div#content {

	float: none;

	width: 100%;

	margin-right: 0;

	margin-bottom: 50px;

}

div#sidebar {

	float: none;

	width: 600px;

	margin: 0px auto 30px;

}

div.footer-widget1 {

	width: 600px;

	float: none;

	margin: 0 auto 40px;

}

div.footer-widget2 {

	width: 350px;

	float: none;

	margin: 0 auto 30px;

}

div.footer-widget3 {

	width: 100%;

	float: none;

	margin: 0 auto;

}

.main-nav {

	float: none;

	position: absolute;

	left: 0;

	top: 150px;

	display: none;

}

.main-nav>ul,  .main-nav>ul li,  .main-nav>ul li a {

	float: none;

	display: block;

}

.main-nav>ul li a {

	padding: 0 20px !important;

	text-align: left;

	line-height: 46px;

}

}











/* less than 768px */







@media only screen and (max-width:600px) {

header {

	height: 85px;

}

header div#logo img {

	max-width: 250px !important;

}

div.home-block div.block-icon i {

	font-size: 85px;

}

div#sidebar {

	width: 100%;

	margin: 0px auto 30px;

}

div.footer-widget1 {

	width: 100%;

}

}











/* less than 768px */







@media only screen and (max-width:767px) {

#innerpage {

	padding-top: 40px;

}

div#page-banner {

	position: relative;

}

div#page-banner h2 {

	float: none;

	margin: 0;

	border-radius: 0;

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	font-size: 21px;

	line-height: 28px;

}

}

 @media only screen and (max-width:599px) {

div#page-banner {

	height: 200px;

}

}











/* less than 479px */







@media only screen and (max-width:479px) {

}