/*
Theme Name: Euroimmun US
Author: time4design 
*/


/* --------------------------------------------------------------------------------------------------------------------- */
/*	CUSTOM CSS DESIGN ENGINE CREATED BY THE TEAM AT T4D
	TIME4DESIGN.COM  --  INFO@TIME4DESIGN.COM -- Smart Ideas -- Smart Choices  -- Business Success
	CALL 215.766.7885
	
	Last updated 7/25
	www.time4design.com
/* --------------------------------------------------------------------------------------------------------------------- */
	
	/*.su-accordion {font-weight:400;}*/



/* ---------------------------------------------------------------------- */
/*	Include Styles
/* ---------------------------------------------------------------------- */


.alignnone {transition: transform .2s;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0, 0, 0, 0.4);}
.button btn {border-radius:30px;}
.filter-item img  {transition: transform .2s;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);} 
#filter-buttons button{border-radius:30px;}

.em-pagination { background:#efefef;width:100%;padding: 30px 0 20px 0;margin 0 auto 0 auto;text-align:center}

.page-numbers {border:1px solid #73c054; background:#fff; color:#73c054; margin-right:4px;  text-align:center; text-decoration:none;padding:10px 15px 10px 15px;}
.page-numbers a:hover {color: #73c054; border: 0px solid #000000; outline: 0px solid #73c054;  text-decoration: none;background-color: #b4b4b4;}
.current {color:#ffffff; background:#73c054; border:1px solid #73c054; margin-right:4px; padding:10px 15px 10px 15px;}

@media only screen and (max-width: 479px) {
.em-pagination { font-size: 10px;font-family: "Hanken Grotesk", sans-serif; background:#efefef;width:100%;padding: 30px 0 20px 0;margin 0 auto 0 auto;text-align:center;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.em-pagination { font-size: 17px;background:#efefef;width:100%;padding: 30px 0 20px 0;margin 0 auto 0 auto;text-align:center;}
}

.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {border:1px solid #73c054; background:#fff; color:#73c054; margin-right:4px;  text-align:center; text-decoration:none;padding:10px 15px 10px 15px;}
.wp-paginate a:hover, .wp-paginate a:active {color: #73c054; border: 1px solid #000000; text-decoration: none;background-color: #b4b4b4;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#ffffff; background:#73c054; border:1px solid #73c054; margin-right:4px; padding:10px 15px 10px 15px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


ol.wp-paginate li {
	line-height: 3em;
  /*white-space: nowrap;*/
}


/* Theme: Modern Grey Buttons */
.wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
  background: #f8f8f8;
  border:1px solid #efecee;
  color: #000;
 padding:10px 15px 10px 15px;
}
  .wp-paginate.wpp-modern-grey a:hover {
    background: #eee;
  }
  .wp-paginate.wpp-modern-grey .current {
    opacity: .3;
  }


.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {border:1px solid #73c054; background:#fff; color:#73c054; margin-right:4px;  text-align:center; text-decoration:none;padding:10px 15px 10px 15px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #73c054;background:#73c054;  color: #ffffff;}
.wp-pagenavi span.current {border-color: #73c054;background:#73c054;  color: #ffffff;}

@media only screen and (max-width: 479px) {
.wp-pagenavi a, .wp-pagenavi span {border:1px solid #73c054; background:#fff; color:#73c054; margin-right:2px;  text-align:center; text-decoration:none;padding:6px 6px 6px 6px;font-size: 12px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wp-pagenavi a, .wp-pagenavi span {border:1px solid #73c054; background:#fff; color:#73c054; margin-right:2px; text-align:center; text-decoration:none;padding:6px 6px 6px 6px;font-size: 15px;}
}



/* ---------------------------------------------------------------------- */
/*	Start Custom CSS
/* ---------------------------------------------------------------------- */

	
	a {color: #73c054;text-decoration: none;}
	a:link {color: #73c054;text-decoration: none;}
    a:hover {color: #000000;text-decoration:none;}
	a:active {color: #73c054;text-decoration: none;}
	
	* {/*font-family: 'nexa_lightregular';*/font-family: "Hanken Grotesk", sans-serif;}
	
	::-moz-selection { background: #73c054; color: #ffffff; text-shadow: none; }
	::selection { background: #73c054; color: #ffffff; text-shadow: none; }
	
	
     h1 { font-size: 45px; font-weight:400;padding:0 0 0px 0px;margin:0;line-height:55px;}
	 h1.page-title  { font-size: 40px; font-weight:400;padding:0 0 0px 0px;margin:0;line-height:55px;}
	 h2 { font-size: 44px; font-weight:400;padding:0 0 0px 0px;margin:0;line-height:55px;}
	 h2.page-title { font-size: 40px; font-weight:400;padding:0 0 20px 0px;margin:0;line-height:55px;margin: 0 auto; text-align:center; }
	 h2.sub-title { font-size: 28px; font-weight:400;padding:0px 0 0px 0px;margin:0;line-height:45px; }
	 h3 { font-size: 33px; font-weight:400;padding:0px 0 0px 0px;margin:0;line-height:45px;}
	 h3.page-title { font-size: 25px; font-weight:400;padding:0px 0 0px 10px;margin:10px auto 20px auto;line-height:35px; text-align:center; }
	 h4 { font-size: 30px; font-weight:400;padding:0 0 0px 0px; margin:0;line-height:45px;}
	 h5 { font-size: 25px; font-weight:400;padding:0px 0 0px 0px;line-height:32px;}
	 h6 { font-size: 21px; font-weight:400;margin:0 0 0px 0;line-height:32px;}
	
	 .cta-contact { font-size: 25px; font-weight:400;padding:0px 0 0px 0px;line-height:32px;}
	 
    .circle { border: 1px solid #73c054;border-radius: 50%;display: inline-block;background-color:#ffffff; margin:0 auto 0 auto;text-align:center;padding:5px;position: relative;}
	/*.circle:hover {background-color:#fdefd3;}*/
	.circle img {border-radius: 50%; display: block;}
	
	.square { border: 1px solid #73c054; outline: 1px solid #ffffff; outline-offset: -5px;display: inline-block; margin:0 auto 0 auto;text-align:center;padding:10px;position: relative;}
	.square:hover {background-color:#454545;}
	.square img {display: block;}
	
	.pirate {}
    
	 /* Buttons */

	.button {  -webkit-border-radius: 2.5rem;border-radius: 2.5rem;-webkit-transition: 202ms;transition: 202ms;display: inline-block;margin:0; padding: 10px 20px 10px 20px;border:0px solid #ffffff;text-align: center;color: #ffffff; text-transform:uppercase;outline: none;font-size:20px; font-weight:400;text-decoration: none;margin:2px;vertical-align: middle;}
	.button:link {color: #ffffff; }
	.button:hover {color: #73c054; text-decoration: none;background-color: #ffffff;}

     @media only screen and (max-width: 479px) { .button { font-size:20px;}}
	 @media only screen and (min-width: 480px) and (max-width: 767px) { .button { font-size:20px;}}
	 @media all and (min-width: 600px) { .button { font-size:13px;} }
	 @media only screen and (min-width: 1010px) { .button { font-size:16px;}}
	 @media only screen and (min-width: 1240px) { .button { font-size:16px;}}
	 @media only screen and (min-width: 1920px) { .button { font-size:24px;}}
	
	.button {background-color: #73c054;border: 1px solid #73c054; outline: 1px solid #73c054; outline-offset: -5px;}
	.button:hover {color: #73c054; border: 1px solid #73c054; outline: 1px solid #73c054;  text-decoration: none;background-color: #ffffff;}
	
	.button-red {display: inline-block;margin:0; padding: 10px 20px 10px 20px;border:0px solid #73c054;text-align: center;color: #ffffff; text-transform:uppercase;outline: none;font-size:20px; font-weight:400;text-decoration: none;margin:2px;vertical-align: middle;}
	.button-red:link {color: #ffffff; }
	.button-red:hover {color: #ffffff; text-decoration: none;background-color: #73c054;}

     @media only screen and (max-width: 479px) { .button-red { font-size:20px;}}
	 @media only screen and (min-width: 480px) and (max-width: 767px) { .button-red { font-size:20px;}}
	 @media all and (min-width: 600px) { .button-red { font-size:13px;} }
	 @media only screen and (min-width: 1010px) { .button-red { font-size:16px;}}
	 @media only screen and (min-width: 1240px) { .button-red { font-size:16px;}}
	 @media only screen and (min-width: 1920px) { .button-red { font-size:24px;}}
	
	.button-red {background-color: #73c054;border: 1px solid #ffffff; outline: 1px solid #ffffff; outline-offset: -5px;}
	.button-red:hover {color: #73c054; border: 1px solid #73c054; outline: 1px solid #73c054;  text-decoration: none;background-color: #ffffff;}
	
	.menu-button {-webkit-border-radius: 2.5rem;border-radius: 2.5rem;-webkit-transition: 202ms;transition: 202ms;display: inline-block;margin:0; padding: 10px 20px 10px 20px;border:0px solid #ffffff;text-align: center;color: #ffffff; text-transform:uppercase;outline: none;font-size:14px; font-weight:500;text-decoration: none;margin:2px;vertical-align: middle;}
	.menu-button:link {color: #ffffff; }
	.menu-button:hover {color: #73c054; text-decoration: none;background-color: #ffffff;}
	.menu-button {background-color: #73c054;border: 1px solid #73c054; }
	.menu-button:hover {color: #73c054; border: 1px solid #73c054;  text-decoration: none;background-color: #ffffff;}

/*	GENERAL DEFAULTS
/* ---------------------------------------------------------------------- */

    #responsive-menu-pro-button {}

	.gde-link { display:none;}
	
    /* transitions */
	header,
	nav,
	a,
	img,
	li {
	transition: .8s all;
	-moz-transition: .8s all;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	
	}

	/* Scroll bar */
	body::-webkit-scrollbar {
    width: 1em;
	}
	 
	body::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	}
	 
	body::-webkit-scrollbar-thumb {
	  background-color: darkgrey;
	  outline: 1px solid slategrey;
	}


	p {color: #000000;}
	.textwidget p {padding:0;margin: 0;}
	

	 /* Box sizing. */
	 * {box-sizing:border-box;}
	 * { border:0; margin:0;padding:0;outline:none;}

	 /* Responsive images */
	 img{ max-width:100%; padding:0; margin:0;}

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
	
	.rightfloat {float:right; }
	.leftfloat {float:left;}
	
	.textright {text-align:right;}
	.textleft {text-align:left;}
	
	.nice {padding:0 25px 0 25px;} /* We need a little padding around content grid-1*/
		 
	.breaker {clear:both;}

    .centered { margin: 0 auto; text-align:center; }
	.right { margin: 0 auto; text-align:right; }
	
    .seperator {padding:0;margin: 30px 0 30px 0; width: 100%;background:none;clear:both;border: 1px solid #efefef;}
	.divider-line-grey {padding:0;margin: 0px 0 0px 0px;border-top: 1px solid #eeeeee;width:100%;clear:both;}
	.divider-line-white {padding:0;margin: 0px 0 0px 0px;border-top: 10px solid #ffffff;width:100%;clear:both;}
	
	.show { display:inherit;}
	.hide { display:none;}
	.spacer {clear:both;height:40px;}
	
	.callout {clear:both;background-color: #73c054; clear:both;margin: 1.5em 0px;padding: 1.5em 30px; color: #ffffff; }
	.callout p {color: #ffffff;}
	.callout a {color: #ffffff;}
	.callout a:link {color: #ffffff;text-decoration: none;}
    .callout a:hover {color: #ffffff;text-decoration:none;}
	.callout a:active {color: #ffffff;text-decoration: none;}

	.grid-1 blockquote {background: #f9f9f9;border-left: 20px solid #ccc; margin: 1.5em 10px;padding: 1.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
	.grid-1 blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}

	.grecaptcha-badge {display: none;}
	
	.social-off { display:inherit;}
	.search-toggle{display:none;}
	
	.upper {text-transform:uppercase;}

    .lighten {opacity: 0.7; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;filter: alpha(opacity=70); /* For IE8 and earlier */}
	.lighten:hover {opacity: 1.0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;filter: alpha(opacity=100); /* For IE8 and earlier */}
	
	 div.sticky {position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky; position: -o-sticky;position: sticky;top: 0;z-index:11;}
	 div.sticky-c {position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky; position: -o-sticky;position: sticky;top: 0;/*z-index:8;*/}

   /*	Color Codes
   /* ---------------------------------------------------------------------- */
   
	.white { color: #ffffff; padding:0;margin:0;}
	.black { color: #000000; padding:0;margin:0;}
	.grey { color: #efefef; padding:0;margin:0;}
	.red { color: #73c054; padding:0;margin:0;}
	.green { color: #73c054; padding:0;margin:0;}
	.yellow { color: #fdefd3; padding:0;margin:0;}
	.brown { color: #642e21; padding:0;margin:0;}

	.rev1-bg {
	  background-color: #efefef;
	  background-image: url('https://dev-euroimmun-us.pantheonsite.io/wp-content/uploads/2025/06/blob.png');
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  background-size: 45% auto;
	
	  /* Fix height issues */
	  min-height: 300px;
	  padding-bottom: 50px;
	
	  /* Add clearfix directly if needed */
	  display: block;
	}
	.rev1-bg::after {
	  content: "";
	  display: table;
	  clear: both;
	}




	.white-bg {  background-color: #ffffff; }
	.brown-bg {  background-color: #642e21; }
	.black-bg {  background-color: #000000; }
	.green-bg {  background-color: #73c054; }
	.yellow-bg {  background-color: #fdefd3; }
	.grey-bg {  background-color: #efefef;}
	.grey2-bg {  background-color: #b1b1b1;}
	.posts-bg {  border-left: 2px solid #efefef;border-top: 2px solid #efefef;transition: transform .2s;border-radius:20px;overflow:hidden;/*box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);*/}
	.dark-grey-bg {  background-color: #231f20;}
	.dark-grey-bg-divider {  background-color: #231f20; height:100px;}
	.light-grey-bg-divider {  background-color: #ffffff; height:20px;border-bottom: 3px solid #efefef;border-top: 3px solid #efefef;}
	.light-grey-bg-divider-sm {  background-color: #ffffff; border: 3px solid #efefef;}
	.light-grey-bg-right {  border-left: 3px solid #efefef;border-bottom: 3px solid #efefef;padding:20px 20px 30px 20px;}
	.red-bg {  background-color: #73c054; }
	.cover-bg {background-size: cover;}
	.search-result {background-color: #ffffff; border-radius: 25px 25px 25px 25px;padding:20px 20px 10px 20px;border: 1px solid #73c054;margin:20px 0 20px 0px; }
	
	.white-bg-widget {background-color: #ffffff; padding:20px;}
	.black-bg-widget {background-color: #000000; padding:20px 20px 10px 20px;}
	.black-bg-widget p {color: #ffffff;}
	.event-bg-widget {background-color: #ffffff; padding:20px 20px 10px 20px;margin:10px 0 0 0;}
	.event-bg-widget img {min-width:100%;}
	
    
	
   /*	Boxes
   /* ---------------------------------------------------------------------- */
   
	.profile-bg {.text-align: center;  margin:10px;padding:50px;background-color:#efefef; outline: 1px solid #4ec4cf; outline-offset: -10px;}
	
	.testimonials-box {padding:50px 50px 50px 50px;background-color:#efefef;text-align:center;font-size: 17px;line-height:35px;}
	.testimonials-box .position{ margin-top:-65px;text-align:center;}
	.testimonials-box p { color: #000000;font-size: 17px;}
	
    .tagline { display: table; text-align: center; padding:10px 15px 10px 15px;margin: 0px auto 0px auto; color: #ffffff; font-weight:400;font-size: 17px; background: rgba(103, 154, 255, 0.5); line-height:28px;letter-spacing: 0.0625em;}
	
	.links { padding:0px 10px 0px 0px;}
	
	.intro-box {padding:0px 25px 0px 25px;margin: 0px auto 0px auto;border-top: 0px solid #efefef; border-bottom: 0px solid #efefef;}
	.intro-box h3 { font-size: 32px; font-weight:400;padding:0px 0 0px 0px;margin:0;line-height:45px;}
	.intro-box h5 { font-size: 19px; font-weight:400;padding:0px 0 0px 0px;line-height:45px;}
	
	.crumbs {background-color: #ffffff;padding:0px 25px 20px 25px;margin: 0px auto -30px auto;border-top: 0px solid #efefef; border-bottom: 0px solid #efefef;}
	.crumbs p { }
	.crumbs a {color: #73c054;text-decoration: none;}
	.crumbs a:link {color: #73c054;text-decoration: none;}
    .crumbs a:hover {text-decoration:none;}
	.crumbs a:active {color: #73c054;text-decoration: none;}
	
	/*	 Alignments
	/* ---------------------------------------------------------------------- */

	.wp-caption {border: 0px solid #ddd;text-align: left;padding-top: 0px;margin: 0px;border-radius: 0px;width:100%;background: #f1f1f1;}
	.wp-caption img {margin: 0;padding: 0;padding-right: 0px;border: 0 none;width: 100%;}
	.wp-caption p.wp-caption-text {font-size: .80em;line-height: 25px;padding: 10px 5px 15px 5px;margin: 0;text-align:center;} 
	
	.alignright {float:right;clear:both;display: inline;margin: 0px 0 20px 20px; padding:0px; }
	.alignleft {display: inline;float: left;margin: 0px 20px 20px 0px;padding:0px;   }
	.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-top:35px;margin-bottom:35px;padding:0px; border: 0px solid #dad8d8; }
	img.aligncenter.size-large {min-width:100%;}
	img.aligncenter {min-width:100%;}
	
	/*	Lists
	/* ---------------------------------------------------------------------- */

	#top-list{list-style: none;padding:0 0 0 0;float:right;}
	#top-list li{display: inline;padding: 0 5px 0 5px;border-right: 1px solid #979797;}
	#top-list li:last-child{border-right: 0px solid #979797;}
	#top-list a {color:#000000;font-size:16px;text-decoration:none;padding: 0 5px 0 5px; font-weight:200;}
	#top-list a:hover {text-decoration:none;color:#73c054;}
	
	.page-styles ul {line-height: 1.9rem;padding: 0px 0 10px 20px;margin: 0 0 0 0;list-style: none;}
    .page-styles li {font-weight:400; list-style: disc; list-style-position: outside;margin: 0px 0px 10px 0px;}
	.page-styles ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
	.page-styles ul li ul li {margin: 0px 0 0px 30px;padding: 10px 0px 0px 0px;cursor: default;list-style: disc; }

    .page-styles ol {line-height: 1.9rem;padding: 0px 0 10px 20px;margin: 0 0 0 0;list-style: none;}
    .page-styles ol li {font-weight:400; list-style-type: decimal; list-style-position: outside;margin: 0px 0px 10px 0px;}
	.page-styles ol li ol {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
	.page-styles ol li ol li {margin: 0px 0 0px 30px;padding: 10px 0px 0px 0px;cursor: default;list-style-type: decimal; }
	
/*	.page-styles ul { padding: 0 0 10px 0;margin: 0 0 0 0;}
	.page-styles ul li:before {font-family: 'FontAwesome'; content: '\f111';margin:0 10px 0 0px;}
    .page-styles ul li {font-weight:400; margin: 0px 0px 10px 0px;padding: 0px 10px 0px 10px;cursor: default;list-style-type: none; line-height:28px;}
	.page-styles ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
	.page-styles ul li ul li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;list-style-type: none;}*/
	
	/*.page-styles ol { padding: 0px 0 10px 0;margin: 0 0 0 0;clear:both;list-style: none; counter-reset: li;list-style-position: outside;}
	.page-styles ol li::before {content: counter(li); width: 2em;list-style-position: outside;}
    .page-styles  ol li {counter-increment: li;list-style-position: outside;}
    .page-styles ol li {list-style-position: outside; font-weight:400; margin: 0px 0px 10px 40px;padding: 0px 0px 0px 0px;cursor: default; list-style: none;}
	.page-styles ol li ol {margin: 0px 0 10px 0px; padding: 0px 0px 0px 0px;}
	.page-styles ol li ol li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;}*/
	
	/*.page-styles img{ min-width:100%; padding:0; margin:0;}*/
		 
	 ul.social-ul {padding: 20px 0 0px 0;margin: 0px 0 0 0;clear:both; color:#000000;}
	 ul.social-ul li { margin: 0px 0 0px 0px; cursor: default;background-position: 0 0px;display:inline;list-style-type: none; padding: 5px;}
	 ul.social-ul li a {color:#000000;font-size:30px;}
	 ul.social-ul li :hover {color:#73c054; background:#73c054-webkit-transition: background 1s;
		   -moz-transition: background 1s;
			-ms-transition: background 1s;
			 -o-transition: background 1s;
				transition: background 1s;}
	 ul.social-ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
	 ul.social-ul li ul li {margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}
	 
	 ul.tag-ul {padding: 20px 0 0px 0;margin: 0px 0 0 0;clear:both; color:#000000;list-style-type: none; }
	  ul.tag-ul li:before {margin:0 10px 0 0px;list-style-type: none;content: '';}
	 ul.tag-ul li {  cursor: default;background-position: 0 0px;display:inline;list-style-type: none; background-color: #efefef;padding:10px 35px 10px 0px;margin:25px 5px 25px 0px;line-height:60px;}
	 ul.tag-ul li a {color:#000000;}
	 ul.tag-ul li :hover {color:#73c054; background:#73c054-webkit-transition: background 1s;
		   -moz-transition: background 1s;
			-ms-transition: background 1s;
			 -o-transition: background 1s;
				transition: background 1s;}
	 ul.tag-ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;list-style-type: none;}
	 ul.tag-ul li ul li {margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;list-style-type: none;}
	 
	 
	 .list-sub ul {margin:20px 0 0 0;list-style: none;}
     .list-sub ul li {-webkit-border-radius: 2.5rem;border-radius: 2.5rem;-webkit-transition: 202ms;transition: 202ms;list-style: none;text-decoration:none;text-align:left;color:#000000;width:100%;padding: 20px 20px 20px 20px;margin:10px 10 0 0;border-bottom: 1px solid #efefef; background-color:#ffffff;}
     .list-sub ul li:hover {text-decoration:none;background-color: #efefef;border-bottom: 1px solid #efefef;  }
	 .list-sub ul a:hover{text-decoration:none;color: #000000;  }
	 .page-styles .list-sub ul li:before {content: '';margin:0 0px 0 0px;}
	 .list-sub div ul a{display:block;height:100%;width:100%;text-decoration: none; } /* Makes clickable div*/
	 
	 .list-sub li.current_page_item ,
	 .list-sub li.current-menu-item ,
	 .list-sub li.current-menu-parent {color:#000000;background-color:#efefef;}
	 .list-sub a.current_page_item {color:#000000;background-color:efefef;}
	 .list-sub .current_page_item a {color:#000000;background-color:#efefef;}
	 .list-sub current_page_item {color:#000000;background-color:#efefef;}
      list-sub current_page_item ul a{display:block;height:100%;width:100%;text-decoration: none; } /* Makes clickable div*/
	  
     .list-sub li ul li {text-align:left;color:#000000;width:100%;font-size: 18px;padding: 10px 20px 10px 20px;margin:10px 0 0 0;} 
	 
	 
	/* 	 .list-sub div ul {margin:20px 0 0 0;list-style: none;}
     .list-sub div ul li {list-style: none;text-decoration:none;text-align:left;color:#000000;width:100%;padding: 20px 20px 20px 20px;margin:10px 10 0 0;border-bottom: 1px solid #3e3e3e; background-color:#ffffff;}
     .list-sub div ul li:hover {text-decoration:none;background-color: #efefef;border-bottom: 1px solid #73c054;  }
	 .list-sub div ul a:hover{text-decoration:none;color: #000000;  }
	 .page-styles .list-sub div ul li:before {content: '';margin:0 0px 0 0px;}
	 .list-sub div ul a{display:block;height:100%;width:100%;text-decoration: none; } /* Makes clickable div*/
	 
	/* .list-sub div li.current_page_item ,
	 .list-sub div li.current-menu-item ,
	 .list-sub div li.current-menu-parent {color:#000000;background-color:#d4d4d4;}
	 .list-sub div a.current_page_item {color:#000000;background-color:#d4d4d4;}
	 .list-sub div .current_page_item a {color:#000000;background-color:#d4d4d4;}
	 .list-sub div current_page_item {color:#000000;background-color:#d4d4d4;}
      list-sub div current_page_item ul a{display:block;height:100%;width:100%;text-decoration: none; } /* Makes clickable div*/
	  
     /*.list-sub div li ul li {text-align:left;color:#000000;width:100%;font-size: 18px;padding: 10px 20px 10px 20px;margin:10px 0 0 0;}*/
	

		ul.event-categories {color:#ffffff;}
		ul.event-categories ul {list-style-type: none;}
		ul.event-categories li {list-style-type: none;}
		ul.event-categories ul li {list-style-type: none;}
		ul.event-categories a{color:#ffffff;text-decoration: none; } /* Makes clickable div*/
	
	
	.pagination-holder {background-color: #ffffff;text-align:center; margin: 20px auto 20px auto;clear:both; padding:20px 0 0 0;}
	
	ul.pagin-numbers {list-style: none;margin: 0 auto;border: 0px solid #ddd;background-color: #f1f1f1;text-align:center;}
	
	.pagin-numbers:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
	
	ul.pagin-numbers li {display: block;float: left;margin: 0 2px 2px 0;text-align: center;}
	
	.pagin-numbers a,.pagin-numbers span {line-height: 1.6em;display: block;padding: 16px;line-height: 18px;font-size: 18px;text-decoration: none;font-weight: 400;cursor: pointer;border: 1px solid #ddd;color: #888;}
	
	.pagin-numbers a span { padding: 0 }
	
	.pagin-numbers a:hover,
	.pagin-numbers.current,
	.pagin-numbers.current:hover {color: #000;background: #f7f7f7;text-decoration: none;border: 1px solid #ddd;}
	
	.pagin-numbers:hover { text-decoration: none }


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

     body {background-color:#ffffff; width: 100%;height: 100%;margin: 0 auto;padding:0;}

	 header {padding:0;margin: 0px auto;height: 120px;background-color:#ffffff;border-bottom: 1px solid #e7e7e7;}
	
    .header-content {padding:10px 15px 0px 15px;margin: 0px auto;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}

    .top-nav {clear:both;padding:0 0px 0px 0px;margin: 0px auto;height: 45px;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}
	
	.stickme {position: fixed;display:block;z-index:90000000;}
	
	.fixed-header {position: fixed;top: 0;left: 0; width: 100%;}

	div#header-holder { margin: 0px auto 0px auto;width: 100%;padding: 0px 0 0px 0;background-color:#ffffff; border-bottom: 0px solid #000000}
	
	#menu-main-menu-container {z-index:99999999999999999999;}
	.wprmenu_bar, #menu_title  {z-index:99999999999999999999;}
	
	#logo-container {float:left; padding:0px 0 0px 0px; margin: 10px 10px 0px 10px;}
	

	/*	Homepage Subpage Sections Banners
	/* ---------------------------------------------------------------------- */
    

	.main-graphic {
    padding: 0 0 0 0;
    margin: 0 auto 0px auto;
    max-width: 100%;
    background-color: #ffffff;
    border-right: 0px solid #231f20;
    border-left: 0px solid #231f20;
    position: relative;
	}
	
	.main-graphic .banner-curve {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
    pointer-events: none;
}

	
	.main-graphic .banner-curve img {
		width: 100%;
		height: auto;
		display: block;
	}

	
	.frame {height: inherit;}
	.banner-content-wrap {height: inherit;}
	.banner {position: relative;background-size: cover;background-repeat: no-repeat;}
	.banner .frame {height: inherit;}
	.banner .banner-content-wrap {height: inherit;}
	.banner h1 {color: #000000;font-weight:400;padding:7% 80px 7% 80px;margin:0 0 0 0; font-size:3vw;}
	.banner-full {height: 500px;background-position: center left; border-bottom: 0px solid #f1f1f1;}
	.banner-full .second-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}
	.banner-full .content-overlay {top: 0;left: 0;width: 40%;height: 100%;background-color: rgba(178, 29, 41, 0.8);}
	.banner-full .content-overlay div {padding:50px 50px 50px 90px;}
	.banner-full .content-overlay h2 {color: #000000;font-weight:500;padding:0 0 0px 0;margin:30px 0 0 0;font-size:25px; line-height:28px;}
	.banner-full .content-overlay p {color: #000000;font-weight:400;padding:0 0 0px 0;margin:20px 0 0 0;font-size:18px; line-height:28px;}
	.banner-full .content-overlay a {color: #000000;}
	.banner-full .banner-content-wrap {position: relative;}
	.banner-full .banner-content {height: inherit;display: table;text-align: center;margin:0 auto 0 auto;position: relative;z-index: 2;}
	.banner-full .banner-content .banner-content-details {display: table-cell;vertical-align: bottom;text-align:center; padding:0 0px 0px 20px;}
	.surround {border-bottom: 3px solid #73c054;background-color: rgba(255, 255, 255, 0.7);}
	.banner-empty {background-color: #ffffff; height:inherit;border-bottom: 10px solid #f1f1f1;border-top: 3px solid #efefef;}
	.banner-curve {position: absolute;bottom: 0;left: 0;width: 100%;height: auto;z-index: 3;pointer-events: none;}
	.banner-curve img {width: 100%;height: auto;display: block;}

@media screen and (max-width: 768px) {
    .banner-full {
        height: 300px; /* Reduce height for small screens */
        background-position: center center;
    }

    .banner h1 {
        font-size: 6vw; /* Scale heading size more fluidly */
        padding: 10% 20px;
    }

    .banner-full .content-overlay {
        width: 100%;
        height: auto;
        padding: 20px;
        position: absolute;
        bottom: 0;
    }

    .banner-full .content-overlay h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .banner-full .content-overlay p {
        font-size: 16px;
        line-height: 24px;
    }

    .banner-full .banner-content .banner-content-details {
        padding: 0 10px;
    }

    .banner-curve {
        bottom: -1px; /* adjust as needed to avoid gap */
    }
}



	.slides { position: relative;background-size: cover;background-repeat: no-repeat; border-left: 0px solid #231f20;border-right: 0px solid #231f20; border-bottom: 15px solid #ffffff;}
	.slides .frame {height: inherit; }
	.slides .banner-content-wrap {height: inherit; }
	.slides h1 {font-weight:500;padding:0px 0 0px 0px;margin:0;}
	.slides h4 {font-weight:500;padding:0px 0 0px 0px;margin:0;}
    .slide-full {height: 400px;background-position: center left; }
	.slide-full:after {}
	.slide-full .second-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7); }
	.slide-full .banner-content-wrap {position: relative; }
	.slide-full .banner-content {height: inherit;margin:0 0 0 50%;text-align:right;position: relative;z-index: 2; }
	.slide-full .banner-content .banner-content-details {display: table-cell;vertical-align: middle;text-align:right; }
	.slide-curve {position: absolute;bottom: 0;left: 0;width: 100%;height: auto;z-index: 3;pointer-events: none;z-index:999999999999999999999;}
	.slide-curve img {width: 100%;height: auto;display: block;z-index:999999999999999999999;}



/*	WordPress Menu Design
	/* ---------------------------------------------------------------------- */	

	.menucontainer {clear:both;float:right; margin:0 0 0 0;padding:0 0 0 0;position: relative;top: 75%;transform: translateY(-75%);-webkit-transform: translateY(-75%);-ms-transform: translateY(-75%);z-index:999999999999999;} 

	#mainmenu { width:100%; clear:both; margin: 0 auto;}
	#mainmenu .menu-header, div.menu {}
	div.menu ul {margin: 0;padding: 0px 0px 0px 0;line-height: 100%; }
	#mainmenu .menu-header ul, {margin: 0;padding: 0px 0px 0px 0;line-height: 100%;}
	#mainmenu .menu-header li, div.menu li {margin: 0 0px 0 0px;padding: 0 0px 0px 0;float: left;position: relative;list-style: none;}
	
	#mainmenu a {font-size: 16px; color: #000000;text-decoration: none;display: block;height:30px;padding: 5px 20px 5px 20px;margin:0 0px 10px 0px;}
	#mainmenu ul li:last-child  { margin: 0px 0px 0px 0px; color: #f85259;color: #0f4b91!important;}
	/*#mainmenu ul li:last-child  a {  color: #ee4c53;color: #ee4c53!important;}
	#mainmenu ul li:last-child  a:link {  color: #ee4c53;color: #ee4c53!important;}
	#mainmenu ul li:last-child  a:hover {  color: #0f4b91;color: #0f4b91!important;}*/
	#mainmenu ul li:first-child  { margin: 0px 0px 0px -20px;}
	
	#mainmenu li:hover > a {color: #0f4b91;height:30px;}
	
	#mainmenu ul ul {display: none;position: absolute;top: 30px;left: -50px;float: left;z-index: 99999; -webkit-background-clip: padding-box;  background-clip: padding-box; border-bottom: 1px solid #eee;border-left: 1px solid #eee;  }
	
	#mainmenu ul ul li {min-width: 250px;text-transform:none;line-height: 20px;}
	
	#mainmenu ul ul li:last-child  { margin: 0px 0px 0px 0px;}
	#mainmenu ul ul li:first-child  { margin: 0px 0px 0px 0px;}

    #mainmenu ul ul li:first-child  { margin: 0px 0px 0px 0px;padding-top:20px;background-color:#ffffff;}
	#mainmenu ul ul:last-child  { margin: 0px 0px 0px 0px;background-color:#ffffff;}
	
	#mainmenu ul ul ul {left: 100%;top: 0px;}
	
	#mainmenu li ul {position:absolute;left:0;top:40px;z-index:1;max-height:0;overflow:hidden;
		-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
		-webkit-transform-origin:20% 0;
		-webkit-transition:350ms;
		-moz-transition:350ms;
		-o-transition:350ms;
		transition:350ms;}
	
	#mainmenu ul > li:hover ul {
		max-height:1000px;
		-webkit-transform:perspective(400) rotate3d(0,0,0,0);}
	
	#mainmenu ul ul a {background: rgba(255, 255, 255, 0.7); width: 100%;height: auto;float: left;font-size: 15px;color: #000000; margin:0;padding: 10px 20px 10px 20px;border:0;text-align:left;}
	
	#mainmenu ul ul :hover > a {border-bottom: 0px solid #fff;color: #fff;color: #fff!important;width: 100%;height: auto;padding: 10px 20px 10px 20px;background-position: 10% 50%;background-repeat: no-repeat;}
	
	#mainmenu ul li:hover > ul {display: block;}
	
	#mainmenu ul li.current_page_item > a,
	#mainmenu ul li.current-menu-item > a,
	#mainmenu ul li.current-menu-parent > a {height:30px;}
	
	
	/*onstate - perm*/
	#mainmenu ul ul li.current_page_item > a,
	#mainmenu ul ul li.current-menu-item > a,
	#mainmenu ul ul li.current-menu-parent > a {min-width: 200px;height: auto;background-position: 10% 50%;background-repeat: no-repeat; }
	
	
/*	T4D Custom Flex Box
/* ---------------------------------------------------------------------- */
   
	
		
/* Homepage Featured Boxes */
	
	
.featured-box {background-color:#efefef;transition: transform .2s;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);}
.featured-box h3 { font-size: 30px; font-weight:400;line-height:65px;text-transform: uppercase;}
.featured-box h4 { font-size: 26px; font-weight:400;line-height:35px;padding:10px 10px 0px 10px;}
.featured-box h6 { font-size: 18px; font-weight:400;}
.featured-box .content {padding:0px 5px 0px 5px;}
.featured-box .content p {line-height:10px;}
.featured-box img{ min-width:100%; }
.featured-box:hover {transform: scale(1.05);}




	.row-flex-three {
	margin: 0px auto; 
	max-width: 1920px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-ms-flex-wrap: wrap; 
	    flex-wrap: wrap;}
	
	
	.row-flex-three div {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0; 
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: column; 
	        flex-direction: column;
	text-align: center;  
	-webkit-box-pack: justify;  
	    -ms-flex-pack: justify;  
	        justify-content: space-between;
	        -ms-flex-preferred-size: 28.0%;
	        flex-basis: 33%;
	margin:10px;
	padding:0px;
	background-color:#ffffff; 
}

   .row-flex-three div.category-blog-highlight {
	float:left;
	position:absolute;
	padding: 7px 10px 7px 10px ;
	color: #ffffff;
	color: #ffffff!important;
	background: rgba(0, 0, 0, 0.6); 
	text-align: center;
	outline: none;
	font-weight:400;
	text-decoration: none;
	text-transform:uppercase;

  }
  
   .category-blog-highlight a{color: #ffffff;color: #ffffff!important;}
   .category-blog-highlight a:link {color: #ffffff;color: #ffffff!important;}
   .category-blog-highlight a:hover {color: #ffffff;color: #ffffff!important;}
   .category-blog-highlight a:active {color: #ffffff;color: #ffffff!important;}
	
	
	
/* News Boxes */
	
	
.row-flex-news {
	margin: 0 auto;
	max-width: 1920px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.row-flex-news div {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: left;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-preferred-size: 48%;
	    flex-basis: 48%;
	margin: 10px 1%;
	padding: 0;
	/* background-color: #ffffff; */
}

.row-flex-news div.category-blog-highlight {
	float: left;
	position: absolute;
	transform: translate(0%, 0%);
	padding: 10px 12px;
	color: #ffffff !important;
	background: rgba(0, 0, 0, 0.6);
	text-align: left;
	outline: none;
	font-weight: 500;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 10;
}

.row-flex-news h5 {
	font-size: 25px;
	font-weight: 400;
	padding: 0;
	line-height: 32px;
}

.row-flex-news div p.date {
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.row-flex-news div p {
	margin-bottom: 1.2em;
	line-height: 28px;
	font-weight: 400;
}

.row-flex-news img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.row-flex-news img:hover {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}




/* Homepage Events and Social Boxes */
				

	.flex-homepage-outer { margin: 0px auto; max-width: 1920px;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
		
		.fone {
			-webkit-box-flex: 0;
			-ms-flex: 0;flex: 0; 
			-webkit-box-orient: vertical;
			 -webkit-box-direction: normal;
			 -ms-flex-direction: column; 
			 flex-direction: column;
			 text-align: left;  
			 -webkit-box-pack: justify;  
			 -ms-flex-pack: justify;  
			 justify-content: space-between;
			 -ms-flex-preferred-size: 48%;
			 flex-basis: 50%;
			 margin:10px;

			 background-color:#efefef; }
			 
			 
			 		.flex-homepage-inner { margin: 0px auto; max-width: 1920px;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
					.flex-homepage-inner div {-webkit-box-flex: 0;-ms-flex: 0;flex: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;text-align: left;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;-ms-flex-preferred-size: 40%; flex-basis: 50%; background-color:#ffffff; padding:10px 10px 0px 10px; margin:0px 0px 0px 0px;}
	                .flex-homepage-inner div img{ min-width:100%; }
					.flex-homepage-inner div p{ margin-bottom:1.2em; line-height:28px;font-weight:400;text-align: center;}
					.flex-homepage-inner h5{font-size: 25px; font-weight:400;padding:0px 0 0px 0px;line-height:32px;text-align: center;}
					 
					 .flex-homepage-inner div.category-blog-highlight {
						float:left;
						position:absolute;
						padding: 7px 10px 7px 10px ;
						color: #ffffff;
						color: #ffffff!important;
						background: rgba(236, 48, 45, 0.6); 
						text-align: center;
						outline: none;
						font-weight:400;
						text-decoration: none;
						text-transform:uppercase;
					  }
					  
					   .category-blog-highlight a{color: #ffffff;color: #ffffff!important;}
					   .category-blog-highlight a:link {color: #ffffff;color: #ffffff!important;}
                       .category-blog-highlight a:hover {color: #ffffff;color: #ffffff!important;}
	                   .category-blog-highlight a:active {color: #ffffff;color: #ffffff!important;}
					
			 
			.ftwo {
			-webkit-box-flex: 0;
			-ms-flex: 0;flex: 0; 
			-webkit-box-orient: vertical;
			 -webkit-box-direction: normal;
			 -ms-flex-direction: column; 
			 flex-direction: column;
			 text-align: left;  
			 -webkit-box-pack: justify;  
			 -ms-flex-pack: justify;  
			 justify-content: space-between;
			 -ms-flex-preferred-size: 48%;
			 flex-basis: 50%;
			 margin:10px;
			 background-color:#efefef;}
	


/* Event Boxes */


	.row-flex-post {
	margin: 0px auto; 
	max-width: 1920px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-ms-flex-wrap: wrap; 
	    flex-wrap: wrap;
		background-color:#ffffff; }
	
			.row-flex-post div {
			-webkit-box-flex: 0;
				-ms-flex: 0;
					flex: 0; 
			-webkit-box-orient: vertical; 
			-webkit-box-direction: normal; 
				-ms-flex-direction: column; 
					flex-direction: column;
			text-align: left;  
			-webkit-box-pack: justify;  
				-ms-flex-pack: justify;  
					justify-content: space-between;
					-ms-flex-preferred-size: 28.0%;
					flex-basis: 25%;
			padding:1px;
			
		}
							
				 .row-flex-post div.category-blog-highlight {
					float:left;
					position:absolute;
					  transform: translate(-20%, 50%);
					padding: 10px 12px 10px 12px ;
					color: #ffffff;
					color: #ffffff!important;
					background: rgba(0, 0, 0, 0.6); 
					text-align: left;
					outline: none;
					font-weight:400;
					text-decoration: none;
					text-transform:uppercase;z-index: 10;
				  }
				  
				  .row-flex-post h5{font-size: 25px; font-weight:400;padding:0px 0 0px 0px;line-height:32px;}
				  .row-flex-post div p.date{font-size: 14px; font-weight:400;padding:0px 0 0px 0px;margin:0 0 0 0; }
				  .row-flex-post div p{ margin-bottom:1.2em; line-height:28px;font-weight:400;}
				  
				  .row-flex-post img {-webkit-transform: scale(1); transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
				 .row-flex-post img:hover {-webkit-transform: scale(1.1);transform: scale(1.02);}
	
	
/* Product Boxes */


	.row-flex-six {
	margin: 0px auto; 
	max-width: 1920px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-ms-flex-wrap: wrap; 
	    flex-wrap: wrap;
		/*background-color:#ffffff;*/ }
	
			.row-flex-six div {
			-webkit-box-flex: 0;
				-ms-flex: 0;
					flex: 0; 
			-webkit-box-orient: vertical; 
			-webkit-box-direction: normal; 
				-ms-flex-direction: column; 
					flex-direction: column;
			text-align: left;  
			-webkit-box-pack: justify;  
				-ms-flex-pack: justify;  
					justify-content: space-between;
					-ms-flex-preferred-size: 19.0%;
					flex-basis: 16%;
			padding:15px 15px 0px 15px;
			
		}		
		
				  .row-flex-six h5{font-size: 25px; font-weight:500;padding:0px 0 0px 0px;line-height:32px;}
				  .row-flex-six div p.date{font-size: 14px; font-weight:400;padding:0px 0 0px 0px;margin:0 0 0 0; }
				  .row-flex-six div p{ margin-bottom:1.2em; line-height:28px;font-weight:400;}
				  
				.row-flex-six img {-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:10px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);}

				 .row-flex-six img:hover {-webkit-transform: scale(1.1);transform: scale(1.02);}
				
			
/* Video Spotlight*/

.flex-video-outer { margin: 0px auto; max-width: 1920px;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:10px;}

		.video-one {
			-webkit-box-flex: 0;
			-ms-flex: 0;flex: 0; 
			-webkit-box-orient: vertical;
			 -webkit-box-direction: normal;
			 -ms-flex-direction: column; 
			 flex-direction: column;
			 text-align: left;  
			 -webkit-box-pack: justify;  
			 -ms-flex-pack: justify;  
			 justify-content: space-between;
			 -ms-flex-preferred-size: 48%;
			 flex-basis: 70%;
			 margin:0px;}
	 
			.video-two {
			-webkit-box-flex: 0;
			-ms-flex: 0;flex: 0; 
			-webkit-box-orient: vertical;
			 -webkit-box-direction: normal;
			 -ms-flex-direction: column; 
			 flex-direction: column;
			 text-align: left;  
			 -webkit-box-pack: justify;  
			 -ms-flex-pack: justify;  
			 justify-content: space-between;
			 -ms-flex-preferred-size: 48%;
			 flex-basis: 29%;
			 margin:0 0 0 10px;
			 background-color:#ffffff;}
			 
			 
			      .flex-video-outer .guide-image {
				  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
				  background-image: linear-gradient(rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 1.0));
				  /* Set a specific height */
				  height: 100%;
				  padding-top: 120%; /*This solves teh image sizing issue*/
				  /* Position and center the image to scale nicely on all screens */
				  background-position: center;
				  background-repeat: no-repeat;
				  background-size: cover;
				  position: relative;
		
				}
				
				
				.flex-video-outer div.guide-text {
				  text-align: left;
				  position: absolute;
				  top: 50%;
				  left: 50%;
				  transform: translate(-50%, -50%);
				  color: white;
				  padding:20px;
				  background: rgba(255, 255, 255, 1.0); /* Black background with 0.5 opacity */
				  font-family: "Hanken Grotesk", sans-serif; font-weight:400;
				  font-size: calc(50px + (45 - 50) * ((100vw - 300px) / (1240 - 300)));
				   
				}
				
				.flex-video-outer div.guide-text:hover{ background: rgba(255, 255, 255, 1.0); }
				
				
				.flex-video-outer div.guide-text-quote {
				  text-align: left;
				  position: absolute;
				  top: 50%;
				  left:50%;
				  transform: translate(-50%, -50%);
				   background: rgba(255, 255, 255, 1.0); /* Black background with 0.5 opacity */
				  color: #000;;
				  padding:5px;
				  font-family: "Hanken Grotesk", sans-serif; font-weight:400;
				  /*font-size: 22px;*/
				   font-size: calc(15px + (22 - 18) * ((100vw - 300px) / (1240 - 300)));
				  }

					

/* Homepage and Subpage Resources */


 .row-flex-portfolio { 
	margin: 0px auto 0 auto; 
	max-width: 1920px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-ms-flex-wrap: wrap; 
	    flex-wrap: wrap;
		background-color:#efefef; margin:10px; }
	
.row-flex-portfolio div {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0; 
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: column; 
	        flex-direction: column;
	text-align: center;  
	-webkit-box-pack: justify;  
	    -ms-flex-pack: justify;  
	        justify-content: space-between;
	-ms-flex-preferred-size: 23.3%;
	    flex-basis: 33.3%;
		margin:0px;
	    padding:10px 10px 10px 10px;
	background-color:#efefef; }
	
	
	
		 .row-flex-portfolio .guide-image {
		  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
		  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
		  /* Set a specific height */
		  height: 100%;
          padding-top: 80%; /*This solves teh image sizing issue*/
		  /* Position and center the image to scale nicely on all screens */
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: cover;
		  position: relative;

		}
		
		
		.row-flex-portfolio div.guide-text {
		  text-align: center;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  color: white;
		  padding:20px;
		  background: rgba(39, 158, 86, 0.6); /* Black background with 0.5 opacity */
		   /*font-weight:500;font-family: "Hanken Grotesk", sans-serif; font-size: 50px;*/
		   font-family: "Hanken Grotesk", sans-serif; font-weight:500;
		   font-size: calc(30px + (35 - 30) * ((100vw - 300px) / (1240 - 300)));
		   
		}
		
		.row-flex-portfolio div.guide-text:hover{ background: rgba(39, 158, 86, 0.9); }
		
		
		.row-flex-portfolio div.guide-text-quote {
		  text-align: center;
		  position: absolute;
		  top: 50%;
		  left:50%;
		  transform: translate(-50%, -50%);
		   background: rgba(236, 48, 45, 0.0); /* Black background with 0.5 opacity */
		  color: white;
		  padding:5px;
		  font-family: "Hanken Grotesk", sans-serif; font-weight:500;
		  /*font-size: 22px;*/
		   font-size: calc(16px + (22 - 18) * ((100vw - 300px) / (1240 - 300)));
		  }
		
		
	

	/* Providers Boxes */
   .row-flex-four { 
	margin: 0px auto; 
	max-width: 1280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-ms-flex-wrap: wrap; 
	    flex-wrap: wrap;}
	
	.row-flex-four div {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0; 
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: column; 
	        flex-direction: column;
	text-align: center;  
	-webkit-box-pack: justify;  
	    -ms-flex-pack: justify;  
	        justify-content: space-between;
	-ms-flex-preferred-size: 23.3%;
	    flex-basis: 23.3%;
	margin:10px;
	padding:50px;
	background-color:#efefef; 
	outline: 1px solid #4ec4cf; 
	outline-offset: -10px;}
	
	.row-flex-four h4 {line-height:35px;}
	.row-flex-four h6 {font-weight:400;line-height:35px; text-transform: uppercase;}
	
	
	/* Services Boxes */
	.row-flex-services {
	 margin: 0px auto;
	 max-width: 1280px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex; 
	 -ms-flex-wrap: wrap; 
	     flex-wrap: wrap;}
	
	.row-flex-services div {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0; 
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: column; 
	        flex-direction: column;
	text-align: center;  
	-webkit-box-pack: justify;  
	    -ms-flex-pack: justify;  
	        justify-content: space-between;
	-ms-flex-preferred-size: 23.3%;
	    flex-basis: 23.3%;
	margin:10px;
	padding:30px 10px 10px 10px;
	background-color:#ffffff; 
	outline: 1px solid #4ec4cf; 
	outline-offset: -10px;
	display:block;}
	
	
	.row-flex-services h5 {line-height:35px;}
	.row-flex-services h6 {line-height:35px; text-transform: uppercase;}
	.row-flex-services div:hover {background:#dedede;}

	/*Banners*/
	.row-flex-banner {margin: 20px auto;max-width: 1280px;display: flex; flex-wrap: wrap;}
	.row-flex-banner .col {flex: 1 1 270px;height:auto; flex-direction: column;text-align: center; justify-content: space-between;flex-basis: 50%;-ms-flex-preferred-size: 45.0%;padding:20px;}
    .row-flex-banner .col h2 {font-size: 38px; font-weight:400;padding:0 0 0px 0px;margin:0;line-height:55px;}
	
	/*Page Banners*/
	.row-flex-page-banner {margin: 20px auto;max-width: 1280px;display: flex; flex-wrap: wrap;}
	.row-flex-page-banner .col {flex: 1 1 400px;height:400px; flex-direction: column;text-align: left; justify-content: space-between;flex-basis: 50%;-ms-flex-preferred-size: 45.0%;padding:20px;}
	 


   /*	T4D Custom Responsive Grids
   /* ---------------------------------------------------------------------- */

   	.col-container {
		display: table; /* Make the container element behave like a table */
		width: 100%; /* Set full-width to expand the whole page */
	}

     
	 .grid-menu {clear:both; width: 100%; margin: 0px auto 0 auto;padding: 0 100px 0 100px;}
	 .grid-menu-left {float: left; width: 60%; margin:0 10px 0 10px;}
	 .grid-menu-right {float: right; width: 40%; margin:15px 10px 0 10px; text-align:right;padding:0 0 0 0;}
	 
	 
	 .grid-full-row {  clear:both; width: 100%; margin: 0px auto 0 auto;padding: 20px 0px 5px 0px;}
	 
     .grid-1 {  border: 0px solid #000000; margin: 0px auto 0px auto;  padding: 0px 10px 0px 10px; width: 100%;}
	 .grid-1 p {margin-bottom:1.1em; font-size: 17px;font-weight:400; line-height:32px;}
	 
	 .grid-1b {  border: 0px solid #000000; margin: 0px auto 0px auto;  padding: 0px 10px 0px 10px; width: 100%;}
	 .grid-1b p {margin-bottom:1.2em; font-size: 16px;font-weight:400; line-height:28px;}
	  
	
	 .grid-0 {float: left; border:0px solid #000; margin:20px 0 20px 0; width: 100%; border: 0px solid #000000; padding:0 0 0 0;}
	 .grid-0 p {margin-bottom:1.2em;}

     .grid-crumb {  border: 0px solid #000000; margin: 0px 0px 0px 0;  padding: 10px 0px 0px 40px; width: 100%;}
	 
	 .content-featured-banner { width:100%; height:auto; margin:0px 0px 0px 0px; padding:0 0 0 0px;}

	 .banner { padding: 0px 30px 0px 0px;}
	 
	 .grid-2 {float: left; width: 50%; margin:0 0 0 0;}
	 .grid-2 p {margin:0 0 0 0;padding: 0 0px 10px 0px;line-height:32px;font-size:17px;font-weight:400;}
	 
     .grid-3 { float: left; width: 20%; border: 0px solid #000000;padding:0px 10px 0 10px;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}
	 .grid-3 p {margin-top:1.1em;line-height:28px; font-size: 16px;font-weight:400;}
	  
	 .grid-4 {float: right; width: 65%;margin-top:20px;}
	 .grid-4 p {margin-bottom:1.2em; }

	 
	 .grid-5 {width: 35%; margin:0px 0 0 0px;border: 0px solid #9d9d9d;}
	 .grid-5 p {margin:0;padding: 0 0px 10px 0px;line-height:28px; font-size: 16px;font-weight:400;}
	 .grid-5 a {text-decoration: none;}
	 .grid-5 hover {text-decoration: none;}
	 .grid-5 img {min-width:100%;}

 	 .grid-6 { float: left; width: 25%; padding:20px; margin-top:20px; }
	 .grid-6 p {margin-bottom:1.2em; }
	 
	 .grid-6b { float: right; width: 25%; border: 0px solid #d5d5d5;margin:0 0 0 0px;}
	 .grid-6b p {margin-bottom:1.2em; line-height:32px;font-size: 17px;font-weight:400;}
	 
	 .grid-7 { float: left; width: 16%; border: 0px solid #d5d5d5;margin:0px 15px 10px 15px;}
	 .grid-7 p {margin-bottom:1.2em; line-height:24px;font-size: 17px;font-weight:400;}
	 
	 .grid-8 { float: left; width: 10%; border: 1px solid #d5d5d5;margin:10px 15px 10px 15px;}
	 .grid-8 p {margin-bottom:1.2em; line-height:24px;font-size: 17px;font-weight:400;}
	 
	 .grid-10 {  float: left; width: 20%; border: 0px solid #d5d5d5;margin:0 0 0 0px;}
	 .grid-11  {float: left; width: 80%; border: 0px solid #d5d5d5;padding:0 20px 0 20px;}
	 
	 .grid-top {float: left; width: 50%; margin:0px 0 0 0px;}
	 .grid-top p {line-height:24px;font-size: 16px;color:#000000;}
	 .grid-top a {color:#000000;font-size:16px;padding:5px;}
	 .grid-top a:hover {color:#73c054; background:#ffffff-webkit-transition: background 1s;
		   -moz-transition: background 1s;
			-ms-transition: background 1s;
			 -o-transition: background 1s;
				transition: background 1s;}
				
    .rfloat {float:right; }
	.lfloat {float:left;}
	
		

	/*	Footer
	/* ---------------------------------------------------------------------- */
	
	.footer  { clear:both; width: 100%; margin: 0px auto 0px auto; padding:0px 0 0px 0px;}
	.footer p { padding:0 0 0px 0px; margin: 0 0 0px 0px; color:#000000;line-height:28px;}
	.footer h5 {font-weight:400;color:#000000;padding:0 0 15px 0;}
	.footer a {color: #000000;text-decoration: none;}
	.footer .a:link {color: #000000;text-decoration: none;}
	.footer a:hover {color: #000000;}
	.footer a:active {color: #000000;text-decoration: none;}
	.footer li:before {content: '';}
			
	.time4design { clear:both;width:100%;background:#ffffff; }
	.time4design .finish {  color: #838383;text-align:center; margin: 0 auto;padding: 20px 0px 20px 0px;font-size:12px; font-weight:400;line-height:26px; }
	.time4design .finish a { text-decoration:none;color: #838383; }
	.time4design .finish p { text-decoration:none; color: #838383;}


	/*	Accordions
	/* ---------------------------------------------------------------------- */
		
	 .su-spoiler {background-color: #73c054;font-family: "Hanken Grotesk", sans-serif; font-weight:400; }
 	 .su-spoiler .su-spoiler-title { background-color: #73c054;color:#ffffff;font-size: 22px; font-weight:600; border-radius: 20px;}
 	 .su-spoiler .su-spoiler-title .su-spoiler-icon ()
  	 .su-spoiler .su-spoiler-style-fancy .su-spoiler-title .su-spoiler-icon {
 	   left: 3px;
  	  background-color: #73c054;
	  }
 	 .su-spoiler.jump-custom-spoiler .su-spoiler-content { background-color: #ffffff }
  
 

/*	 WordPress Contact Page Styles
/* ---------------------------------------------------------------------- */

    .input-block { float: left; margin: 0 0px 0px 0px;}
	
     div.wpcf7 {clear:both;margin:0px;padding: 0;width: 100%; box-sizing: border-box; }

	.wpcf7 input, .search-site input {-webkit-border-radius: 2.5rem;border-radius: 2.5rem;-webkit-transition: 202ms;transition: 202ms;display: block;margin: 10px 0 10px 0px;padding: 15px 0px 15px 15px;width:100%;color: #000000;background:#e8e8e8;border: 1px solid #979797;}
	
	.wpcf7 input:focus, .search-site input:focus { color: #000000;background:#ffffff;border: 1px solid #979797;}

	.wpcf7 textarea {-webkit-border-radius: 2.5rem;border-radius: 2.5rem;-webkit-transition: 202ms;transition: 202ms;display: block;margin: 10px 0 10px 0px;padding: 15px 0px 15px 15px;width: 100%;height: 150px;color: #000000;background:#e8e8e8;border: 1px solid #979797;}

	.wpcf7 select {-webkit-border-radius: 2.5rem;border-radius: 2.5rem;-webkit-transition: 202ms;transition: 202ms;display: block;margin:0 0px 10px 0px;padding: 15px 0px 15px 15px;width: 100%;color: #000000;background:#e8e8e8;border: 1px solid #979797;}

	.wpcf7 textarea:focus {color: #000000;background:#ffffff;border: 1px solid #979797;}
		
	.wpcf7 p {margin: 10px 0 20px 0;}

	.wpcf7-not-valid-tip { }

	 submit{width:50%;margin:20px 0 20px 0;padding: 30px;color: #ffffff;color: #ffffff !important;background:#73c054; background:#73c054 !important;border: 3px solid #ffffff;text-align: center;outline: none;text-decoration: none;text-transform:uppercase;vertical-align: middle;}

	.wpcf7-submit { width:50%; margin:20px 0 20px 0;padding: 30px;color: #ffffff;color: #ffffff !important;background:#73c054;background:#73c054 !important;border: 3px solid #ffffff;text-align: center;outline: none;text-decoration: none;text-transform:uppercase;vertical-align: middle;}
	
	.wpcf7-submit:hover, .wpcf7-submit:active { background-color: #ffffff;color: #000000; color: #000000!important;text-decoration: none;background:#ffffff !important;}

	.wpcf7 .wpcf7-validation-errors{border:none;background-color:#979797;margin:0;padding:10px;color:#ffffff;width:100%;text-align:center;}

	.wpcf7 .wpcf7-mail-sent-ok{border:none;background-color:#979797;color:#ffffff;margin:0;padding:10px;width:100%;text-align:center;}


	/*	MISC
	/* ---------------------------------------------------------------------- */

	.trackable_sharing { padding:20px 0 0 0; }
	.lof-navigator-wrapper { position: absolute;border: 0px solid #000000;margin-bottom:4px;} 
	img#wpstats { display: none; } 
	


	/*	RESPONSIVE MEDIA QUERIES
	/* ---------------------------------------------------------------------- */


/* Mobile Portrait Size  */
@media only screen and (max-width: 479px) {
	
	 button#responsive-menu-pro-button {top: 130px;}


	/*	GENERAL DEFAULTS
	/* ---------------------------------------------------------------------- */

	 .tagline {display:none;}
	 .cover-bg {background-image:none; background-image:none!important; background:#ffffff;}
	 .subpage-box {margin-top:-10px;padding:10px 10px 10px 10px;}
	 .crumbs {font-size:12px;}
	 
	 .intro-box h3 { font-size: 25px; line-height:45px;}
	 .intro-box h5 { font-size: 15px; line-height:29px;}

 	  h2.page-title { font-size: 27px;}
	  
		
	/*	Header 
	/* ---------------------------------------------------------------------- */
		  
	 .stickme {position:inherit;}
	 .pirate {position: -webkit-relative; position:relative; position:relative !important; }/*margin-top:-30px;*/

	 .callout-quote {text-align:center;}
		 
	 /*	Sections
	 /* ---------------------------------------------------------------------- */
		 
	  	.banner h1 { padding:10% 80px 10% 100px;font-size:5vw;border-bottom: 5px solid #efefef;}
	  .banner-full {background-color:  rgba(255, 255, 255, 1.0); background-image: none !important; height: auto; }

	  .banner-full .banner-content {}
	  .banner-full .banner-content .banner-content-details {text-align:center;}
	  .banner-full .second-overlay {background-color:  rgba(0, 0, 0, 1.0); }
	  .banner-full .second-overlay:after {display: none; }
	  .surround {background-color: rgba(255, 255, 255, 0.5); }
	  
	  .banner-full .content-overlay {width: 100%;  border-left: 20px solid #231f20;border-right: 20px solid #231f20; margin-left:15px;background-color: rgba(178, 29, 41, 1.0);}
	  .banner-full .content-overlay div {padding:10px 50px 50px 50px;}
	  .banner-full .content-overlay h2 {margin:10px 0 0 0;font-size:16px; line-height:28px;}
	  .banner-full .content-overlay p{margin:20px 0 0 0;font-size:15px; line-height:28px;}
	  
	  .slides {  border-left: 0px solid #231f20;border-right: 0px solid #231f20; }
	  .dark-grey-bg-divider {height:20px;}
	  .slides h1 { font-size: 25px; padding:25px 20px 0px 20px;}
	  .slides h4 { font-size: 18px; padding:0 20px 0 20px;}
	    .slide-full {height: auto; } /* .slide-full {height: 350px;  }*/
      .slide-full .banner-content {width: 100%;padding: 0px 15% 0px 15%;  margin:0 0 0 0;background-color: rgba(255, 255, 255, 0.1);}
	  .slide-full .banner-content .banner-content-details {vertical-align: middle;text-align:center;}
	  .slide-full .second-overlay {width: 100%; }
	  .slide-full .second-overlay:after {display:none;} 
	  .slide-full:after {border-width: 0px 0 400px 300px;}


    /*	Menu Design
    /* ---------------------------------------------------------------------- */
	
	 .menucontainer {display:none;}
	 .secondmenu {display:none;}

     .top-nav {height: 90px;}
     #top-list{padding:15px 0 0 0;float:none;text-align:center;}
	 #top-list li{padding: 0 5px 0 5px; display:inline-table;}
	 #top-list li:first-child{border-right: 1px solid #979797;}
	 #top-list a {font-size:13px;}
	 
	 header {padding:0;margin: 0px auto;height: 70px;background-color:#ffffff;}
		 
	 #logo-container {float:left; width:60%; padding:0px 0 0px 0px; margin: 20px 10px 0px 10px;}

    /*	Slides Design
    /* ---------------------------------------------------------------------- */

	  .alignright {margin: 0px 0px 0px 0px;clear:both;}
	  /*.alignright img {width:100%;}*/

    /*	Grids
    /* ---------------------------------------------------------------------- */
	   
	    .grid-menu {display:none;}
		
		.grid-0 { width: 100%;padding:20px;border-radius: 0px 0px 0 0px;}
		.grid-1 { max-width:100%; padding:0 10px 0 10px; border: 0px solid #000000; margin:0;}
        .grid-1 p {font-size:17px;}
		.grid-1b { max-width:98%; border: 0px solid #000000; margin:0;padding:0;}
	    .grid-1-banner { width:100%; height:auto; margin:2px 0px 2px 0px; padding:20px 10px 20px 10px;}	
	    .grid-2 {width: 100%;}
		.grid-3 {width: 100%; margin:0px 0 0 0;border: 0px solid #9d9d9d;padding:20px 10px 20px 10px;}
   	    .grid-4 {width: 100%;padding:20px;border-radius: 0px 0px 0 0px;}
		.grid-5 {width: 100%; border: 0px solid #000000;padding:15px;}
	    .grid-6 {width: 100%; padding:0px;}
		.grid-6b {width: 100%; border: 0px solid #000000;text-align:center;}
		 .grid-7 {width: 100%; margin:0px 0px 20px 0px; border: 0px solid #000000;}
	    .grid-8 {width: 100%; margin:10px 0px 10px 0px; }
  		.grid-10 {float: left; width: 100%; }
	    .grid-11  {float: left; width: 100%; }
		.grid-top {width: 100%;}
   	    .response{display:none;}
		.nice {display:inherit;}
	
	    .rfloat {float:none; text-align:center;display:none}
        .lfloat {float:none;text-align:center;}
	
	 	  
	     
	 /*	Footer
     /* ---------------------------------------------------------------------- */
		 .time4design {padding:0px 20px 0px 20px;}
		 .time4design .finish p { text-align:center; line-height:28px;}
		 
     /* Flex
     /* ---------------------------------------------------------------------- */
   
	     
         .row-flex-four div {flex-basis: 100%; -ms-flex-preferred-size: 100%;}
		 .row-flex-services div {flex-basis: 100%;  -ms-flex-preferred-size: 100%;}
		 .row-flex-banner .col {flex-basis: 100%;}
		 
		 .row-flex-three-locations .col {flex-basis: 100%;}
		 
		 .row-flex-three div {flex-basis: 100%;  }
		.featured-box h3 { font-size: 22px;}
	  	.featured-box h4 { font-size: 26px;}
	
		.row-flex-three .position {margin-top:0px;}
		
		
		 .row-flex-news div {flex-basis: 100%;  }
		 .row-flex-news .position {margin-top:0px;}
		 
		
		.fone {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
		.flex-homepage-inner div {flex-basis: 100%; -ms-flex-preferred-size: 100%;}
		.ftwo {-ms-flex-preferred-size: 100%;flex-basis: 100%;}	
		
		.row-flex-portfolio div {-ms-flex-preferred-size: 100%;flex-basis: 100%;}	
	    .row-flex-post div {flex-basis: 100.0%; -ms-flex-preferred-size: 100.0%; }	
		.row-flex-post div img {min-width:100%; }  
		
		.row-flex-six div { flex-basis: 100%; -ms-flex-preferred-size: 100%; }
	    .row-flex-six div img {min-width:100%; }
	 
	    .video-one {-ms-flex-preferred-size: 70%;flex-basis: 100%;}
	    .video-two {-ms-flex-preferred-size: 29%;flex-basis: 100%; margin:10px 0 0 0px; }
	    .flex-video-outer .guide-image {height: 100%;padding-top: 50%;}
}



/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	/*	GENERAL DEFAULTS
	/* ---------------------------------------------------------------------- */
	
	   .cover-bg {background-image:none; background-image:none!important; background:#ffffff;}	
	   .subpage-box {margin-top:-10px;padding:10px 10px 10px 10px;}
	   .tagline {display:none;}
	   .crumbs {font-size:15px;}
	   
	  .intro-box h3 { font-size: 25px; line-height:45px;}
	  .intro-box h5 { font-size: 17px; line-height:29px;}

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


      .header-content {padding:10px 15px 0px 15px;border:0px solid #c3c3c3;}

	  .stickme {position:inherit;}
	  .pirate {position: -webkit-relative; position:relative; position:relative !important;}/* margin-top:-30px;*/
	  
	  .callout-quote {text-align:center;}
	  
	  
	  /*	Sections
	  /* ---------------------------------------------------------------------- */

	  .banner h1 { padding:10% 80px 10% 100px;font-size:5vw;border-bottom: 5px solid #efefef;}
	  .banner-full {background-color:  rgba(255, 255, 255, 1.0); background-image: none !important; height: auto; }
	
	  .banner-full .banner-content {}
	  .banner-full .banner-content .banner-content-details {text-align:center;}
	  .banner-full .second-overlay {background-color:  rgba(0, 0, 0, 1.0); }
	  .banner-full .second-overlay:after {display: none; }
	  .surround {background-color: rgba(236, 28, 45, 0.0); }
	  
	  .banner-full .content-overlay {width: 100%;  border-left: 20px solid #231f20;border-right: 20px solid #231f20; margin-left:15px;background-color: rgba(178, 29, 41, 1.0);}
	  .banner-full .content-overlay div {padding:10px 50px 50px 50px;}
	  .banner-full .content-overlay h2 {margin:10px 0 0 0;font-size:16px; line-height:28px;}
	  .banner-full .content-overlay p{margin:20px 0 0 0;font-size:15px; line-height:28px;}
	  
	
	  .slides {  border-left: 0px solid #231f20;border-right: 0px solid #231f20; }
	  .dark-grey-bg-divider {height:20px;}
	  .slides h1 { font-size: 25px; padding:25px 20px 0px 20px;}
	  .slides h4 { font-size: 18px; padding:0 20px 0 20px;}
	    .slide-full {height: auto; } /* .slide-full {height: 350px;  }*/
      .slide-full .banner-content {width: 100%;padding: 0px 15% 0px 15%;  margin:0 0 0 0;background-color: rgba(255, 255, 255, 0.1);}
	  .slide-full .banner-content .banner-content-details {vertical-align: middle;text-align:center;}
	  .slide-full .second-overlay {width: 100%; }
	  .slide-full .second-overlay:after {display:none;} 
	  .slide-full:after {border-width: 0px 0 400px 300px;}
	 

    /*	Menu Design
    /* ---------------------------------------------------------------------- */
	
	  .menucontainer {display:none;}
	  .secondmenu {display:none;}

     .top-nav {height: 90px;}
     #top-list{padding:15px 0 0 0;float:none;text-align:center;}
	 #top-list li{padding: 0 5px 0 5px; display:inline-table;}
	 #top-list li:first-child{border-right: 1px solid #979797;}
	 #top-list a {font-size:13px;}


     header {padding:0;margin: 0px auto;height: 70px;background-color:#ffffff;}
		 
	 #logo-container {float:left; width:70%; padding:0px 0 0px 0px; margin: 20px 10px 0px 10px;}
	 
    /*	Grids
    /* ---------------------------------------------------------------------- */
		
		 .grid-menu {display:none;}
		 
	     .grid-0 { width: 100%;padding:20px;border-radius: 0px 0px 0 0px;}
		 .grid-1 { max-width:100%; border: 0px solid #000000;}
		 .grid-1b { max-width:98%; border: 0px solid #000000;}
	     .grid-1-banner { width:100%; height:auto; margin:2px 0px 2px 0px; padding:20px 10px 20px 10px;}	 
		 .grid-2 {width: 100%;}
	     .grid-3 {width: 100%;padding:20px 10px 20px 10px;}
		 .grid-3 img{ min-width:100%; padding:0; margin:0}	 	 
      	  .grid-4 {width: 100%;padding:20px;border-radius: 0px 0px 0 0px;}
		 .grid-5 {width: 100%; border: 0px solid #000000;padding:15px;}
	     .grid-6 {width: 100%; padding:0px;}
		 .grid-6b {width: 100%; border: 0px solid #000000;text-align:center;}
		  .grid-7 {width: 100%; margin:0px 0px 20px 0px; border: 0px solid #000000;}
		 .grid-8 {width: 45%; margin:10px 10px 10px 10px; }
		 .grid-10 {  float: left; width: 40%; }
	     .grid-11  {float: left; width: 60%; }
 		 .grid-top {width: 100%;}
		 .response{display:none;}
		 .nice {display:inherit;}
		 .rfloat {float:none; text-align:center;display:none}
         .lfloat {float:none;text-align:center;}
		 
		      
		
	 
	/*	Footer
    /* ---------------------------------------------------------------------- */	
 
		 .time4design {padding:0px 20px 0px 20px;}
		 .time4design .finish p { text-align:center;}
		  
	/* Flex
     /* ---------------------------------------------------------------------- */
   
	     .row-flex-four div {flex-basis: 100%; -ms-flex-preferred-size: 100%;}
		 .row-flex-services div {flex-basis: 100%;  -ms-flex-preferred-size: 100%;}
	     .row-flex-banner .col {flex-basis: 100%;}
		 
	   
		 .row-flex-three-locations .col {flex-basis: 50%;}
	     .row-flex-three-news .col {flex-basis: 100%;}
		 
		 .row-flex-three div {flex-basis: 100%;  }
		.featured-box h3 { font-size: 22px;}
	  	.featured-box h4 { font-size: 26px;}
	
		.row-flex-three .position {margin-top:0px;}
		
		.row-flex-news div {flex-basis: 100%;  }
		.row-flex-news img {min-width: 100%;  }
		.row-flex-news .position {margin-top:0px;}
		
		
		.fone {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
		.flex-homepage-inner div {flex-basis: 100%; -ms-flex-preferred-size: 100%;}
		.ftwo {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
		
		 .row-flex-portfolio div {-ms-flex-preferred-size: 100%;flex-basis: 100%;}	
		 .row-flex-post div {flex-basis: 50.0%; -ms-flex-preferred-size: 45.5%; }
		 .row-flex-post div img {min-width:100%; }
		 
		 .row-flex-six div { flex-basis: 50.0%; -ms-flex-preferred-size: 47.3%; }
	    .row-flex-six div img {min-width:100%; }
		 
		 .video-one {-ms-flex-preferred-size: 70%;flex-basis: 100%;}
		.video-two {-ms-flex-preferred-size: 29%;flex-basis: 100%; margin:10px 0 0 0px; }
		.flex-video-outer .guide-image {height: 100%;padding-top: 50%;}
		
}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1010px) {
	

	/*	Header 
	/* ---------------------------------------------------------------------- */
	
	  .subppage-design {background-size:800px auto}
		
	  .stickme {position:inherit;}
	  .top-nav {clear:both;padding:0 0px 0px 0px;margin: 0px auto;}
	  
	  .pirate {position: -webkit-relative; position:relative; position:relative !important; }/*margin-top:-30px;*/
	  
	  .crumbs {}
	  
	  .intro-box h3 { font-size: 30px; }
	  .intro-box h5 { font-size: 20px;}
	  
	  
	   /*	Sections
	   /* ---------------------------------------------------------------------- */

	  .banner h1 {padding:10% 80px 10% 80px;font-size:5vw;} 
	  .banner-full {height: 300px; }
      .banner-full .banner-content {}
	  .banner-full .banner-content .banner-content-details {text-align:center;}
	  .banner-full .second-overlay {width: 100%; }
	  .banner-full .second-overlay:after {display:none;} 
	  .banner-full:after {border-width: 0px 0 400px 300px;}
	  
	  .banner-full .content-overlay {width: 60%; }
	  .banner-full .content-overlay div {padding:10px 50px 50px 50px;}
	  .banner-full .content-overlay h2 {margin:10px 0 0 0;font-size:16px; line-height:28px;}
	  .banner-full .content-overlay p{margin:20px 0 0 0;font-size:15px; line-height:28px;}
	  

	  .slides {  border-left: 0px solid #231f20;border-right: 0px solid #231f20; }
	  .dark-grey-bg-divider {height:20px;}
	  .slides h1 { font-size: 30px; padding:25px 20px 0px 20px;}
	  .slides h4 { font-size: 20px; padding:0 20px 0 20px;}
	  .slide-full {height: auto; } /* .slide-full {height: 350px;  }*/
      .slide-full .banner-content {width: 100%;padding: 0px 0 0px 0;  margin:0 0 0 30%;background-color: rgba(255, 255, 255, 0.1);}
	  .slide-full .banner-content .banner-content-details {vertical-align: middle;text-align:right;}
	  .slide-full .second-overlay {width: 100%; }
	  .slide-full .second-overlay:after {display:none;} 
	  .slide-full:after {border-width: 0px 0 400px 300px;}

	  

    /*	Menu Design
    /* ---------------------------------------------------------------------- */
	
	  .menucontainer {display:none;}
	  
	   header {padding:0;margin: 0px auto;height: 70px;background-color:#ffffff;}
	  

    /*	Grids
    /* ---------------------------------------------------------------------- */

	 .grid-menu {display:none;}
	 
	
     .grid-0 { width: 100%; padding:20px;border-radius: 0px 0px 0 0px;}
	 .grid-1 { max-width:100%; border: 0px solid #000000;}
	 .grid-1b { max-width:98%; border: 0px solid #000000;}
	 .grid-2 {width: 100%;}
	 .grid-3 {width: 33%;}
	 .grid-3 img{ min-width:100%;}
	 .grid-4 {width: 100%;padding:20px;border-radius: 0px 0px 0 0px;}
	 .grid-5 {width: 30%; border: 0px solid #000000;padding:15px;}
	 .grid-6 {width: 100%; padding:0px;}
	 .grid-6 .portrait img{ max-width:100%; padding:0; margin:0}
	 .grid-6b {width: 100%; border: 0px solid #000000;padding:0px;text-align:center;}
	 .grid-7 {width: 100%; margin:0px 0px 20px 0px; border: 0px solid #000000;}
	 .grid-7 img {max-width: 50%; }
	 .grid-8 {width: 22%; margin:10px 10px 10px 10px; }	 
	 .grid-10 {  float: left; width: 20%; }
	 .grid-11  {float: left; width: 80%; }
	 .grid-top {width: 50%;}
	 .response{display:none;}
	 .nice {display:inherit;}
	
	 /*	Footer
     /* ---------------------------------------------------------------------- */
	  	
	 .time4design {padding:0px 20px 0px 20px;}
	 .time4design .finish p { text-align:center;}
	 
	 /* Flex
     /* ---------------------------------------------------------------------- */
   
	.row-flex-four div {flex-basis: 47.3%;-ms-flex-preferred-size: 33.0%;}
	.row-flex-services div {flex-basis: 47.3%;  -ms-flex-preferred-size: 44%;}
	.row-flex-banner .col {flex-basis: 100%;}
	
	.row-flex-three div {flex-basis: 100%;}
	.row-flex-three {max-width: 80%;} /* Makes the features a little tidier*/
	.row-flex-three .position {margin-top:0px;}
	.featured-box h3 { font-size: 30px;}
	.featured-box h4 { font-size: 26px;}
	
	.row-flex-news div {flex-basis: 47.0%; -ms-flex-preferred-size: 47.0%; }
	.row-flex-news .position {margin-top:0px;}
	 .row-flex-news h5{line-height:28px;}
	
	.fone {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
	.flex-homepage-inner div {flex-basis: 50%; -ms-flex-preferred-size: 47.0%;}	
	.ftwo {-ms-flex-preferred-size: 100%;flex-basis: 100%;}

    .row-flex-portfolio div {flex-basis: 50.0%; -ms-flex-preferred-size: 47.0%; }	
	.row-flex-post div {flex-basis: 50.0%; -ms-flex-preferred-size: 47.0%; }
	
	.row-flex-six div { flex-basis: 33.3%; -ms-flex-preferred-size: 31.9%; }
		.row-flex-six div img {min-width:100%;} /*temp*/
	 
	 .video-one {-ms-flex-preferred-size: 70%;flex-basis: 100%;}
	.video-two {-ms-flex-preferred-size: 29%;flex-basis: 100%; margin:10px 0 0 0px; }
	.flex-video-outer .guide-image {height: 100%;padding-top: 20%;}
		
} 

/*
DESKTOP
*/

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


	/*	Header 
	/* ---------------------------------------------------------------------- */
		
     .pirate {position: -webkit-sticky; position: sticky; top: 4rem;}
	 
   	 header {max-width:1000px;}
	
	.stickme {position:inherit;}
	
    .top-nav {clear:both;padding:0 0px 0px 0px;margin: 0px auto;}
	

	/*	Sections
    /* ---------------------------------------------------------------------- */
	
	.banner-full {height: 300px; }
    
	 .slides {border-left: 0px solid #231f20;border-right: 0px solid #231f20; }
	 .slides h1 { font-size: 60px;margin-top:60px;line-height:70px}
	 .slides h4 { font-size: 25px;line-height:70px}
	 .slide-full {height: 500px; }
	 .slide-full .banner-content {margin:0 0 0 42%; }
	
	.banner-full .content-overlay div {padding:20px 50px 50px 50px;}
	.banner-full .content-overlay h2 {margin:10px 0 0 0;font-size:20px; line-height:28px;}
	.banner-full .content-overlay p{margin:20px 0 0 0;font-size:16px; line-height:28px;}

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

  header {padding:0;margin: 0px auto;height: 70px;background-color:#ffffff;}
   /* ---------------------------------------------------------------------- */
   /*	Grids
   /* ---------------------------------------------------------------------- */

     .grid-menu {padding: 0 0 0 20px;}
     .grid-menu-left { width: 70%;border: 0px solid #000000;}
	 .grid-menu-right { width: 25%;border: 0px solid #000000;}
	 #mainmenu a {padding: 5px 10px 9px 10px;}
	 
    .grid-0 { width: 100%; padding:15px;}
	.grid-1 { max-width:1000px; border: 0px solid #000000;}
	.grid-1b { max-width:1000px; border: 0px solid #000000; }
   	.grid-2 {width: 50%;}
	.grid-3 {width: 33%;}
    .grid-4 {width: 70%; padding:15px;}
	.grid-5 {width: 30%; padding:15px;}
    .grid-6 {width: 25%; padding:0px;}
	.grid-6b {width: 25%; border: 0px solid #000000;padding:15px;}
	 .grid-7 {width: 100%; margin:0px 0px 20px 0px; border: 0px solid #000000;}
	.grid-8 {width: 10%; margin:10px 12px 10px 12px; }
	.grid-10 {  float: left; width: 20%; }
	.grid-11  {float: left; width: 80%; }
    .grid-top {width: 50%;}
    .response{display:none;}
	.nice {display:inherit;}
	
   /* Flex
   /* ---------------------------------------------------------------------- */
   
	.row-flex-four div {flex-basis: 47.3%;-ms-flex-preferred-size: 37.0%;}
	.row-flex-services div {flex-basis: 31%;  -ms-flex-preferred-size: 29%;}
	
	.row-flex-three div {flex-basis: 31%;  -ms-flex-preferred-size: 31%;}
	.featured-box h3 { font-size: 25px;}
	.featured-box h4 { font-size: 26px;}
	.featured-box h6 { font-size: 15px; font-weight:400;}
	
	
	 .row-flex-news div {flex-basis: 29.5%;  -ms-flex-preferred-size: 29.5%;}
	 .row-flex-news h5{font-size: 15px; font-weight:400;padding:0px 0 0px 0px;line-height:28px}
		
	.fone {-ms-flex-preferred-size: 49.5%;flex-basis: 47.5%;}
	.flex-homepage-inner div {flex-basis: 50%; -ms-flex-preferred-size: 45.5%;}
	.ftwo {-ms-flex-preferred-size: 49.5%;flex-basis: 47.5%;}
	
	 .row-flex-portfolio div {flex-basis: 33.3%; -ms-flex-preferred-size: 31.2%;  }	
	 .row-flex-post div {flex-basis: 25%;   -ms-flex-preferred-size: 22.9%;} 

	.row-flex-six div { flex-basis: 33.3%; -ms-flex-preferred-size: 32.4%; }
	.row-flex-six div img {min-width:100%;} /*temp*/
	 
	.video-one {-ms-flex-preferred-size: 70%;flex-basis: 100%;}
	.video-two {-ms-flex-preferred-size: 29%;flex-basis: 100%; margin:10px 0 0 0px; }
	.flex-video-outer .guide-image {height: 100%;padding-top: 20%;}
	
	
	/* Footer
   /* ---------------------------------------------------------------------- */
	


} 


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


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


	 .pirate {position: -webkit-sticky; position: sticky; top: 4rem;}
	 
	  header {max-width:1280px;}

	 .header-content {max-width:1920px;border:0px solid #c3c3c3;}
	
	 .rfloat {float:right; }
     .lfloat {float:left;}
				
	 
    
	/* Sections
    /* ---------------------------------------------------------------------- */

	 .banner h1 {padding:10% 80px 10% 80px;font-size:3vw;} 
	 .banner-full {height: 300px; }
	 .banner-empty {background-color: #ffffff;}
	 
	 .banner-full .content-overlay div {padding:50px 50px 50px 90px;}
	 .banner-full .content-overlay h2 {margin:30px 0 0 0;font-size:25px; line-height:28px;}
	 .banner-full .content-overlay p{margin:20px 0 0 0;font-size:18px; line-height:28px;}
	 
	 .slides {border-left: 0px solid #231f20;border-right: 0px solid #231f20; }
	 .slides h1 { font-size: 80px;margin-top:120px;line-height:70px}
	 .slides h4 { font-size: 25px;line-height:70px}
	 .slide-full {height: 500px; }
	 .slide-full .banner-content {margin:0 0 0 50%; }
	 
	  
     .stickme {position:fixed;}

   /*	Menu Design
   /* ---------------------------------------------------------------------- */
     header {height: 120px;}
   
   /*	Grids
   /* ---------------------------------------------------------------------- */
	
	.grid-menu {padding: 0 80px 0 80px;} /*.grid-menu {padding: 0 100px 0 100px;}*/
	.grid-menu-left { width: 70%;border: 0px solid #000000;}
	.grid-menu-right { width: 25%;border: 0px solid #000000;}
	  #mainmenu a {padding: 5px 20px 9px 20px;}
	  
	.grid-0 { width: 100%; padding:15px;}
    .grid-1 { max-width:1280px; border: 0px solid #000000;}
	.grid-1b { max-width:1280px; border: 0px solid #000000; margin-top:-120px; background-color:#ffffff; padding-left:100px; padding-right:100px;}
   	.grid-2 {width: 50%;}
	.grid-3 {width: 33.3%;-webkit-transition: all .2s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease; }
	.grid-4 {width: 73%; padding:15px;}
	.grid-5 {width: 30%; padding:15px;}
	.grid-6 {width: 25%; padding:15px;}
	.grid-6b {width: 25%; border: 0px solid #000000;padding:15px;}
	.grid-7 {width: 25%; margin:0px 0px 0px 0px; border: 0px solid #000000;}
	.grid-8 {width: 10%; margin:10px 15px 10px 15px; }
	.grid-10 {float: left; width: 20%; }
	.grid-11 {float: left; width: 80%; }
	.grid-top {width: 50%;}
	.response{display:inherit;}
	.nice {padding: 0 0 0 0;}
	
	 /*	Flex
   /* ---------------------------------------------------------------------- */
   
	.row-flex-four div {flex-basis: 23.3%;  -ms-flex-preferred-size: 15.0%; }
	.row-flex-services div {flex-basis: 23.3%;  -ms-flex-preferred-size: 21.3%;}
	
    .row-flex-three div {flex-basis: 31.6%;  -ms-flex-preferred-size: 31.6%;}
	.featured-box h3 { font-size: 30px;}
	.featured-box h4 { font-size: 26px;}

    .row-flex-news div {flex-basis: 48%;  -ms-flex-preferred-size: 48%;}
    .row-flex-news h5{font-size: 17px;line-height:28px;}
 
	.fone {-ms-flex-preferred-size: 50%;flex-basis: 48%;}
	.flex-homepage-inner div {flex-basis: 50%; -ms-flex-preferred-size: 46.5%;}
	.ftwo {-ms-flex-preferred-size: 50%;flex-basis: 48%;}
	
	.row-flex-portfolio div {flex-basis: 33.3%;  -ms-flex-preferred-size: 31.6%; }
    .row-flex-post div {flex-basis: 25%;  -ms-flex-preferred-size: 23.3%; }
	
	.row-flex-six div { flex-basis: 33.3%; -ms-flex-preferred-size: 32.4%; }
	.row-flex-six div img {min-width:100%;} /*temp*/
	
	.video-one {-ms-flex-preferred-size: 70%;flex-basis: 70%;}
	.video-two {-ms-flex-preferred-size: 29%;flex-basis: 29%;margin:0px 0 0 10px; }
	.flex-video-outer .guide-image {height: 100%;padding-top: 120%;}
	
} 


/* (1920x1080) Full HD Display */
@media only screen and (min-width: 1920px) {
	
	
  	/*	Header 
	/* ---------------------------------------------------------------------- */

	 .pirate {position: -webkit-sticky; position: sticky; top: 4rem;}
	 
	  header {max-width:90%;}

	 .header-content {max-width:%;border:0px solid #c3c3c3;}
	
	 .rfloat {float:right; }
     .lfloat {float:left;}
				
	 
    
	/* Sections
    /* ---------------------------------------------------------------------- */


	 .banner h1 {padding:10% 80px 10% 80px;font-size:3vw;} 
	 .banner-full {height: 300px; }
	 .banner-empty {background-color: #ffffff;}
	 
	 .banner-full .content-overlay div {padding:50px 50px 50px 90px;}
	 .banner-full .content-overlay h2 {margin:30px 0 0 0;font-size:40px; line-height:50px;}
	 .banner-full .content-overlay p{margin:20px 0 0 0;font-size:24px; line-height:40px;}
	 
	 .slides {border-left: 0px solid #231f20;border-right: 0px solid #231f20; }
	 .slides h1 { font-size: 90px;margin-top:160px;line-height:70px}
	 .slides h4 { font-size: 35px;line-height:70px}
	 .slide-full {height: 750px; }
	 .slide-full .banner-content {margin:0 0 0 55%; }
	  
     .stickme {position:fixed;}

   /*	Menu Design
   /* ---------------------------------------------------------------------- */
   
   header {height: 120px;}
   /*	Grids
   /* ---------------------------------------------------------------------- */
	
	.grid-menu {padding: 0 100px 0 100px;}
	.grid-menu-left { width: 70%;border: 0px solid #000000;}
	.grid-menu-right { width: 25%;border: 0px solid #000000;}
	 #mainmenu a {padding: 5px 20px 9px 20px;}
	 #mainmenu ul ul a {font-size: 20px;padding: 20px 20px 20px 20px;}
	 #mainmenu ul ul :hover > a {padding: 20px 20px 20px 20px;}
	 #mainmenu ul ul li {min-width: 350px;text-transform:none;line-height: 25px;}
	 
	.grid-0 { width: 100%; padding:15px;}
    .grid-1 { max-width:1420px; border: 0px solid #000000;}
	.grid-1b { max-width:1420px; border: 0px solid #000000; margin-top:-120px; background-color:#ffffff; padding-left:100px; padding-right:100px;}
   	.grid-2 {width: 50%;}
	.grid-3 {width: 33.3%;-webkit-transition: all .2s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease; }
	.grid-4 {width: 73%; padding:15px;}
	.grid-5 {width: 30%; padding:15px;}
	.grid-6 {width: 25%; padding:15px;}
	.grid-6b {width: 25%; border: 0px solid #000000;padding:15px;}
	.grid-7 {width: 25%; margin:0px 0px 0px 0px; border: 0px solid #000000;}
	.grid-8 {width: 10%; margin:10px 15px 10px 15px; }
	.grid-10 {float: left; width: 20%; }
	.grid-11 {float: left; width: 80%; }
	.grid-top {width: 50%;}
	.response{display:inherit;}
	.nice {padding: 0 0 0 0;}
	
	 /*	Flex
   /* ---------------------------------------------------------------------- */
   
	.row-flex-four div {flex-basis: 23.3%;  -ms-flex-preferred-size: 15.0%; }
	.row-flex-services div {flex-basis: 23.3%;  -ms-flex-preferred-size: 21.3%;}
	
    .row-flex-three div {flex-basis: 31.6%;  -ms-flex-preferred-size: 31.6%;}
	.featured-box h3 { font-size: 30px;}
	.featured-box h4 { font-size: 26px;}

     .row-flex-news div {flex-basis: 48%;  -ms-flex-preferred-size: 48%;}
    .row-flex-news h5{font-size: 17px;line-height:28px;}
	  
	.fone {-ms-flex-preferred-size: 50%;flex-basis: 48%;}
	.flex-homepage-inner div {flex-basis: 50%; -ms-flex-preferred-size: 46.5%;}
	.ftwo {-ms-flex-preferred-size: 50%;flex-basis: 48%;}
	
	.row-flex-portfolio div {flex-basis: 33.3%;  -ms-flex-preferred-size: 31.6%; }
    .row-flex-post div {flex-basis: 25%;  -ms-flex-preferred-size: 23.3%; }
	.row-flex-post div img {min-width:100%; }
	
	.row-flex-six div { flex-basis: 33.3%; -ms-flex-preferred-size: 32.4%; } /*temp change made 03/09/22*/
	.row-flex-six div img {min-width:100%; } /*temp*/
	
	/*.row-flex-six div { flex-basis: 16.6%; -ms-flex-preferred-size: 16.1%; }
	.row-flex-six div img {min-width:100%; }*/
	
	.video-one {-ms-flex-preferred-size: 70%;flex-basis: 70%;}
	.video-two {-ms-flex-preferred-size: 29%;flex-basis: 29%;margin:0px 0 0 10px; }
	.flex-video-outer .guide-image {height: 100%;padding-top: 120%;}
	
}


	 /*	Print Styles Default
     /* ---------------------------------------------------------------------- */

@media print {
	 html { moznomarginboxes mozdisallowselectionprint}
	 body {background-color: #ffffff;}
	  * {  text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-size:1.0em;} /* Black prints faster: h5bp.com/s */
	  a, a:visited { text-decoration: underline; }
	  a[href]:after { content: " (" attr(href) ")"; }
	  abbr[title]:after { content: " (" attr(title) ")"; }
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } 
	  thead { display: table-header-group; } 
	  tr, img { page-break-inside: avoid; }
	  @page { margin: 0.9cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h1, h2, h3 { page-break-after: avoid; }
		
	  .menucontainer, .social-ul, .print-off, .wpcf7,.button,.printhide {display:none;}
	 
	/*   .main-graphic,  {display:none;}

	  .grid-2 { width: 100%; }
	  .grid-3 { width: 100%; }
	  .grid-4 { width: 100%; }
	  .grid-6 { width: 100%;}
	  .grid-0 { width: 100%; text-align:center;}
	
	  .footercontainer {display:none;}
	  .time4design {display:none;}
	  #header-holder {display:none;}*/
}