/*
==============================================================
STYLES  . TLC 3.0
==============================================================
*/

@media (min-width: 1200px) /* navbar-expand-xl */ {}
@media (max-width: 1200px) /* navbar-expand-lg */ {}
@media (min-width: 992px) /* navbar-expand-lg */ {}
@media (max-width: 992px) /* navbar-expand-md */ {}
@media (min-width: 768px) /* navbar-expand-md */ {}
@media (max-width: 768px) /* navbar-expand-sm */ {}
@media (min-width: 576px) /* navbar-expand-sm */ {}
@media (max-width: 576px) /* navbar-expand-xs */ {}



/*
===============================
MEDIA SETTINGS
===============================
*/

/* iPad */
@media screen and (max-device-aspect-ratio: 3/4) and (orientation:portrait) {
    body:before {height: calc(100vw * 1.333 + 150px );}
   }
@media screen and (max-device-aspect-ratio: 3/4) and (orientation:landscape) {
    body:before {height: calc(100vw * 0.65 + 150px );}
   }


@media screen and (max-aspect-ratio: 2/3) {
    body:before {height: calc(100vw * 1.5 + 150px );}
   }
@media screen and (max-aspect-ratio: 10/16) {
    body:before {height: calc(100vw * 1.6 + 150px );}
   }
@media screen and (max-aspect-ratio: 9/16) {
    body:before {height: calc(100vw * 1.778 + 150px );}
   }



/*
===============================
BODY / HTML STYLES
===============================

background:fixed and background:cover don't play nice together on iOS. So background is fixed only on desktops. 
ADD : body:after  to load bg img correctly on iOS  */


body, html {  /* adding "html" helps reduce white flash when page loads */
   height: auto;
   font-family: var(--font1); 
	font-size: var(--FontSize);
	color: var(--FontColor);
	font-weight: none;
	line-height: 160%;
	text-align: left;
   background-color: transparent;
/*  overflow: hidden !important;  with 'html overflow: auto, avoids double scrollbar */

}

#content {
	min-height: 450px;
}
#wrapper {
	overflow: hidden;
}
section {
	margin-bottom: 60px;
	float:none;
	clear:both;
	width:100%;
}
.section {
  position: relative;
  padding: 37.5px 0 0 0; 
}

@media (max-width: 768px) /* navbar-expand-sm */ {
.section:first-of-type {
	  padding: 0px 0 0 0; 
  }
}




@media (min-width: 992px) {
	/*.section {padding: 75px 0 0 0;}*/
}

#main {
   min-height: 500px;
	/*background-color: var(--bgColor, #ffffff);*/    
}


/*
===============================
BACKGROUND
===============================

background:fixed and background:cover don't play nice together on iOS. So background is fixed only on desktops. 
ADD : body:before to load bg img correctly on iOS */


/* BACKGROUND IMAGE 2020*** */
body:before {  
   background-color: var(--BgColor);  
   background-image: var(--BgImageAll);
	background-position: var(--BgImagePositionH, center) var(--BgImagePositionV, center);  

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	overflow: visible;
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -3;
}

@media (max-width: 576px) /* navbar-expand-xs */ {
	body:before {  
	   background-image: var(--BgImageSm);
	}
}

/* BACKGROUND OVERLAY 2020*** */
.bgOverlay {  
	background-color: var(--BgOverlayColor) !important;
	opacity: var(--BgOverlayOpacity) !important; 
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -2 !important;
}

/*BACKGROUND IMAGE 2020*** . no scroll iPad */
.header {  
   background-color: var(--BgColor);
   background-image: var(--BgImageAll);
	background-position: var(--BgImagePositionH, center) var(--BgImagePositionV, center);  

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	overflow: visible;
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -3;
}







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

STRUCTURE
===============================
*/


/* X-SMALL */
@media (max-width: 576px) /* navbar-expand-xs */ {
}

/* SMALL */
@media (max-width: 768px) /* navbar-expand-sm */ {
}

@media (min-width: 576px) /* navbar-expand-sm */ {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
	.navbar .container {
		max-width: 768px;
		width: 90%;
	}	
}

/* MEDIUM */
@media (max-width: 992px) /* navbar-expand-md */ {
}
@media (min-width: 768px) /* navbar-expand-md */ {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
	.navbar .container {
		max-width: 992px;
		width: 90%;
	}	
}


/* LARGE */
@media (max-width: 1200px) /* navbar-expand-lg */ {
}
@media (min-width: 992px) /* navbar-expand-lg */ {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
	.navbar .container {
		max-width: 1200px;
		width: 85%;
	}	
}


/* X-LARGE */
@media (min-width: 1200px) /* navbar-expand-xl */ {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
	.navbar .container {
		max-width: 1350px;
		width: 80%;
	}	
}


/* Container - Overflow: No * -----  TRYING TO KEEP iphone window from sliding around ------  */
.container-ono {overflow: hidden;}

/* BOXED CONTENT - prevents edge-to-edge */
.site-container-Boxed,
.content-Edge {
	margin: 0px auto;
	max-width: 100%;
	width: 1200px !important;
	position: relative;	
	overflow: visible;
	padding: 0px;
	/*background-color: green;*/
}
/* EDGE-TO-EDGE CONTENT - prevents boxed */
.site-container-Edge {
	margin: 0px auto;
	max-width: 100%;
	position: relative;	
	overflow: visible;
	padding: 0px;
}
.footer .content-Boxed {
	padding: 0px 35px;
}

.header-container,
.footer-container {
	margin: 0px;
	padding: 10px 0;
	/*background-color: orange;*/
}
.header-content {
	position: relative;
	overflow: hidden;
}

.site-content,
.billboard-content {
	position: relative;
	-moz-box-shadow: 0 0 14px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.25);
	box-shadow: 0 0 14px rgba(0,0,0,0.25);
	background-color: transparent;
	/*border-top: 8px solid var(--flexcolor1);*/
	overflow: visible;
	margin-top: 0px;
}
#content-main.container {
	padding-top: 100px;
	min-height: 550px;
}





