@charset "utf-8";
/* TWO COLUMN - LEFT IMAGE - RIGHT COPY CSS */

.two-column-leftimage-rightcopy-margin-top {margin-top: 100px;}
.two-column-leftimage-rightcopy-padding-top {padding-top: 100px;}
.two-column-leftimage-rightcopy-main-container {height:auto;}
.two-column-leftimage-rightcopy-inner-container {}
.two-column-leftimage-rightcopy-l-col {margin-bottom:60px;}
.two-column-leftimage-rightcopy-image-container {max-width: 75%;height:auto;border-radius: 0px 20px 20px 0px;overflow: hidden;z-index: 2;position: relative;clear: both;}
.two-column-leftimage-rightcopy-image-container img {}

.two-column-leftimage-rightcopy-image-container a.no-underline {text-decoration:none;}
.two-column-leftimage-rightcopy-image-container a.no-underline:hover {text-decoration: none !important;}
.two-column-leftimage-rightcopy-image-container a.no-underline:focus {border: none !important;outline: none!important;text-decoration: none !important;}
.two-column-leftimage-rightcopy-image-container a.no-underline:focus:not(:focus-visible) {outline: none!important;}

.two-column-leftimage-rightcopy-image-container a img {border-radius: 0px 20px 20px 0px;}

.two-column-leftimage-rightcopy-r-col {max-width:100%;padding: 0px 20px 0px 20px;}
.two-column-leftimage-rightcopy-r-col h2 {font-size:24px;font-weight:300;line-height:30px;}
	.two-column-leftimage-rightcopy-r-col h2:before {
		content: '';
		width: 40px;
		height: 2px;
		background: #ED8800;
		position: relative;
		top: -12px;
		display: block;
	}
.two-column-leftimage-rightcopy-r-col h3 {font-size:20px;font-weight:700;line-height:27px;padding-top:10px;padding-bottom: 10px;}
.two-column-leftimage-rightcopy-r-col .h3-esp {
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
}
.two-column-leftimage-rightcopy-r-col .h4-esp {
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	padding-top: 0px;
	padding-bottom: 0px;
}
.two-column-leftimage-rightcopy-r-col p {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	}
.ol-esp {
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	padding-left: 20px;
}
.two-column-leftimage-rightcopy-r-col ul {
	list-style-type: none;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding-left: 40px;
}
.two-column-leftimage-rightcopy-r-col li {padding:0px 0px 20px 0px;}
.two-column-leftimage-rightcopy-r-col ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #000000; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}	

.two-column-leftimage-rightcopy-r-col ol.num-parenthesis {counter-reset: list;font-size:16px;font-weight:300;line-height:24px;padding-left: 40px;}
.two-column-leftimage-rightcopy-r-col ol.num-parenthesis > li {list-style: none;}
.two-column-leftimage-rightcopy-r-col ol.num-parenthesis > li:before {
	content: counter(list) ") ";
	counter-increment: list;
}

.left-image-offset-1 {top:-50px!important;}
.left-image-offset-2 {top:50px!important;}		


@media (min-width: 320px) {
	
}

@media (min-width: 360px) {
	
}

@media (min-width: 375px) {

	
}

@media (min-width: 576px) {
.two-column-leftimage-rightcopy-main-container {}
.two-column-leftimage-rightcopy-image-container {border-radius: 20px 20px 20px 20px;}
.two-column-leftimage-rightcopy-image-container {max-width: 100%;}
.two-column-leftimage-rightcopy-image-container a img {border-radius: 20px 20px 20px 20px;}
.two-column-leftimage-rightcopy-r-col {max-width:100%;padding: 0px 0px 0px 0px;}
.two-column-leftimage-rightcopy-r-col h2 {font-size:34px;line-height:47px;}
.two-column-leftimage-rightcopy-r-col p {font-size:18px;line-height:27px;}
.two-column-leftimage-rightcopy-r-col ul {font-size:18px;line-height:24px;}	
.two-column-leftimage-rightcopy-r-col ol.num-parenthesis {font-size:18px;line-height:24px;}	
}		

@media (min-width: 768px) {
.two-column-leftimage-rightcopy-inner-container {max-width: 100%;margin:0 auto;}
.two-column-leftimage-rightcopy-image-container {}
.two-column-leftimage-rightcopy-image-container {max-width: 100%;}		
}
	
@media (min-width: 992px) {
.left-image-offset-1 {top:-50px!important;}
.left-image-offset-2 {top:50px!important;}
.two-column-leftimage-rightcopy-inner-container {max-width: 960px;margin: 0 auto;}
.two-column-leftimage-rightcopy-image-container {max-width: 420px;}
.two-column-leftimage-rightcopy-r-col {max-width: 440px;padding: 40px 0px 0px 0px;}
.two-column-leftimage-rightcopy-l-col {margin-bottom:0px;}
}

@media (min-width: 1200px) {
.two-column-leftimage-rightcopy-inner-container {max-width: 100%;}
.two-column-leftimage-rightcopy-image-container {border-radius: 0px 20px 20px 0px;}
.two-column-leftimage-rightcopy-image-container a img {border-radius: 0px 20px 20px 0px;}
.two-column-leftimage-rightcopy-image-container {max-width: 530px;}
.two-column-leftimage-rightcopy-r-col {max-width: 440px;padding: 60px 0px 0px 0px;}	
}

@media (min-width: 1440px) {
.two-column-leftimage-rightcopy-image-container {max-width: 703px;}
.two-column-leftimage-rightcopy-r-col {max-width: 700px;padding: 60px 0px 0px 150px;}	
}

@media (min-width: 1441px) {
.two-column-leftimage-rightcopy-image-container {border-radius: 20px 20px 20px 20px;}
.two-column-leftimage-rightcopy-image-container a img {border-radius: 20px 20px 20px 20px;}
.two-column-leftimage-rightcopy-image-container {max-width: 703px;}	
}


@media (min-width: 1500px) {
	
}

@media (min-width: 1650px) {
	
}
	
		

