@charset "utf-8";

@-ms-viewport{
  width: device-width;
}

body {
	background-color: #ffffff;
	text-align:left;
	line-height: 1.5;
}
body > div {
	transition:all 0.3s ease;
}

.clear { 
    clear:both; 
}

/*article:after,
aside:after,
div:after,
form:after,
header:after,
nav:after,
section:after,
ul:after {
	clear:both;
	content: " ";
	display:block;
	height:0;
	visibility:hidden;
}*/
div {
	display: flow-root;
}
body > div {
	transition:all 0.3s ease;
}

/* Neutralize styling: Elements we want to clean out entirely: 
--------------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}



/* Neutralize styling: Elements with a vertical margin: 
--------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, pre, blockquote, address {
	padding: 0;
	margin: 0 0 10px 0;
}

/* Apply left margin: Only to the few elements that need it: 
--------------------------------------------------------------- */

blockquote {
	margin-left: 15px;
}

/* Misc:
--------------------------------------------------------------- */

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-family: inherit;
}




/* General CSS Styles 
------------------------------------------------------*/

html {
	font-size:100.01%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;

}

body {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	margin: 0;
	font-kerning: normal;
	line-height: 130%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000000;
}
h1 {font-size: 20px;}
h2 {
	font-size: 44px;
	font-family: Lato, Arial, Helvetica, sans-serif;
  	color: rgb(0, 0, 0);
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: -2px;
}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */

h1 {
	font-size: 2em;
	margin: .67em 0;
}


p {
	margin-bottom: 20px;
}

b,strong {font-weight: bolder;}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {bottom: -0.25em;}

sup {top: -0.5em;}


/* Forms
--------------------*/

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}


.inputbox {
    padding: 10px 12px;
    border: 1px solid #ccc;
}
textarea#Message {
    width: 100%;
    max-width: 210px;
    max-height: 50px;
    padding: 10px 15px;
}
.button {
    background-color: #0fb802;
    border: none;
    padding: 10px 15px;
    color: #fff;
}
button#Submit {
    background-color: #0fb802 !important;
    background-image: none !important;
    border: none;
    padding: 10px 15px;
    color: #fff;
    border-radius: 0 !important;
}

.rsform-input-box {
    padding: 10px 15px !important;
    margin: 0 !important;
	border-radius: 0 !important;
    border: 1px solid #ccc !important;
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button, select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */

}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}





/* Images 
--------------------*/

img {border:none;}
a img {border:none;}



/* Links - General
--------------------*/ 

a:link {
	text-decoration:none;
	color:#000000;
}
a:visited {
	text-decoration:none;
	color:#000000;
}
a:hover {
	text-decoration:underline;
	color:#CC0000;
}


audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}



/* Lists
---------------------*/

ul {
    list-style: initial;
    margin: 15px 0 15px 0;
    padding: 0 0 0 40px;
}

li {
    display: list-item;
	padding: 0 0 7px 0;
	line-height: 120%;
}

/* ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 10px 0 10px 0;
    padding: 0 0 0 25px;
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}*/



/*li, ol, dd, dt {
	vertical-align:middle;
	list-style-position: inside;
	padding:0 0 0 0;
}*/






/* Misc Elements
----------------------*/

hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ebe9e9;	
}
abbr, acronym {
	text-decoration: none;
	border:0;
}




/* Tables
-------------------------------------------------------*/

table {  
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
	word-wrap:break-word; 
} 
caption, th, td {
}



/* Transitions - Animations
-------------------------------------------------------*/

.fade {opacity:0.5;}
.fade:hover {opacity:1;}

