/*********************************************************/
/*  CSS for LG Direct Service Pages    */


.parts .full-width .inner .img-area {
    text-align: center;
    width: 36%;
}
.parts .full-width .inner .two-column {
    border-bottom: 0;
}
.parts .title-wrap {
    text-align: center;
    font-size: 44px;
    padding: 40px 0 0;
}


.lgeai-ds-top-spacing {padding-top: 2rem} .lgeai-ds-bottom-spacing {padding-bottom: 2rem} .italic {font-style: italic;color: gray;}.small-text * {font-size: 100% !important;}.pad {padding: 15px;}/* WHY LG */.fifty {width: 50% !important} .text-area.wlg, .img-area.wlg {width: 45% !important; text-align: center;}.text-area.wlg ul { list-style-type: none;}/* MEET OUR TECHNICIANS */.img-area.ai p, .text-area.ai p {margin: 5px !important;overflow: hidden;}

.distributor-tabs {width: 100%; display: flex; margin: 0;}
.distributor-tabs a {padding: 3rem 3rem 0; background: #eee; width: 100%; text-align: center; color: #333; font-size: 2.2rem;}
.distributor-tabs a:hover, .distributor-tabs a:focus {text-decoration: none;}
.distributor-tabs a.tab {background: #bbb; cursor: pointer;}
.distributor-tabs a.tab.active, .distributor-tabs a.tab:hover {background: #666; color: #fff;}
.dist-section {padding-top: 1rem; border-top: 1px solid #bbb;}
.distributor-content > h4 {font-size: 2rem;}
.distributor-content .dist-area {display: flex; margin: 0 0 2rem;}
.distributor-content .dist-area .column:first-child {border-right: 1px solid #fff;}

.region {text-align: left; display: none;}
.region.active, .distributor-tabs a.region.tab {display: block;}
.region .dist-link {padding: 1.5rem 2rem; font-size: 2rem;}
.dist-link .icon-link:before {content: ""}

.distributor-content .dist-area .dist-map {position: relative; background: #fff; overflow: hidden;}

.column.dist-map img:nth-child(2) {
	position: relative;
	z-index: 1;
}
.column.dist-map img:not(:nth-child(2)) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.column.dist-map img.active {
	z-index: 3;
}

.dist-info .region .title {
	display: block;
	font-size: 3rem;
	margin: 0;
}
.dist-info .region .dist-region-inner {
	display: block;
	background: #666;
	color: #fff;
	padding: 2rem;
}
.dist-info .region .dist-region-inner .title-center-name {
	font-size: 3rem;
}
.dist-info .region .dist-region-inner p {
	margin: 0;
	line-height: 2rem;
}
.dist-info .region .dist-region-inner a, .dist-info .region .dist-region-inner a .icon {
	color: #fff;
}
.dist-info .region .dist-region-inner .parts-img {
	float: right;
}

.dist-states .center-list .region {
	border: none;
	margin: 0;
	padding: 1.5rem 2rem;
	background: #bbb;
	line-height: 1.5rem;
}
.dist-states .center-list .region li {
	display: inline;
	width: auto;
	margin-right: .5rem;
	font-size: 1.6rem;
}
.center-list ul li:not(:first-child):before {
	content: " | ";
}
.center-list ul li:first-child:before {
	content: "";
}

.icon-link:before {content: '\f103'; font-size: 80%;}

.col1-1{
	float: left;
	margin-right: 5%;
}
.col1-2{
	float: left;
	border-left: 1px solid white; 
	padding-left: 5%;
}

@media only screen and (max-width: 1000px) {
	.dist-info .region .title {
		font-size: 2.5rem;
	}
}

@media only screen and (max-width: 850px) {
	.dist-info .region .title {
		font-size: 2.2rem;
	}
}

@media only screen and (max-width: 768px) {
	section .title-sub {
		text-align: center !important;
	}

	.two-column > div, .two-column > section {
		width: 100% !important;
	}

	.img-area.ai > * {
		text-align: center !important;
	}

	.tab-section ul li {
		width: 100% !important;
		border-bottom: 2px solid white;
		overflow: hidden;
	}

	.tab-section ul li:before {
		display: none;
	}

	.img-70 {
		width: 70% !important;
	}

	.distributor-tabs {flex-flow: row wrap;}
	.distributor-tabs .title {flex-basis: 100%;}
	.distributor-tabs .tab {flex-basis: 33.33%; font-size: 1.6rem;}
	.distributor-content {padding: 2rem 0;}
	.distributor-content > h4 {font-size: 2rem; padding: 0 2rem 2rem;}
	.dist-info .region .dist-region-inner .parts-img {float: none; display: block;}
	.dist-info .region .title {
		font-size: 3rem;
	}
	.distributor-content .dist-area {flex-flow: row wrap; margin: 0;}
	.distributor-content .dist-area > * {flex-basis: 100%; margin: 0;}
	.distributor-content .dist-area > *:last-child {padding-bottom: 0;}
	.distributor-content .dist-area .column:first-child {border: none; margin-bottom: 2rem;}

	.col1-1{
		margin-right: none;
		display: block;
    		width: 100%;
		
	}

	.col1-2{
		border-left: none !important;
		padding-left: 0% !important;
		border-top: 1px solid white;
		padding-top: 5%;
		margin-top: 5%;
		display: block;
    		width: 100%;
	}
}