/*
===============================
BILLBOARD
===============================
*/

/* BILLBOARD */
#billboard-slider {
	margin: -40px 0 100px 0;
	display: block;
	margin-bottom: 110px;
}

.billboard {
	overflow: hidden;
}
.billboard-container {
	margin-bottom: 80px;
}

.billboard > .img-contain {
	height: 440px;	  /* adj media MED SM */
height: 400px;
width: 100%;
overflow: hidden;
}
.billboard img {
	width:100%;
}

.site-content, 
.billboard-content {
position: relative;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: none;
border-top: 0px solid #CCCCCC;
overflow: visible;
margin-top: 0px;
}

.billboardHeader {
   font-family: var(--BillboardHeaderFont) !important; 
   text-transform: var(--BillboardHeaderTransform) !important;
   position: absolute;
   left: 20px;
   top: 400px;
   z-index: 301;
}
.billboardHeader h1, 
.billboardHeader h2, 
.billboardHeader h3, 
.billboardHeader h4, 
.billboardHeader h5 {
	font-size: 7rem;
	opacity: 1;
}
@media (min-width: 768px) /* navbar-expand-md */ {
	.billboardHeader h1, 
	.billboardHeader h2, 
	.billboardHeader h3, 
	.billboardHeader h4, 
	.billboardHeader h5 {
	   font-size: 14rem;
	}
	.billboardHeader {
	   top: 300px;
	}	

}













/*
===============================
SECTION HEADERS
===============================
*/
.sectionHeader {
	font-family: var(--sectionTagfont) !important;
	color: var(--SectionTagColor);
	text-transform: var(--tagTextTransform);
	font-weight: normal;
	line-height: 130%;
	font-size: 80%;	
	display: block;
}
.sectionSubHeader {
	text-transform: var(--sectionSubHeaderTransform);
	display: block;
}
.shortDescription {
	display: block;
	font-family: var(--font2);
	margin-top: 35px;
	margin-bottom: 80px;
	font-size: 1.6rem;
	line-height: 160%;
}

@media (max-width: 992px) /* navbar-expand-md */ {
	.sectionHeader {font-size: 75%;	line-height: 140%;}
	.shortDescription {font-size: 1.4rem;}
}

@media (max-width: 768px) /* navbar-expand-md */ {
	.sectionHeader {font-size: 65%;	line-height: 150%;}
	.shortDescription {font-size: 1.3rem;}
}