.grow { transition: all .3s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.bggray {
	background: #ccc;
}




/* Joomla Specific Styles 
------------------------------------------------------*/

/* CONTENT PAGE SETTINGS */

.componentheading {  /* Title of the component being used to display the content.*/
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
}
.contentheading {  /* Used by various components, not article, for the heading.*/
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
}

.twentyfive {width:20%;}
.thirtyfive {width:30%;}
.fortyfive {width:40%;}
.fiftyfive {width:50%;}
.sixtyfive {width:60%;}
.seventyfive {width:70%;}
.eightyfive {width:80%;}

.center {
	text-align: center;
}



/* ======================================================== MAIN TEMPLATE STYLES - PC / Tablets */
/* =========================================================================== MIN WIDTH: 826px */

@media only screen and (min-width: 826px) {

/* Template Specific Styles 
------------------------------------------------------*/

	
.mastheadwrap {
    width: 100%;
    /*height: 80px;*/
    margin: 0;
    background-image: url(../images/masthead_bg.jpg);
    background-repeat: repeat-x;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	position: relative;
    z-index: 100;
}
.mastheadcontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}
.toplogo {
	float:left;
	margin: 10px 0;
}
.topcontactinfo {
	float:right;
	background-color:#cc3333;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	color:#fff;
	padding:5px 20px;
}
.topnavmobile {display:none;}
.topnav {
	float:right;
	margin: 20px 0;
}


/* TOP NAV STYLE */


.topnav ul {
	list-style-type: none;
}

.topnav li {
	height: 15px;
	float: left;
	margin-right: 0px;
	border-right: 1px solid #aaa;
	padding: 0 20px;
}

.topnav li:last-child {
	border-right: none;
	margin-right: 0;
    padding-right: 0;
}

.topnav li a {
	text-decoration: none;
	color: #000066;
	font: 14px/1 Lato, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
}

.topnav li a:hover {
	color: #000;
}

.topnav li.active a {
	font-weight: bold;
	color: #000;
}



.herowrap {
	width:100%;
	/*background-color: #5e829e;*/
	margin: 0 0 60px 0;
}
.sectionwrap {
	width:100%;
	margin:0 0 60px 0;
}
.sectioncontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}
	.sectionleft {
		float:left;
	}
	.sectionright {
		float:right;
	}
	.evenspace {
		display: flex;
    	justify-content:space-between;
	}

.fptestimonialright {
	float:right;
	margin: 80px 0 0 0;
}
.fptestimonialheader {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.fptestimonialtext {
    text-align: center;
    font-size: 22px;
    font-style: italic;
}
.moduleItemTitleBSWW {
    border: none !important;
    background-color: transparent !important;
    font-style: normal;
    font-size: 14px !important;
    font-weight: normal !important;
}
.newsletterwrap {
	width:100%;
	padding:40px 0;
	background-color: #e0e0e0;
}
.newslettercontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	text-align: center;
	display: flex;
    justify-content: center;
}
.newsletterleft {
	margin:0 10px 0 0;
	width:45%;
}
.newsletterright {
	margin:0 0 0 10px;
	width:25%;
	text-align: left;
}
img.newslettericon {
    float: left;
	margin: 0 10px 0 0;
}
.newsletterheader {
	text-align: left;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
	margin:0 0 4px 0;
}
.newslettersubhead {
    text-align: left;
}
	
	
.footerwrap {
	width:100%;
	background-color: #cbc8c8;
	padding:40px 0;
}
.footercontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto 80px auto;
	display: flex;
    justify-content: space-between;
}
.logoleft {
}
.contactinfo {
	margin: 25px 0 0 0 !important;
}
.contactinfo img {
    margin: 0 10px 0 0;
}
.contactheader {
    font-size: 18px;
    font-weight: bold;
}
.contactform {
	margin: 25px 0 0 0 !important;
}
.emailusheader {
    font-size: 18px;
    font-weight: bold;
	margin: 0 0 18px 0;
}
.copyright {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	text-align: center;
	font-size:12px;
	color:#666;
}
.copyright a:link, .copyright a:visited {
	color:#666;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}
.contentdiv {
	width:100%;
	max-width: 1200px;
	margin:70px auto;
}
ul.footercontactul {
    margin: 5px 0 40px 0 !important;
}
ul.footercontactul li {
    font-size: 15px;
	/*height: 19px;*/
    margin: 10px 0; /* not needed, just to add space between the li's */
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 35px; /* Offsets the text. Needs to be at least the width of your image */
    /* line-height: 20px;  Might have to play with this value a bit */
}
ul.footercontactul li a {
	padding: 0 !important;
    border: none !important;
    line-height:inherit !important;
    background-color: transparent !important;
    text-decoration: none !important; 
    font-size: inherit !important;
    font-weight: inherit !important;
}

.phoneicon {
	background: url('../images/phone_icon.png') no-repeat left center;
}
.mapicon {
	background: url('../images/map_icon.png') no-repeat left center;
}

.left45 {
	float:left;
	width:45%;
}
.right45 {
	float:right;
	width:45%;
}
	
}