/* page HEADER
.pageHead {
  font-family: var(--font1, sans-serif);
  text-transform: uppercase;
  font-size: 90%;
  font-weight: normal;
  line-height: 130%;
  margin-bottom: 0px;
}
.pageHead div + h1 {
  margin-top: 5px !important;
}
.pageHead h1 {
  font-size: 350%;
  line-height: 95%;
  margin-bottom: 5px;
}
.pageHead h2 {
  font-size: 250%;
  line-height: 95%;
  margin-bottom: 5px;
} */
/* PAGE HEADER - SECTION HEADER with H1
.page-header {
  margin: -18px 0 0px 0;
  padding: 0px;
  border: 0px;
}
.page-header hr {
  border: 0 !important;
  border-bottom: 0px solid var(--color1lf2, #ededed) !important;
  margin-bottom: -15px;
  margin-top: 10px; 
} */
.sidebar h3 {
  font-size: 115%;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--color1d, #282828);
}
.sidebar h3:hover {
  color: var(--color1xd, #181818);
}


.preHeader,
.postHeader {
	font-family: var(--sectionTagfont) !important;
	color: var(--flexcolor3f7);
	text-transform: none;
	font-weight: normal;
	line-height: 130%;
	font-size: 70%;	
	display: block;
	text-align: var(--brandalign);
}
.postHeader {
	text-transform: uppercase;
}


.projectHeader {
	margin-top: 20px;
	margin-bottom: 6px;
	font-size: 0.5rem;
	color: var(--gray9) !important;
}



/*
===============================
LIST
===============================
*/

.date,
.releaseDate {
	font-family: var(--labelTagfont) !important;
	color: var(--flexcolor3f7);
	text-transform: var(--tagtexttransform);
	font-weight: normal;
	line-height: 130%;
	font-size: 70%;	
	display: inline-block;
	text-align: var(--brandalign);
	
}
.date {
	font-family: var(--font1) !important;
	font-size: 150%;	
	color: var(--flexcolor3);
	text-transform: none;
	display: block;
	text-align: var(--brandalign);
}







/*
===============================
LINE DISPLAY / DATE DISPLAY
===============================
*/

ul.dateDisplay,
ul.lineDisplay {
	font-family: var(--labelTagfont) !important;
	text-transform: var(--tagTextTransform);
	font-size: 75%;
	font-weight: normal;
	line-height: 150%;
	display: inline-block;
	margin: 0px 0 20px 0;
}
ul.lineDisplay {
	text-transform: none;
}
.displayLineContainer {
	margin: 40px 0 60px 0;
}
.displayGoBack {
	margin: -55px 0 10px 0;
}

@media (max-width: 992px) /* navbar-expand-md */ {
	.displayLineContainer {margin: 15px 0 30px 0 !important;}
	}



ul.dateDisplay li,
ul.lineDisplay li,
ul.dateDisplay a li,
ul.lineDisplay a li {
	display: inline-block !important;
	white-space: normal;
}
ul.dateDisplay li:after,
ul.lineDisplay li:after,
ul.dateDisplay a li:after,
ul.lineDisplay a li:after {
	color: var(--gray3);
	content: " | ";
	padding: 0 15px;
}
ul.dateDisplay li:last-child:after,
ul.lineDisplay li:last-child:after,
ul.dateDisplay a li:last-child:after,
ul.lineDisplay a li:last-child:after {
	content: "";
	padding: 0px;
}


.dateRelease,
.dateUpdated,
.authorName {
	color: var(--flexcolor3);
}
.lineItem {
	color: var(--flexcolor3);
}

a li.dateRelease,
a li.dateUpdated,
a li.authorName {
	color: var(--linkcolor);
}
a li.lineItem {
	color: var(--linkcolor);
}
a:hover li.dateRelease,
a:hover li.dateUpdated,
a:hover li.authorName {
	color: var(--linkhovercolor);
}
a:hover li.lineItem {
	color: var(--linkhovercolor);
}




.dateRelease > .dateLabel,
.dateUpdated > .dateLabel,
.authorName > .dateLabel,
.lineItem > .lineLabel {
	color: var(--LabelTagColor);
	padding: 0 5px 0 0;
	display: inline-block !important;
}
.lineItem > .lineLabel {
	color: gray4;
}


.dateRelease > .dateLabelSub,
.dateUpdated > .dateLabelSub,
.authorName > .dateLabelSub,
.lineItem > .lineLabelSub {
	color: gray4;
	padding: 0 5px 0 0;
	display: inline-block !important;
}
.lineItem > .lineLabelSub {
	color: gray3;
}






								/* IF GoBack inside breadcrumbs
								.breadcrumb >  li:first-child + li:before {  
									color: #ccc;
									content: "";
									padding: 0 5px;
								} */















.BlogPostArchive {
	margin: 10px 0;
	font-size: 80%;
}
.BlogPostArchive ul li a {
	line-height: 140%;
}





/*
===============================
ON LIGHT / DARK
===============================
*/



					/* 
					
					CHANGE ALL THESE except Mix 
					
					ADD ALL sizes  xxl-xxs
					
					*/
/*					.onDrk .counters,
					.onDrk .counters h1,
					.onDrk .counters h2,
					.onDrk .counters h3,
					.onDrk .counters h4,
					.onDrk .counters h5,
					.onDrk .counters h6 {
						color: var(--h1onDrk) !important;
					}
					.onLt .counters,
					.onLt .counters h1,
					.onLt .counters h2,
					.onLt .counters h3,
					.onLt .counters h4,
					.onLt .counters h5,
					.onLt .counters h6 {
						color: var(--color1) !important;
					}

					.onColor1 .counters,
					.onColor1 .counters h1,
					.onColor1 .counters h2,
					.onColor1 .counters h3,
					.onColor1 .counters h4,
					.onColor1 .counters h5,
					.onColor1 .counters h6 {
						color: dodgerblue !important;
					}

					.onColor2 .counters,
					.onColor2 .counters h1,
					.onColor2 .counters h2,
					.onColor2 .counters h3,
					.onColor2 .counters h4,
					.onColor2 .counters h5,
					.onColor2 .counters h6 {
						color: var(--color3) !important;
					}
					.onMix .counters,
					.onMix .counters h1,
					.onMix .counters h2,
					.onMix .counters h3,
					.onMix .counters h4,
					.onMix .counters h5,
					.onMix .counters h6 {
						color: white !important;
					}



.BgText.white .cardList .h1,
.BgText.white .cardList h1,
.BgText.white .cardList .h2,
.BgText.white .cardList h2,
.BgText.white .cardList .h3,
.BgText.white .cardList h3,
.BgText.white .cardList .h4,
.BgText.white .cardList h4,
.BgText.white .cardList .h5,
.BgText.white .cardList h5,
.BgText.white .cardList .h6,
.BgText.white .cardList h6,

.BgText.white h2,
.BgText.white h4,
.BgText.white h6,
.BgText.white p,
.BgText.white h4 span {  
		color: #FFFFFF !important; 
}
.BgText.white h1,
.BgText.white h3,
.BgText.white h1 span,
.BgText.white h3 span {  
		color: var(--color1) !important; 
}



.BgText.white .cardList.list-hit a .h1:hover, 
.BgText.white .cardList.list-hit a:hover div .h1,
.BgText.white .cardList.list-hit a h1:hover, 
.BgText.white .cardList.list-hit a:hover div h1,
.BgText.white .cardList.list-hit a .h2:hover, 
.BgText.white .cardList.list-hit a:hover div .h2,
.BgText.white .cardList.list-hit a h2:hover, 
.BgText.white .cardList.list-hit a:hover div h2,
.BgText.white .cardList.list-hit a .h3:hover, 
.BgText.white .cardList.list-hit a:hover div .h3,
.BgText.white .cardList.list-hit a h3:hover, 
.BgText.white .cardList.list-hit a:hover div h3,
.BgText.white .cardList.list-hit a .h4:hover, 
.BgText.white .cardList.list-hit a:hover div .h4,
.BgText.white .cardList.list-hit a h4:hover, 
.BgText.white .cardList.list-hit a:hover div h4,
.BgText.white .cardList.list-hit a .h5:hover, 
.BgText.white .cardList.list-hit a:hover div .h5,
.BgText.white .cardList.list-hit a h5:hover, 
.BgText.white .cardList.list-hit a:hover div h5 {
	color: var(--color2, #a1a1a1) !important;
}

*/





/*
===============================
CALLOUTS
===============================
*/

/*  */
.lead, .lead-md, 
.lead-sm, 
.lead-xs,
.lead-xxs,
.lead-lg,
.lead-xl,
.lead-xxl {
	font-family: var(--font2, sans-serif);
	font-size: 275%;
	margin: 0px 0;
	text-align: left;
	line-height: 140%;
}
.lead-xxs {font-size: 200%;}
.lead-xs {font-size: 230%;}
.lead-sm {font-size: 255%;}
.lead-lg {font-size: 290%;}
.lead-xl {font-size: 315%;}
.lead-xxl {font-size: 330%;}


@media (max-width: 768px) /* navbar-expand-sm */ {
.lead, .lead-md, 
.lead-sm, 
.lead-xs,
.lead-xxs,
.lead-lg,
.lead-xl,
.lead-xxl {
	font-size: 200%;
	line-height: 130%;
}
.lead-xxs {font-size: 150%;}
.lead-xs {font-size: 170%;}
.lead-sm {font-size: 190%;}
.lead-lg {font-size: 220%;}
.lead-xl {font-size: 240%;}
.lead-xxl {font-size: 270%;}


}








/* TESTIMONIAL */
.testimonial-block {
}
.anchor {
    padding-top: 50px;
    margin-top: -50px;
	position: relative; 
	top: -200px;
}


.testimonial-quote {
	font-family: var(--font4) !important;
	font-size: 4rem;
	line-height: 80%;
	display: inline-block;
	margin-bottom: 0;
}
a h2.testimonial-quote {
	/*color: var(--flexcolor1);*/
}
div.testimonial-single a h2 {
	/*color: var(--LinkColor);
	color: var(--flexcolor1);*/
	/*background-color: lightblue !important;*/
	margin: -40px;
	padding: 40px;
	
}

a h2.testimonial-quote:hover {
	/*color: var(--flexcolor4);*/
}
div.testimonial-single a:hover h2 {
	/*color: var(--LinkHoverColor);
	color: var(--flexcolor4);*/
/*	background-color: lightgreen !important;*/
}


/* Quote */
.quote-left,
.quote-right{
	font-size: 4rem;
	/*color: var(--fade1);
	color: var(--flexcolor2);*/

	padding-right: 0 5px 0 0;
	display: inline-block;
	white-space: nowrap;
}
.quote-right {
	padding: 0 0 0 5px;
}


/* Short Testimonial */
.testimonial {
	font-size: 1.7rem;
	line-height: 135%;
}


/* Author */
.author {
	font-family: var(--font1) !important;
	font-size: 2.8rem;
	display: inline-block;
	margin-bottom: 0;
}
.organization {
	font-size: 1.95rem;
}

.city {
	font-size: .9rem;
}



.testimonial-list .testimonial-quote {font-size: 3.5rem;}
.testimonial-list .quote-left, .testimonial-list .quote-right{font-size: 2.75rem;}
.testimonial-list .testimonial {font-size: 1.25rem;}
.testimonial-list .author {font-size: 2rem;}
.testimonial-list .organization {font-size: 1.5rem;}
.testimonial-list .city {font-size: .8rem;}





h2 + .quote-right {
	line-height: inherit;
}

/* navbar-expand-sm */
@media (max-width: 768px) {
	.testimonial-quote {font-size: 4rem;}
	.quote-left,.quote-right{font-size: 2.75rem;}
	.testimonial {font-size: 1.35rem;}
	.author {font-size: 2rem;}
	.organization {font-size: 1.5rem;}
	.city {font-size: .8rem;}
}















.testimonial-single a:hover +span+ i, /* when link is hovered select i */
.testimonial-single a + span:hover+ i, /* when space after link is hovered select i */
.testimonial-single a + span + i:hover { /* when icon is hovered select i */
  visibility: visible;
}

.testimonial-single a +span+ i { /* in all other case hide it */
  visibility: hidden;
}


















/* STAT */
.stat, .stat-md, 
.stat-sm, 
.stat-xs,
.stat-xxs,
.stat-lg,
.stat-xl,
.stat-xxl {
	font-family: var(--font2, sans-serif);
	font-size: 300%;
	color: var(--flexcolor1);
	margin: 10px 0;
	text-align: left;
	line-height: 130%;
}
.stat-xxs {font-size: 240%;}
.stat-xs {font-size: 260%;}
.stat-sm {font-size: 280%;}
.stat-lg {font-size: 320%;}
.stat-xl {font-size: 340%;}
.stat-xxl {font-size: 360%;}





/* STAT */
.counters h1 {
	font-size: 4rem;
	letter-spacing: -0.3rem;
	text-transform: none;
}
.counters h3 {
	font-size: 3rem;
	letter-spacing: -0.1rem;
	text-transform: none;
}

.counters span {
color: var(--CounterColor);
}

span.value.counter {
letter-spacing: -0.225rem !important;
}



















.textCopyright {
	font-size: .75rem;
	line-height: 1rem;
}













/*
===============================
BULLETS
===============================
*/

/* flex-box DIV */
ul.bullets {
	display: flex!important;
	flex-direction: column;
	padding: 0;
}

ul.bullets li {
	display: flex!important;
	line-height: 135%;
	padding: 0 0 5px 0;
}
ul.bullets li:before {
    content: "• ";
    color: var(--flexcolor1); 
	padding: 0 5px 0 0;
}






/* flex-box DIV */
.flexCol > div {
	display: flex !important;
	flex-wrap: nowrap !important;
	flex: 1 1 100%;
	margin-bottom: 4px !important;
}




/*
ul.bullets {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.bullets li { 
    padding-left: 10px; 
    text-indent: -10px;
}
ul.bullets li:before {
    content: "• ";
    color: var(--flexcolor1); 
}
*/
ul {
	list-style:none outside none;
	margin: 0px;
	padding: 0px;
}

li {	line-height: initial;}

ol {
	margin-left: -20px;
}
ol.bullets {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ol.bullets li { 
    padding-left: 10px; 
    text-indent: -10px;
}
ol.bullets li:before {
    content: "• ";
    color: var(--flexcolor1); 
}

ul:not([class]) li {
    list-style-type: none;
    position: relative;
    padding-left: 0rem;
    margin: 0px !important;
    padding: 0px !important;
    line-height: 115%;
}    




@media (min-width: 1200px) /* navbar-expand-xl */ {}
@media (max-width: 1200px) /* navbar-expand-lg */ {}
@media (min-width: 992px) /* navbar-expand-lg */ {}
@media (max-width: 992px) /* navbar-expand-md */ {}
@media (min-width: 768px) /* navbar-expand-md */ {}
@media (max-width: 768px) /* navbar-expand-sm */ {}
@media (min-width: 576px) /* navbar-expand-sm */ {}
@media (max-width: 576px) /* navbar-expand-xs */ {}











@media screen and (min-width: 576px) {
  #main {
    flex-direction: row;
  }
  #main > nav, 
  #main > aside {
    flex: 0 0 20vw;
  }  
}











/*
===============================
CONTACT
===============================
*/
.description, .phone, .phone2, .address, .contact {
	var(--flexcolor1);
}

.description {
	font-size: 115%;
	line-height: 135%;
}

.phone {
	font-size: 150%;
	line-height: 125%;
}
.phone2 {
	font-size: 130%;
	line-height: 145%;
	margin: 5px 0px;
}

.address {
	font-size: 95%;
	line-height: 115%;
}
.contact {
	font-size: 130%;
	line-height: 135%;
}











/*
===============================
BLOCK QUOTE
===============================
*/
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.75rem; 
  line-height: 1.75rem; 
 
  }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #2d2d2d; }

.blockquote-footer::before {
    content: "\2014\00A0"; }


.blockquote-footer {
  margin: 12px 10px;
  font-size: 1.375rem; 
  color: var(--color2);
  }
  
.blockquote-footer cite {
    font-style: normal; }








/*
===============================
SOCIAL MEDIA
===============================
*/
/*  ICON LINKS */
ul.social-icons li {
}
.social-block-R ul.social-icons li {
}
.social-block ul.social-icons li {
}

ul.social-icons li i,
ul.social-icons li em {
}
ul.social-icons li a,
ul.social-icons li a i,
ul.social-icons li a em,
.social ul.list-inline.social-icons .list-inline-item a,
.social ul.list-inline.social-icons .list-inline-item a svg {
	/*TRANSFORM
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); */  
    z-index: 5;
}