/* ============================================================== TABLET LAYOUT STYLES */
/* ================================================================== WIDTH: 1 - 825px */
@media only screen and (min-width : 1px) and (max-width: 825px) {

	
h2 {
    line-height: 100%;
	text-align: center;
}
h3 {
    line-height: 100%;
	text-align: center;
}
	

	
.mastheadwrap {
    width: 100%;
    /*height: 80px;*/
    margin: 0;
    background-image: url(../images/masthead_bg.jpg);
    background-repeat: repeat;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
	position: relative;
    z-index: 100;
}
.mastheadcontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}
.toplogo {
	margin: 10px 0;
	text-align: center;
}
.toplogo img {
	width:90%;
	max-width:361px;
	margin:15px auto;
}
.topcontactinfo {
    background-color: #cc3333;
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
    color: #fff;
    padding: 5px 20px;
    width: 100%;
    text-align: center;
}
.topnavmobile {
	width:100%;
	text-align: center;
}
.topnav {
	display:none;
}


/* TOP NAV STYLE */


.topnav ul {
	list-style-type: none;
}

.topnav li {
	height: 15px;
	float: left;
	margin-right: 0px;
	border-right: 1px solid #aaa;
	padding: 0 20px;
}

.topnav li:last-child {
	border-right: none;
	margin-right: 0;
    padding-right: 0;
}

.topnav li a {
	text-decoration: none;
	color: #000066;
	font: 14px/1 Lato, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
}

.topnav li a:hover {
	color: #000;
}

.topnav li.active a {
	font-weight: bold;
	color: #000;
}



.herowrap {
	width:100%;
	/*background-color: #5e829e;*/
	margin: 0 0 60px 0;
}
.sectionwrap {
    width: 90%;
    margin: 0 auto 60px auto;
}
.sectioncontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}
	.sectionleft {
		float:left;
	}
	.sectionright {
		float:right;
	}
	.evenspace {
		/*display: flex;
    	justify-content:space-between;*/
		text-align: center;
	}

.evenspace img {
    height: 100%;
    width: 100%;
	max-width: 390px;
    margin: 10px auto;
    text-align: center;
}
	
.fiftyfive {
    width: 90%;
    margin: 0 auto;
	float: none !important;
}
	
img.responsive {
    width: 100%;
}
	