ul.social-icons .facebook {color: #42539c;}
ul.social-icons .twitter {color: #28aae1;}
ul.social-icons .google {color: #e04324;}
ul.social-icons .pinterest {color: #ca1325;}
ul.social-icons .linkedin {color: #007bb6;}
ul.social-icons .youtube {color: #d1261c;}
ul.social-icons .instagram {color: #466b92;}


/* ICON - HOVER social media */
ul.social-icons li > a:hover,
ul.social-icons li > a > i:hover,
ul.social-icons li > a > em:hover,
.social ul.list-inline.social-icons .list-inline-item a:hover,
.social ul.list-inline.social-icons .list-inline-item a svg:hover {
	/*background-color: var(--color2, #a1a1a1);*/
	/*TRANSFORM
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(3.5);
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(3.5);   
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(3.5);
	transition: all 200ms ease-in;
	transform: scale(3.5);	*/
	z-index: 100;
}





/*
===============================
TO TOP
===============================
*/

/* SCROLL TOP - Arrow - - - - - - - - - -*/
.move-up {
   position: fixed;
   bottom: 75px;
   right: 1px;
   display: none;
   z-index: 1000;
}
.move-up button {
	background:transparent;
	border:none;
}
.move-up button:active:hover {
	/*padding-right:4px !important;
	margin-right:2px;*/
}
.move-up i,
.move-up svg {
	font-size:60px;
	opacity:0.5;
	color: var(--ToTopButtonColor);
	cursor: pointer;
}
.move-up i:hover,
.move-up svg:hover {
	font-size:60px;
	opacity:1;
	color: var(--ToTopButtonColor);
	cursor: pointer;

}
.move-up i:active,
.move-up svg:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}





/*
===============================
CREDIT CARDS
===============================
*/
.creditcard svg {
	font-size: 2rem;
	padding: 0px 2px;
	color: var(--FooterColor);
}

#Payment_Amount {
	display: block;
	width: 100%;
	height: calc(2em + 1rem + 2px);
	padding: 1.075rem 1.05rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.7;
	color: #039303 !important;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition-property: border-color, box-shadow;
	transition-duration: 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0s, 0s;
}

label.active {
padding-top: 0px;
}







.CardField-child {
	background-color: gold !important;
}







/*
===============================
STORE . ONLINE SHOP
===============================
*/


.cms_cart_widget {
    box-shadow: none !important;
    padding: inherit !important;
    vertical-align: inherit !important; 
    margin-bottom: inherit !important;
    text-align: inherit !important;
    width: inherit !important;
    margin-left: inherit !important;
    display: inline-block;
}

.priceDetail {
    margin: 5px 0 5px 0;
    color: var(--green);
    font-family: var(--font1) !important;
}
.priceRetail {
    font-size: 150%;
    margin: 0px 0 10px 0;  
    color: var(--gray4);
    font-family: var(--font1) !important;
    text-decoration: line-through;
}




.image-zoom {
    font-size: 160%;
    margin: 25px 20px;
    position: absolute;
    min-height: 60px;
    z-index: 5000;
    top: 0;
    right: 0;
    color: var(--flexcolor3f2);
    z-index: 10;
}
.disclaimer {
    color: var(--flexcolor3f7);
    font-size: 70% !important;
    font-style: italic !important;
    margin: 15px 0;
}















/*
===============================
SHOPPING CART
===============================
*/

.system_page,
.tlc_ecomm {
	padding: 0px;
	min-width: 100%;
	margin: 0 auto;
	font-size: inherit;
	font-family: initial;
	
	
	
	
}
.tlc_ecomm .tlc_ecomm_products {
	margin-bottom: 0px;
}
.tlc_ecomm .tlc_ecomm_products th {
	padding: 25px 5px;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px solid var(--color3lf2, #ececec);
	color: #AAAAAA;
	position: relative;
	text-transform: none;
	background-color: #F2F2F2;
	transition: all 300ms ease 0s;
	-webkit-transition: background 300ms ease 0s;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid var(--flexcolor3f2);
	border-bottom: 1px solid var(--flexcolor2f8);
}
.tlc_ecomm .tlc_ecomm_products td {
	padding: 70px 10px 30px 10px;
	vertical-align: top;
}
.tlc_ecomm .tlc_ecomm_products th,
.tlc_ecomm .tlc_ecomm_products td {
	text-align: center;
}
.tlc_ecomm .tlc_ecomm_products td > span.data-cms_cart_item_total_price {
	padding: 60px 0px 0px 0px;
	background-color: red !important;
}

.tlc_ecomm .tlc_ecomm_products a:hover {
	text-decoration: none;
}



@media (max-width: 768px)  {
.tlc_ecomm .tlc_ecomm_products td {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	white-space: normal;
	text-align: left !important;
}
.tlc_ecomm .tlc_ecomm_products td:before {
	margin-left: 0px; 
}

td.CartThumb {
	padding: 0px !important;
}
td.CartThumb div {
	overflow: hidden;
	position: relative;
	display: inline-block !important;
	height: 150px;
	width: 150px;
	margin: 0;
}
.tlc_ecomm .tlc_ecomm_products thead {
	display: block;
}
    .tlc_ecomm .tlc_ecomm_products span {
        white-space: normal
    }
    .tlc_ecomm .tlc_ecomm_products td {
        display: block;
        padding: 10px 10px 10px 10px;
        vertical-align: top;
        white-space: normal;
    }
    .tlc_ecomm .tlc_ecomm_products td:before {
        content: attr(data-th) "LIST ";
        display: none;
        vertical-align: top;
        width: 90px;
        margin-left: -90px;
        margin-top: 3px;
        text-transform:uppercase
    }
}








.shopCart .rowHeader {
	position: relative;
	margin: 70px 0 0 0;
	padding: 25px 5px;
	border-bottom: 1px solid var(--color3lf2);
	color: #AAAAAA;
	background-color: #F2F2F2;
	border-top: 1px solid var(--flexcolor2f8);
	border-bottom: 1px solid var(--flexcolor3f2);
	font-size: 75%;
	text-align: center;
	
	transition: all 300ms ease 0s;
	-webkit-transition: background 300ms ease 0s;
	text-transform: uppercase;
}
.shopCart .rowFooter {
	position: relative;
	margin: 0 0 70px 0;
	padding: 25px 5px;
	border-bottom: 1px solid var(--color3lf2);
	color: #AAAAAA;
	background-color: #F2F2F2;
	border-bottom: 1px solid var(--flexcolor2f8);
	font-size: 75%;
	text-align: center;
	
	transition: all 300ms ease 0s;
	-webkit-transition: background 300ms ease 0s;
	text-transform: uppercase;
}

/*
.shopCart .rowItems > [class*='col-'] {
	padding: 30px 0px 0px 0px;
	border-bottom: 1px solid var(--flexcolor3f2);
	text-align: center;

} 
*/
.shopCart .rowItems {
	padding: 30px 0px 0px 0px;
	border-bottom: 1px solid var(--flexcolor3f2);
	text-align: center;
}

.shopCart .CartThumb {
	padding: 0px 15px 30px 0px !important;
	text-align: right !important;
}
.shopCart .CartThumb div {
	text-align: right !important;
	overflow: hidden;
	position: relative;
	display: inline-block !important;
	height: 120px;
	max-width: 120px;
	width: 100%;
	margin: 0;
}



.CartProductDesc, 
.CartTax,
.CartQty,
.CartTotal,
.CartDelete {
	padding: 20px 10px 20px 0px !important;
}

.CartProductDesc {
	text-align: left !important;
}
.CartTax{
	color: var(--green);
	font-size: 90%;
}

/* QTY */
.CartQty {
	padding: 20px 2px 20px 0px !important;
}

.CartQty input[type="number"],
.tlc_ecomm .tlc_ecomm_products input[type="number"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	padding: 20px 2px 20px 10px;
	width: 70px;	
	min-width: 60px;
	margin: -21px 0 0 0;
	text-align: center;
	font-size: 120%;
	border-top-left-radius: calc(var(--radiusBrand) /2);
	border-top-right-radius: calc(var(--radiusBrand) /2);
	border-bottom-right-radius: calc(var(--radiusBrand) /2);
	border-bottom-left-radius: calc(var(--radiusBrand) /2);
}

.CartTotal {
	color: var(--green);
}
.CartDelete {

}

/* DELETE */
svg.delete {
	font-size: 270% !important;
	margin: -12px 0 0 0;
	padding: 10px;
	color: var(--flexcolor3f4);
}
svg.delete:hover {
	color: red;
/* TRANSITION TO*/
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}





@media (max-width: 1200px) /* navbar-expand-lg */ {

	.shopCart .CartThumb {
		padding: 0px 15px 30px 0px !important;
	}

}


@media (max-width: 992px) /* navbar-expand-md */ {

	.shopCart .CartThumb {
		padding: 0px 10px 30px 0px !important;
	}
}

@media (min-width: 992px) /* navbar-expand-md */ {

	.shopCart .CartThumb div {
		height: 160px;
		max-width: 160px;
		width: 100%;
		margin: 0;

	}
}


@media (max-width: 768px) /* navbar-expand-sm */ {

	.CartProductDesc {
	padding: 0px 10px 0px 0px !important;
	}
	.CartLockup{
	padding: 0px 0px 10px 0px;
	}
	.shopCart .rowItems {
	padding: 70px 0px 50px 0px;
}
}


















/*
===============================
SHOPPING CHECKOUT
===============================
*/
















/*
===============================
INVOICE PAYMENTS
===============================
*/

input.invoicePrice {
	font-size: 300% !important;
	color: #039303 !important;
	height: 90px !important;
	line-height: 90px;
	padding: 3px 0px 3px 40px !important;
	margin: 0px !important;
}
label.invoicePrice::before {
	content: '' attr(data-currency);
	position: relative;
top: 36px;
	left: 10px;
	font-size: 270%;
	color: #039303;
	display: block;
}



input.estimatePrice {
	padding: 3px 0px 3px 30px !important;
	margin: 0px !important;
}
label.estimatePrice::before {
	content: '' attr(data-currency);
	position: relative;
	top: 28px;
	left: 10px;
	display: block;
	font-size: 1.25rem;
}




input.invoiceRate {
	font-size: 220% !important;
	color: #039303 !important;
	height: 90px !important;
	line-height: 90px;
	padding: 3px 0px 3px 10px !important;
	margin: 0px !important;
	width: 70% !important;
	min-width: 150px !important;
}
input.invoiceDiscount {
	font-size: 220% !important;
	color: #039303 !important;
	height: 90px !important;
	line-height: 90px;
	padding: 3px 0px 3px 10px !important;
	margin: 0px !important;
}










input.input-amount-total[disabled] {
    font-size: 400% !important;
    margin: 3px 0px 3px 60px !important;
}
label.input-amount-total::before {
    content: '' attr(data-currency-total);
    position: relative;
    top: 35px;
    left: 0px;
    font-size: 400%;
    /*color: #039303 !important; */
    color: #CCCCCC !important;
    display: block;
}

#Payment_Amount[disabled] {
   /*color: #0F4000 !important;*/
    color: #CCCCCC !important;

}


/*
===============================
PAYMENTS / DONATIONS
===============================
*/

input.input-amount {
	font-size: 400% !important;
	color: #039303 !important;
	height: 130px !important;
	line-height: 130px;
	width: 49% !important;
	min-width: 350px;
	padding: 3px 0px 3px 60px !important;
	margin: 5px 1px 3px 0px !important;
}
label.input-amount::before {
    content: '' attr(data-currency);
    position: relative;
    top: 80px;
    left: 10px;
    font-size: 400%;
    color: #039303;
    display: block;
}



input.input-amount-total[disabled] {
    font-size: 400% !important;
    margin: 3px 0px 3px 60px !important;
}
label.input-amount-total::before {
    content: '' attr(data-currency-total);
    position: relative;
    top: 35px;
    left: 0px;
    font-size: 400%;
    /*color: #039303 !important; */
    color: #CCCCCC !important;
    display: block;
}

#Payment_Amount[disabled] {
   /*color: #0F4000 !important;*/
    color: #CCCCCC !important;

}























/*
===============================
CARD
===============================
*/

.card {
    border: 0;
    /* -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */
    -webkit-box-shadow: none;
    box-shadow: none;
}






.notification {
    position: relative;
    padding: 0;
    margin: 70px 0 100px 0;
    border: 0px solid transparent;
    border-radius: 0;
    flex-wrap: wrap;
    display: flex;
}
.notification.horz {
    flex-wrap: nowrap;
}
.notification.vert {
    flex-wrap: wrap;
}
.project .notification {
    margin: 0px 0 100px 0;
}

@media (max-width: 576px) /* navbar-expand-xs */ {
    .notification.horz {flex-wrap: wrap;}
}

div.notification + div.notification {
    margin-block-start: -70px;
}



/* TITLE */
.notification .title-box {
	background-color: #bbbbbb;
	padding: 15px 15px 15px 15px !important;
	/* display: table; */
	flex: auto;
	justify-content: center;
	margin: 0;
}
.notification .text-box {
    background-color: #f2f2f2;
    padding: 20px 15px 20px 20px !important;
    flex: auto;
    flex-grow: 25;
    border: 1px solid rgba(0,0,0,.1);
}
.notification.vert .title-box {
    width: -webkit-fill-available;
}





/* TEXT */
.notification .notice-text-header,
.notification .notice-text-number {
    margin: 2px 0 8px 0;
}
.notification .notice-text {
    flex-grow: 1;
    font-size: 85%;
    color: var(--flexcolor3f9);
    line-height: 120%;
}





/*
===============================
GROUP HEADING
===============================
*/


.group-heading-container {
    display: flex;        
}
.group-heading-container .title,
.group-heading-container .title-number {
    padding: 10px 0;
    background-color: #ddd;
    font-size: 18px;
}
.group-heading-container .title-number {
    min-width: 64px;
    max-width: 64px;
}
.group-heading-container .title {
    min-width: 100px;
    /*max-width: 64px;*/
}


.group-heading-container .title-label {
    flex-grow: 1;
}
.group-heading-container .title-label {
    background-color: #f2f2f2;
    padding: 10px 0 10px 15px;
    font-size: 18px;
}



/*
===============================
ACCORDION
===============================
*/

#accordian {}
.accordion,.toggle {}

.accordion a > h3,
.toggle a > h3 {
/*	padding: 5px 13px;
	font-size: 110%;
	line-height: 130%;
	color: #AAAAAA;
	cursor: pointer;
	position: relative;
	text-transform: none;
	background-color: #F2F2F2;
	transition: all 300ms ease 0s;
	-webkit-transition: background 300ms ease 0s;
	margin: 2px 3px;
	text-align: left;
	text-transform: uppercase;
*/}


.accordion .card .card-header {
	padding: 20px 0;
/* background: transparent; */
    border-bottom: 1; 
    border-top: 1; 
}
.accordion .card-header {
    /* padding: 0.15rem 0.15rem; */
    margin: 0;
    /* background-color: rgba(0,0,0,.03); */
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion a > h3, .toggle a > h3 {
    padding: 26px 13px;
    font-size: 110%;
    line-height: 130%;
    color: #AAAAAA;
    cursor: pointer;
    position: relative;
    text-transform: none;
    background-color: #F2F2F2;
    transition: all 300ms ease 0s;
    -webkit-transition: background 300ms ease 0s;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    border-top: 1px solid var(--flexcolor2f1);
/* border-bottom: 1px solid var(--flexcolor2f7); */
}

.accordion .card-body {
}

a[aria-expanded="true"] > h3 {
	/*background-color: var(--flexcolor2l);*/
	color: var(--flexcolor3f5) !important;
    border-top: 1px solid var(--flexcolor3f2);
    border-bottom: 0px solid var(--flexcolor3f2);
}


/* HOVER */
.accordion a > h3.active, /* - - - - -ERROR makes top #039303, but starts #1 #039303 instead of gray */
.accordion a > h3:hover,
.accordion a > h3:hover span {
    background-color: var(--flexcolor2);
	color: white !important;
}


.accordion .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 30px 10px !important;
    font-size: 100%;
    font-weight: normal;
    line-height: 150% !important;
    color: #626262;
    padding: 0px 55px 0 25px;
}
.accordion .card-body li {
    line-height: 180% !important;
}

.accordion .card-body h1,
.accordion .card-body h2 {
    color: var(--color2);
    font-size: 140%;
}

.accordion .card-body h3,
.accordion .card-body h4,
.accordion .card-body h5,
.accordion .card-body h6 {
    color: var(--color2);
    font-size: 120%;
}










/*
===============================
PROGRESS BAR
===============================
*/



.progress-bar {
background-color: transparent;
}



/*
===============================
INVOICE
===============================
*/

.invoice-head {
background-color: var(--color1l) !important;
}
.estimate-head,
.estimate-head.boxTotal {
background-color: #ff9c00 !important;
}

.invoice-head .boxTitle,
.estimate-head .boxTitle {
}
.estTotals {
	margin-left: 0;
}

.boxTitle {
	padding-right: 28px;	
	padding-left: 30px;
	height: 100%;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	letter-spacing: 0.3rem !important;
	font-size: 120% !important;
}
.boxTotal,
.paymentTotal {
	padding-right: 110px;	
	padding-left: 110px;
	height: 100%;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: var(--color1l) !important;
	min-width: 300px;
	font-size: 200% !important;
}
.estimate-head.boxTotal {
	padding-right: 80px;	
	padding-left: 80px;
	min-width: 320px;
}


.paymentTotal {
	background-color: #00C400 !important;
}



.projTotal {
	padding-right: 80px;	
	padding-left: 80px;
	height: 100%;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 330px !important;
	font-size: 160% !important;
	color: #039303;
	/*background-color: red !2216
	important;*/
	min-width: 330px;
}

.boxLeft {
}


.invSummary {min-width: 320px;}
.invSummaryHeader .h2 {
	font-size: 260%;
}


@media (max-width: 1200px) /* navbar-expand-lg */ {
.projTotal {
	min-width: 160px !important;
	max-width: 180px;
	 padding-right: 60px; 
	 padding-left: 60px; 
	font-size: 180% !important;
}

.boxLeft {
}

.invSummary {min-width: 280px;}
.invSummaryHeader .h2 {
	font-size: 230%;
}

}


@media (max-width: 992px) /* navbar-expand-md */ {
.boxTitle {
	letter-spacing: 0.25rem !important;
	font-size: 110% !important;
	padding-right: 20px;	
	padding-left: 23px;
}
.boxTotal,
.paymentTotal {	
	font-size: 220% !important;
	padding-right: 50px;	
	padding-left: 50px;
	min-width: auto;
}
.priceBlock {
}
.invSummary {min-width: 260px;}
.invSummaryHeader .h2 {
	font-size: 220%;
}

}

@media (max-width: 768px) /* navbar-expand-sm */ {
.invoice-head,
.estimate-head {
	background-color: transparent !important;
	}
.boxTitle {
	letter-spacing: 0.2rem !important;
	font-size: 100% !important;
	padding-right: 15px;	
	padding-left: 15px;
}
.boxTotal,
.paymentTotal {	
	font-size: 170% !important;
	padding-right: 35px;	
	padding-left: 35px;
}
.estimate-head.boxTotal {
	padding-right: 50px;	
	padding-left: 50px;
	min-width: 240px;
}

.projTotal {
	color: #039303;
	min-width: initial !important;
}

.estTotals {
	margin-left: 10px;
}

.boxLeft {
}

.invSummary {min-width: 230px;}
.invSummaryHeader .h2 {
	font-size: 200%;
}


}

@media (max-width: 576px) /* navbar-expand-xs */ {
.boxTotal,
.paymentTotal {	
	font-size: 170% !important;
	padding-right: 30px;	
	padding-left: 30px;
}

.projTotal {
	padding-right: 0px;	
	padding-left: 115px;
	height: 100%;
	display: inline-flex !important;
	align-items: left !important;
	justify-content: left !important;
	min-width: auto !important;
	font-size: 160% !important;
	color: #039303;
}

.boxLeft {
}

.invSummary {min-width: 220px;}
.invSummaryHeader .h2 {
	font-size: 190%;
}

}









.IconsProj {
position: relative;
text-align: center;
}  

.IconsProj .group2 {
padding-left: 10px;
border-left: 1px solid #CCCCCC;
}  



.AliasGroup {
z-index: 100;
}
.AliasGroup:hover > div {
  display: block;
}


.AliasHover {
 	cursor: pointer;
	cursor: hand;
}  

.AliasShow {
	 display:none;
	 position: absolute;
	left: 0px;
	bottom: -25px;
	text-align: left;
}

.AliasHover:hover ~ .AliasShow {
  display: block;
}

.datepicker-input{
	position:relative;
}
.datepicker-input input{
	margin:0;
	padding-right:45px;
}

.datepicker-input__icon{
	font-size: 1.25rem;
    line-height: 1.5;
    color: white;
    white-space: nowrap;
    background-color: var(--color1) !important;
    border: 0px solid #ced4da;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:45px;
	border-radius: 0 0.25rem 0.25rem 0;
	pointer-events: none;
	
}

.datepicker-input__icon svg{
	position:absolute;
	top:50%;
	transform: translate(-50%, -50%);
	left:50%;	
}

.ui-datepicker-title{
	display:flex;
}

.ui-datepicker select.ui-datepicker-month,
 .ui-datepicker select.ui-datepicker-year{
	width: 45%;
    height: 30px;
    line-height: 1.8;
    padding: 0 5px;
    margin: 0 10px;
 }

 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:3px;}
 .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}