.fptestimonialright {
    /* float: right; */
    margin: 80px auto 0 auto;
    width: 90%;
}
.fptestimonialheader {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.fptestimonialtext {
    text-align: center;
    font-size: 22px;
    font-style: italic;
}
.moduleItemTitleBSWW {
    border: none !important;
    background-color: transparent !important;
    font-style: normal;
    font-size: 14px !important;
    font-weight: normal !important;
}
.newsletterwrap {
	width:100%;
	padding:40px 0;
	background-color: #e0e0e0;
}
.newslettercontainer {
	width:90%;
	max-width: 1200px;
	margin:0 auto;
	text-align: center;
	/*display: flex;*/
    justify-content: center;
}
.newsletterleft {
	margin:0 10px 15px 0;
	width:100%;
}
.newsletterright {
	margin:0 0 0 10px;
	width:100%;
	text-align: left;
}
img.newslettericon {
    float: left;
	margin: 0 10px 0 0;
}
.newsletterheader {
	text-align: left;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
	margin:0 0 4px 0;
}
.newslettersubhead {
    text-align: left;
}
	
	
.footerwrap {
	width:100%;
	background-color: #cbc8c8;
	padding:40px 0;
}
.footercontainer {
	width:100%;
	max-width: 1200px;
	margin:0 auto 80px auto;
	/*display: flex;
    justify-content: space-between;*/
}
.logoleft {
    width: 90%;
    margin: 0 auto;
	text-align: center;
}
.logoleft img {
    width: 90%;
    max-width: 361px;
    margin: 15px auto;
}
.contactinfo {
	margin: 25px auto 0 auto !important;
    max-width: 300px;
}
.contactinfo img {
    margin: 0 10px 0 0;
}
.contactheader {
    font-size: 18px;
    font-weight: bold;
}
.contactform {
	max-width: 300px;
    margin: 25px auto 0 auto !important;
}
.emailusheader {
    font-size: 18px;
    font-weight: bold;
	margin: 0 0 18px 0;
}
.copyright {
	width:90%;
	max-width: 1200px;
	margin:0 auto;
	text-align: center;
	font-size:12px;
	color:#666;
}
.copyright a:link, .copyright a:visited {
	color:#666;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}
.contentdiv {
	width:90%;
	max-width: 1200px;
	margin:70px auto;
}
ul.footercontactul {
    margin: 5px 0 40px 0 !important;
}
ul.footercontactul li {
    font-size: 15px;
	/*height: 19px;*/
    margin: 10px 0; /* not needed, just to add space between the li's */
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 35px; /* Offsets the text. Needs to be at least the width of your image */
    /* line-height: 20px;  Might have to play with this value a bit */
}
ul.footercontactul li a {
	padding: 0 !important;
    border: none !important;
    line-height:inherit !important;
    background-color: transparent !important;
    text-decoration: none !important; 
    font-size: inherit !important;
    font-weight: inherit !important;
}

.phoneicon {
	background: url('../images/phone_icon.png') no-repeat left center;
}
.mapicon {
	background: url('../images/map_icon.png') no-repeat left center;
}

.left45 {
	float:left;
	width:45%;
}
.right45 {
	float:right;
	width:45%;
}
	
	
	
	
div.itemContainer {
    margin: 0 auto;
    float: none !important;
    text-align: center;
    width: 100% !important;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


.topnav {
    margin: 20px auto;
    text-align: center;
}
.topnav ul {
    text-align: center;
}
.topnav li {
    height: 15px;
    /* float: left; */
    /* margin-right: 0px; */
    /* border-right: 1px solid #aaa; */
    /* padding: 0 20px; */
    /* text-align: center; */
    display: inline-block;
    margin: 0 10px;
}
	

	
	
.topnav li:last-child {
  border-right: none;
}

.topnav li a {
  text-decoration: none;
  color: #999;
  font: 15px/1 Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
}

.topnav li a:hover {
  color: #000;
}

.topnav li.active a {
  font-weight: bold;
  color: #000;
}



.herowrap {
	width:100%;
	background-color: #5e829e;
}




	
	
	
ul.footercontactul {
    margin: 5px 0 40px 0 !important;
}
ul.footercontactul li {
    font-size: 15px;
	/*height: 19px;*/
    margin: 10px 0; /* not needed, just to add space between the li's */
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 35px; /* Offsets the text. Needs to be at least the width of your image */
    /* line-height: 20px;  Might have to play with this value a bit */
}
ul.footercontactul li a {
	padding: 0 !important;
    border: none !important;
    line-height:inherit !important;
    background-color: transparent !important;
    text-decoration: none !important; 
    font-size: inherit !important;
    font-weight: inherit !important;
}

.phoneicon {
	background: url('../images/phone_icon.png') no-repeat left center;
}
.mapicon {
	background: url('../images/map_icon.png') no-repeat left center;
}
	
	
	
	
	
.left45 {
	float:none;
	width:100%;
}
.right45 {
	float:none;
	width:100%;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}  /* END OF MOBILE STYLES */












strong.formRequired {
    display: none !important;
}
.form-control {
    background-color: #f2f2f2 !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.form-group {
    margin-bottom: 0 !important;
}
.formResponsive .formHorizontal .formControls {
    margin: 0 !important;
}
.formResponsive .formHorizontal .formControlLabel {
    float: none !important;
    width: 0 !important;
    padding-top: 0 !important;
	text-align:inherit !important;
	margin:0 !important;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0 !important;
}




.staffcolumn {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

@media screen and (max-width: 650px) {
  .staffcolumn {
    width: 100%;
    display: block;
  }
}

.staffcard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.staffcontainer {
  padding: 0 16px;
}

.staffcontainer::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.stafftitle {
  color: grey;
}

.staffbutton {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.staffbutton:hover {
  background-color: #555;
}





.itemImageGallery h3 {
    display: none;
}


ul.sigProResponsive li.sigProThumb a.sigProLink {
    color: #eeeeee;
    background-color: #eeeeee;
    border: 6px solid #eeeeee;
    -webkit-transition: 200ms all ease-in;
    -moz-transition: 200ms all ease-in;
    transition: 200ms all ease-in;
}

ul.sigProResponsive li.sigProThumb a.sigProLink:hover {
    color: #cccccc;
    text-decoration: none;
    background-color: #cccccc;
    border: 6px solid #cccccc;
}

img {
  max-width: 100%;
}