﻿/* Over-writing SXA CSS */
body {
  background: none;
  padding-bottom: 0;
}

#wrapper > header {
  background: none; 
}

#wrapper > main {
  background: none;
  min-height: 400px;  
}
strong {
	font-weight: 800;
}

/*img {
	display: block;
    max-width: 100%;
    height: auto;
}*/
/* Over-writing SXA CSS over */




/* Mindtree CSS begins */


/* Generic CSS */
html, body {
  font-family: 'PT Sans','PT Sans Bold', serif;
 /* font-family: 'Open Sans', sans-serif;*/
  font-size: 18px;
}

a {
	font-weight: normal;
}

.page-list .item {
	border-image: none;
	border-width: 0;
}

header > .container,
main > .container,
footer > .container {
	max-width: 1400px;
	width: 90%;
	padding-left: 0;
    padding-right: 0;
}


.container a, .rich-text a {
	text-decoration: none;
	color: #666;
}

.container a:hover, .rich-text a:hover {
	text-decoration: underline;
} 
 
main .container p, main .container div, main .container span, main .container a {
	font-size: 16px;
}

main .container p { 
	padding: 0 0 10px 0;
}
 
main .container table, main .container table tr, main .container table th, main .container table td {
	border: 1px solid #ddd;
	border-collapse: collapse;
}

main .container table tr td {
	background: #fff;
}

main .container table tr.odd td {
	background: #f8f9fa;
}

main .container table td, main .container table th {
	text-align: center;
} 

main .rte_content a, main form a {
	color: #1845ab !important;
}

main .rte_content a:hover, main form a:hover { 
	text-decoration: none !important;
}
/*main .container ul li:before, main .container ol li:before {
	list-style: none;
	content: "\f054"; 
	font-family: fontawesome;
	color: #ee2227;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}*/

.content li, .rich-text li {
	font-size: inherit;
}

main .field-promolink a {
	background: #EE2227;
	color: #fff !important;
	padding: 10px 30px;
	font-weight: 800;
	float: left;
}

main .field-promolink a:hover {
	color: #FFF;
}

main .field-promolink a:hover {
	text-decoration: none;
}

/*Horizontal scroll issue fix*/
header > .container > .row, main > .container > .row{
	margin-left: 0;
	margin-right: 0;
}
/*Horizontal scroll issue fix over*/

.sp-HomePageCenterLeft,
.sp-HomePageCenterRight {
	margin-bottom: 15px;
}

.sp-HomePageCenterRight .file-type-icon-media-link {
	text-align: center;
}

.sp-HomePageCenterLeft .rich-text {
	padding-left: 0;
}

.page-heading {
	font-size: 1.2em;
	padding: 10px 8px;
	background: #f9f9f9;
}
.home-heading {
	background: transparent;
	border-bottom: 2px solid #EE2227;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.home-heading .highlight {
	color: #EE2227;
	font-size: inherit;
}
/*
.HomeRightPromo {
	border: 0;
	border-width: 0;
	border-image: none;
}*/
@media only screen and (max-width: 991px) { 
	header > div.container, main > div.container, footer > div.container {
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
}
/* Generic CSS over */



/* Deepak CSS */
.field-headingid
{
	display: none;
}
/* Deepak CSS over */





/* Active URL Links */
 .sp-topnav-main-horizontal .clearfix > li.active > .navigation-title > a,
 .sp-topnav-main-horizontal .clearfix > li.active > .clearfix > li.active > a,
 .sp-leftnav-main-horizontal .clearfix > li.active > .navigation-title > a,
 .sp-leftnav-main-horizontal .clearfix > li.active > .clearfix > li.active > a {
	 /*color: #ee2227;*/
	 font-weight: 800;
 }
 .sp-topnav-main-horizontal {
	margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: -5px;
 }

 @media only screen and (min-width: 768px) {
	 .sp-topnav-main-horizontal { 
		border-bottom: 1px solid #eee;
	 }
 }
/*Except first item background color of all links*/
/*.sp-topnav-main-horizontal .clearfix:not(:first-child) li.active {
	background: #CCC;
} */ 

/* Active URL Links over */

/* Top Logo Header */
#header .file-type-icon-media-link {
	width: 59%;
	float: left; 
}
#header .sp-main-logo {
	margin: 22px 0 0 -5px;
}
#header .plain-html {
	width: 39%;
	float: left;
	text-align: right;
}
@media only screen and (max-width: 767px) {
	#header .plain-html input[type=text]{ 
		width: 50%;
		border: 1px solid #ccc;
		background: #eee;
		color: #666;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-family: inherit;
	}
	#header .plain-html { 
		padding-right: 0;
	}
}
@media only screen and (min-width: 768px) {
	#header .plain-html input[type=text]{ 
		width: 58%;
		border: 1px solid #ccc;
		background: #afafaf;
		color: #666;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-family: inherit;
		margin-top: 8px;
	}
	#header .plain-html { 
		padding-right: 0;
	}
}
/* Top Logo Header over */

/* Top Horizontal navigation */
.sp-topnav-main-horizontal a {
	padding-right: 4px;
}
.sp-topnav-main-horizontal a:hover {
	text-decoration: none;
}
.sp-topnav-main-horizontal .clearfix:not(:first-child) li .navigation-title a { 
	padding: 5px 10px;
	display: block;
}
.sp-topnav-main-horizontal .clearfix li {
	display: inline-block;
} 
.sp-topnav-main-horizontal .clearfix li a {
	color: #3e3e3e;
	font-weight: 800;
	text-transform: capitalize;
}

@media only screen and (min-width: 768px) {
		
	header > .container > .row > .component.container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.sp-topnav-main-horizontal .level1 .clearfix li:hover {
		background: #EEE;
	} 
	.sp-topnav-main-horizontal .level1 > .clearfix:not(:first-child)li:hover :before { 
		background: #EEE;		
	}
	.sp-topnav-main-horizontal .clearfix:first-child > li {
		padding-bottom: 8.5px;
		margin-bottom: -10px;
	}
	.sp-topnav-main-horizontal .clearfix:not(:first-child) {
		display: none;
		position: absolute;
		max-width: 232px;
		width: 100%;
		background: #FFFFFF;
		z-index: 999;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin: 10px 0;
		border: 1px solid #ccc;
	}
	
	.sp-topnav-main-horizontal .level1 .clearfix {
		box-shadow: 0 5px 9px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.2);
	}
	
	.sp-topnav-main-horizontal .level2 .clearfix {
		left: 99%;
		top: -18px;
		margin-left: 0;
	} 

	.sp-topnav-main-horizontal .clearfix:not(:first-child) li {
		display: block;
		position: relative;
	}
	
	
	.sp-topnav-main-horizontal .level1 > .clearfix:not(:first-child):before {
		content: '';
		width: 0;
		height: 0;
		border-bottom: 9px solid #999;
		border-right: 9px solid transparent;
		border-left: 9px solid transparent;
		position: absolute;
		top: -9px;
		left: 36px;
	}
	.sp-topnav-main-horizontal .level1 > .clearfix:not(:first-child):after{
		content: '';
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-bottom: 12px solid #FFF;
		border-right: 12px solid transparent;
		position: absolute;
		top: -8px;
		left: 33px;
	}	

	.sp-topnav-main-horizontal .level2 .clearfix:after, 
	.sp-topnav-main-horizontal .level2 .clearfix:before { 
		content: '';
	}
	
	.sp-topnav-main-horizontal .clearfix .level1:hover > .clearfix,
	.sp-topnav-main-horizontal .clearfix .level2:hover > .clearfix,
	.sp-topnav-main-horizontal .clearfix .level3:hover > .clearfix,
	.sp-topnav-main-horizontal .clearfix .level4:hover > .clearfix,
	.sp-topnav-main-horizontal .clearfix .level5:hover > .clearfix,
	.sp-topnav-main-horizontal .clearfix .level6:hover > .clearfix {
		display: block; 
	}

	.sp-topnav-main-horizontal nav > .clearfix > .level1 { 
		padding-right: 15px;
	}
	 
	.sp-topnav-main-mobile { 
		display: none;
	}
	 
	.sp-topnav-main-horizontal .level1 { 
		border-bottom: 2px solid #FFF;
	}
	.sp-topnav-main-horizontal .level1:hover {
		/*border-bottom: 2px solid #EE2227;*/
	}
	.sp-HomePageCenterRight .file-type-icon-media-link {
		text-align: center;
	}
	.sp-topnav-main-horizontal .level1 > .field-navigationtitle:not(:only-child):after {
		content: '';
		position: relative;
		top: 15px;
		left: 0px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 5px;
		border-style: solid dashed dashed dashed;
		border-color: #555 transparent transparent transparent;
	}
	.sp-topnav-main-horizontal .level2 .field-navigationtitle:not(:only-child):after{
		content: '';
		position: absolute;
		top: 12px;
		right: 12px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 5px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #555;
	}
	
	.sp-topnav-main-horizontal .clearfix .field-navigationtitle:only-child:after {
		content: "";
	}
	.sp-topnav-main-horizontal .ham-open-submenu { 
		display: none;
	}
	.sp-topnav-main-horizontal .clearfix:not(:first-child) > li:first-child, .sp-topnav-main-horizontal .clearfix:not(:first-child) > li:last-child {
		margin: 5px 0;
	}
	.header-searchbox-container {
		display: block;
		margin: 9px 22px 0;
	}
	.header-searchbox-container .header-searchbox { 
		display: block;
		float: right;
		color: #EEE !important;
	}
	.header-go {
		display: none;
	}
	
	.header-search-button {
		right: -57%;
		position: relative;
		float: right;
		z-index: 9999;
		top: 4px;
		border: 1px solid #afafaf;
		background: #afafaf;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #EEE;
	}
	.header-search-button .fa-search {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	#header > div > .container {
		width: auto;
	}
	.main-menu {
		padding: 0;
		top: 0;
		position: absolute;
	}
	#header .file-type-icon-media-link {
		/*padding-left: 17%;*/
		left: 23%;
		position: relative;
	}
	.sp-topnav-main-horizontal .clearfix:not(:first-child) li .navigation-title a {
		display: inline-block;
	} 	
	.sp-topnav-main-horizontal nav {
		position: absolute;
		width: 100%;
		z-index: 9999;
		background: white;
		left: 0;
		right: 0;
		padding: 0 15px;
		top: 21px;
		font-size: 20px;
	}
	.sp-topnav-main-horizontal .ham-open-submenu {
		padding: 15px 0;
		width: 45px;
		text-align: center;
		font-size: 0.67em;
	}
	.sp-topnav-main-horizontal .level2 .ham-open-submenu { 
		padding: 10px 0;
		width: 45px;
	}
	/*header .row.column-splitter {
		padding-top: 100px;
	}*/
	.sp-topnav-main-mobile { 
		display: block;
		padding-left: 15px;
		width: 75px;
	    margin-left: -15px;	
	}
	header nav > .clearfix {
		display: none;
	}
	.sp-topnav-main-mobile:before {
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 1.6em;
		background: rgb(175, 175, 175);
		padding: 4px 8px;
		color: #eee;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		
		/*content: "\f0c9";
		font-family: fontawesome;
		font-size: 2.4em;
		padding: 1px 6px;
		border: 1px solid #111;
		border-radius: 3px;*/
	}
	.sp-topnav-main-horizontal .clearfix li {
		display: block;
	}
	.sp-topnav-main-horizontal > div > nav > .clearfix > li > .clearfix { 
		display: none;
	}
	.sp-topnav-main-horizontal > div > nav > .clearfix > li {
		border-bottom: 1px solid #CCC;
	}
	.sp-topnav-main-horizontal .clearfix li .clearfix li {
		background: #eee;
		padding-left: 0;
	}
	.sp-topnav-main-horizontal .clearfix:not(:first-child) {
		position: relative;
	}
	.sp-topnav-main-horizontal a{
		padding: 12px 5px;
		display: inline-block;
		font-size: 0.67em;
	}
	.sp-topnav-main-horizontal .clearfix:first-child > li > .navigation-title {
		/*padding: 12px 0;*/
	}
	.sp-topnav-main-horizontal .level1 > .navigation-title:only-child {
		padding-left: 45px !important;
	}
	.sp-topnav-main-horizontal .level2 .navigation-title:only-child {
		padding-left: 45px !important;
	}
	
	.sp-topnav-main-horizontal .level1 .clearfix {
		display: none;
	}
	 
	.sp-topnav-main-horizontal .level1 .clearfix .ham-open-submenu, .sp-topnav-main-horizontal .level2 .navigation-title:not(:only-child) ~ .clearfix > li {
		background: #ddd;
		padding-left: 7px;
		padding-right: 7px;
	}
	.sp-topnav-main-horizontal .level2 .clearfix .ham-open-submenu, .sp-topnav-main-horizontal .level3 .navigation-title:not(:only-child) ~ .clearfix > li {
		background: #ccc;
		padding-left: 14px;
		padding-right: 14px;
	}
	.sp-topnav-main-horizontal .level3 .clearfix .ham-open-submenu, .sp-topnav-main-horizontal .level4 .navigation-title:not(:only-child) ~ .clearfix > li {
		background: #bbb;
		padding-left: 21px;
		padding-right: 21px;
	}
	.sp-topnav-main-horizontal .level4 .clearfix .ham-open-submenu, .sp-topnav-main-horizontal .level5 .navigation-title:not(:only-child) ~ .clearfix > li {
		background: #aaa;
		padding-left: 28px;
		padding-right: 28px;
	}
	
	.navigation .rel-level1 {
	  margin-bottom: 0;
	}
	.main-menu {
		padding: 0;
		margin-top: -52px;
		position: static;
		width: auto;
		float: left;
		margin-left: -8px;
	}
	 
	.header-go {
		display: block;
		background: #ccc;
		float: right;
		color: #eee;
		padding: 9px 10px;
		border-radius: 5px;
		margin-top: 7%;
		margin-right: -3%;
		font-size: 1.2em;
	}
	.sp-topnav-main-horizontal {
		position: absolute;
		width: 100%; /*temp sol for the purpose of horizontal issue*/
		z-index: 9999;
		background: transparent;
		left: 0;
		right: 0;
		padding: 0 15px;
		top: 55px;
		font-size: 20px;
	}	
	#header .header-searchbox-container {
		position: absolute;
		z-index: 9999;
		left: 0;
		background: #CCC;
		width: 100% !important;
		display: none;
	}
	#header .header-searchbox-container:before {
		content: '';
		width: 0;
		height: 0;
		border-bottom: 16px solid #ccc;
		border-right: 16px solid transparent;
		border-left: 16px solid transparent;
		position: absolute;
		top: -9px;
		right: 20px;
	}
	#header .header-searchbox { 
		width: 100% !important;
		background: #FFF !important;
		padding: 1px 0 1px 0;
		font-size: 14px;
	}
	
	#header .header-search-button {
		right: 0;
		position: absolute;
		float: right;
		z-index: 99999999;
		top: 1px;
		border: 1px solid #ccc;
		background: #ccc;
		color: #eee;
		padding: 10px 20px;
		font-size: 16px;
	}
	
	#header .header-search-button .fa-search:before {
		content: "GO";
	}
}

@media only screen and (min-width: 726px) and (max-width: 767px) {
	#header .header-searchbox-container { 
		top: 88px;
		padding: 5px;
	}
}	
@media only screen and (min-width: 568px) and (max-width: 725px) {
	#header .header-searchbox-container { 
		top: 86px;
		padding: 5px;
	}
}	
@media only screen and (min-width: 437px) and (max-width: 567px) {
	#header .header-searchbox-container { 
		top: 83px;
		padding: 5px;
	}
}	
@media only screen and (max-width: 436px) {
	#header .header-searchbox-container { 
		top: 79px;
		padding: 5px;
	}
}
.sp-HomePageCenterRight {
	float: left;
}

/* Top Horizontal navigation */











/* Left navigation */
.sp-leftnav-main-horizontal a {
	padding: 5px;
	display: inline-block;
	text-decoration: none !important;
}
.sp-leftnav-main-horizontal ul li:before {
	content: initial !important;
}
.sp-leftnav-main-horizontal li > .navigation-title:only-child > a { 
	/* padding-left: 27px; */
}
.sp-leftnav-main-horizontal .clearfix:not(:first-child) {
	display: none;
}
.sp-leftnav-main-horizontal .clearfix:not(:first-child) li {
	display: block;
	padding-left: 5%;
}
/*.sp-leftnav-main-horizontal .clearfix li > div a:before {
	 content: "\25B6"; 
	cursor: pointer;
	font-size: 0.67em;
	color: black;
}*/
/*.sp-leftnav-main-horizontal .clearfix li > div:only-child a:before { 
	content: "";
}*/
 
/*.sp-leftnav-main-horizontal .clearfix a.expanded:before { 
	content: "\25BC";  
	color: black;
}*/
.arrow {
	color: black;
	cursor: pointer;
	font-size: 1.07em;
	width: 22px;
    text-align: center;
}
@media only screen and (max-width: 767px) {
	.sp-leftnav-main-horizontal, .sp-LeftNavHeader {
		display: none;
	}
}
/* Left navigation */


/* FAQ start */
.faq-panel-group .panel-heading {
	background: #fff;
}
.faq-panel-group .panel-heading h4 {
	font-size: 14px;
}
.faq-panel-group .panel-heading a { 
	text-decoration: none;
} 
.faq-panel-group .panel-heading a:before { 
	content: "\f067";
	font-family: fontawesome;
	padding-right: 9px;
	font-size: 0.8em;
}
.faq-panel-group .panel-heading a[aria-expanded=true]:before { 
	content: "\f068";
	font-family: fontawesome;
}
.faq-panel-group .panel-heading a.collapsed:before { 
	content: "\f067";
	font-family: fontawesome;
}
 
.faq-panel-group .panel {
	border: none;
	box-shadow: 0 1px 1px 1px #f2f3f4;
	/*-moz-box-shadow: none;
	-webkit-box-shadow: none;*/
}
.faq-panel-group .panel .panel-body{ 
	border: none !important;
}
/* FAQ end */

/* Footer */
#footer {
	background: #e2e2e2;
}
.sp-footerNavigationPrimary, .sp-footerNavigationSecondary {
	padding-left: 0;
	padding-right: 0;
}
.sp-footerNavigationPrimary a{
	padding-top: 0;
	padding-bottom: 0;
}
.sp-footerNavigationSecondary a:hover,
.sp-footerNavigationPrimary a:hover { 
	text-decoration: none;
}
.sp-footerNavigationPrimary h4 {
	padding: 5px 15px;
}
.sp-footerNavigationPrimary > div > nav > .clearfix { 
	margin: 0;
	width: 100%;
	float: left;
}
.sp-footerNavigationPrimary > div > nav > .clearfix > li {
	width: 18%;
	float: left;
    margin-left: 2%;
}

.sp-footerNavigationPrimary > div > nav > .clearfix > li > .navigation-title {
	margin: 15px 0;
}

.sp-footerNavigationPrimary > div > nav > .clearfix > li:last-child {
	/*clear: left;*/
}
.sp-footerNavigationPrimary .clearfix:not(:first-child) a {  
	color: #000;
	font-size: 13px;
	display: inline-block;
}
.sp-footerNavigationPrimary .navigation-title { 
	font-weight: 800;
}
.sp-footerNavigationPrimary .clearfix li {
	display: block;
	padding-left: 0;
}

.sp-footerNavigationSecondary {
	background: #262626;
	padding: 10px 0 10px;
}
.sp-footerNavigationSecondary nav .clearfix {
	margin: 0 auto;
	text-align: center;
	width: 80%;
	list-style: none;	
	display: inherit;
}
.sp-footerNavigationSecondary nav .clearfix li { 
	display: inline-block;
}
.sp-footerNavigationSecondary nav .clearfix li a {
	color: #c1c1c1;
	font-size: 13px;
}
.sp-footerNavigationSecondary nav .clearfix li a:hover {
	color: #c1c1c1;
}

@media only screen and (max-width: 767px) {
	footer .sp-footerNavigationPrimary {
		display: none;
	}
	
	footer .sp-footerNavigationSecondary {
		margin-top: 0;
	}
}

.sp-footerNavigationCopyright {
	background: #262626;
    padding: 5px 0 10px;
    margin-top: -12px;
    color: #c1c1c1;
    text-align: center;
    padding-bottom: 20px;
}
/* Footer end */





/* Carousel */
main .container .sp-HomeCarousel { 
	border: none;
}

/* 
.sp-HomeCarousel  .field-slideimage img
{
	display: block;
    max-width: 100%;
    height: auto;
}
*/

@media only screen and (min-width: 992px) {
	main .container .sp-HomeCarousel {
		/*top: -20px;*/
		padding-top: 0;
		padding-bottom: 0;
		max-height: 475px;
		overflow: hidden;
		margin-top: 5px;
	}
}

main .container .sp-HomeCarousel ul li:before, main .container .sp-HomeCarousel ol li:before {
	content: initial;
}
main .container .sp-HomeCarousel .slides .slide div
{
	margin-top:0px;
}
main .container .sp-HomeCarousel .slides .slide .field-slidetext
{
	position:absolute;
	top:10%;
	background-color:rgba(51, 51, 51, .6);
	width:18%;
	font-size:25px !important;
	color:#fff;
	padding:1% 1.3%;
	left: 3px;
}

main .container .sp-HomeCarousel .slides .slide .field-slideheader
{
	top:25%;
	z-index:555;
	background-color:#808080;
	position:absolute;
	opacity:0.7;
	right:0px;
}
 
main .container .sp-HomeCarousel .slides .slide .field-slidelink a {
	text-decoration: none;
	bottom:8%;
	right:3%;
	width: 135px;
	position:absolute;
	background-color:red;
	color:white !important;
	/*height:5%;*/
    padding: 3px;
	text-decoration: none;
	color:white !important;
	font-size: 22px;
	border: 1px solid #eee;
}

main .container .sp-HomeCarousel .nav {
	position: absolute;
    bottom: 5%;
    left: 44%;
}

main .container .carousel .nav .nav-items:before, .carousel .nav .nav-items:after, main .container .carousel .nav .nav-items .sxa-bullets:before {
	background-image: none;
}

main .container .sp-HomeCarousel .carousel-inner .nav-items .sxa-bullets {
	color: #fff;
	background: transparent;
}

main .container .sp-HomeCarousel .carousel-inner .nav-items .sxa-bullets:before {
	content: "\f111";
	font-family: fontawesome;
	color: #FFF;
	font-size: 12px;
}
main .container .sp-HomeCarousel .carousel-inner .nav-items .sxa-bullets.active:before {
	color: #EE2227;
}
main .container .sp-HomeCarousel .wrapper {
	padding-bottom: 0;
}
/* Carousel end */

/* FAQ */
main .sp-FAQAccordion {
                border-image: none;
                border: 1px solid #ddd; 
}
main .sp-FAQAccordion .items {
                margin-bottom: 0;
}
main .sp-FAQAccordion .items > li {
                border-bottom: 1px solid #ddd; 
                margin-bottom: 0;
                background: whitesmoke;
}
main .sp-FAQAccordion .items > li::before {
                content: initial;
}
main .sp-FAQAccordion .items > li .toggle-header {
                border-image: none;
                border-width: 0;
                padding: 15px;
                margin-left: 0;
}
main .sp-FAQAccordion .items > li .toggle-content { 
                padding: 30px;
                border-top: 1px dotted #222;
                background: #fff;
}
main .sp-FAQAccordion .items > li.active .toggle-header {
                background: transparent;
                border: 0;
                box-shadow: inset 1px 0px 25px 4px lightgrey;
}
main .sp-FAQAccordion .items > li.active .toggle-content {
                box-shadow: inset 1px 0px 25px 4px lightgrey;
}
main .sp-FAQAccordion .toggle-header .component .field-heading:before {
                right: 10px;
                left: inherit;
                content: "\f138";
}
main .sp-FAQAccordion .items > li.active .toggle-header .component .field-heading:before { 
                content: "\f13a" !important;
}
main .sp-FAQAccordion .toggle-header .component .field-heading {
                padding-left: 10px;
				max-width: 88%;
				word-break: break-all;
				white-space: normal;
}
/* FAQ end */

/* Product Accordion */
main .sp-productAccordion {
                border-image: none;
                border: none; 
}
main .sp-productAccordion .items {
                margin-bottom: 0;
}
main .sp-productAccordion .items > li {
                border-bottom: 1px solid #ddd; 
                margin-bottom: 0;
                background: #eaeaea;
}
main .sp-productAccordion .items > li::before {
                content: initial;
}
main .sp-productAccordion .items > li .toggle-header {
                border-image: none;
                border-width: 0;
                padding: 1px;
                margin-left: 0;
}
main .sp-productAccordion .items > li .toggle-content { 
                padding: 12px 3px;
                border-top: none;
                background: #fff;
}
main .sp-productAccordion .toggle-content .rte_content { 
                font-size: 14px;
}
main .sp-productAccordion .toggle-content .rte_content a { 
                font-size: inherit;
				text-decoration: none;
				padding-left: 8px;
}
main .sp-productAccordion .toggle-content .rte_content a.download-pdf:before { 
				content: "\f019";
				font-family: fontawesome;
				margin-right: 5px;
				color: #333;
				font-size: 16px;
}
main .sp-productAccordion .items > li.active .toggle-header {
                background: transparent;
                border: 0;
                /*box-shadow: inset 1px 0px 25px 4px lightgrey;*/
}
/*main .sp-productAccordion .items > li.active .toggle-content {
                box-shadow: inset 1px 0px 25px 4px lightgrey;
}*/
main .sp-productAccordion .toggle-header .component .field-heading:before {
                right: 10px;
                left: inherit;
                content: "\f067";
				font-size: 13px;
				top: 25px;
}
main .sp-productAccordion .items > li.active .toggle-header .component .field-heading:before { 
                content: "\f068" !important;
}
main .sp-productAccordion .toggle-header .component .field-heading {
                padding-left: 10px;
}
/* Product Accordion end */

/* Footer */
footer #footer > .row {
	margin-left: 0;
	margin-right: 0;
}
/* Footer end */
.sp-RightNavCTA > div > .items > .item {
	padding: 0 !important;
	border-image: none;
	border: 0;
	margin-bottom: 15px;
} 

.sp-RightNavCTA .items .item:before {
	content: "";
}

.sp-RightNavCTA {
	padding-left: 15px;
    padding-top: 15px;
	text-align: center;
}
.sp-RightNavCTA .items {
	display: inline-block;
}

.sp-RightNavCTA .items .item a { 
	float: left;
}

/*
.sp-RightNavCTA .items .item a img { 
	width: 172px;
    height: 30px;
} */

.sp-PageHeader {
	margin-bottom: 10px;
	padding-left: 18px;
	border-bottom: 1px solid #C1C2C3;
}

.sp-PageHeader .field-title {
	font-size: 17px;
	font-weight: 800;
}

.sp-LeftNavHeader .field-title {
	color: #EE2227;
    font-size: 22px;
    font-weight: 800;
}

.sp-LeftNavHeader, .sp-PageHeader, .sp-RightNavCTA {
	margin-top: 15px;
}

/* How to order */
.sp-HowToOrder {
	border-image: none;
	border-width: 0px;
}
.sp-HowToOrder .headingBar {
	background: #e2e2e2;
	padding: 10px 0;
	text-align: left;
	font-weight: 800;
	padding-left: 15px;
}
.sp-HowToOrder .orderTable { 
	font-family: inherit;
}
.sp-HowToOrder .orderTable tr td.imgCell {
	padding: 2%;
	vertical-align: middle;
}
.sp-HowToOrder .orderTable tr td.imgCell img {
	display: block;
    max-width: 100%;
    height: auto;
}
.sp-HowToOrder .orderTable tr td.infoCell { 
	text-align: left;
	padding: 2%;
}
.sp-HowToOrder .orderTable tr td.infoCell strong {
	display: block;
}
/* How to order over */

/* Product listing */
.sp-ProductList .divProductListImage img {
	display: block;
    max-width: 100%;
    height: auto;
}
.sp-ProductList ul.items li:before {
	content: "";
}
.sp-ProductList ul.items li:hover { 
	background: #EEE;
}
.sp-ProductList ul.items li a { 
	color: #1845ab;
	text-decoration: none;
}
.sp-ProductList ul.items li .field-productheading {
	margin-bottom: 15px;
}
.sp-ProductList ul.items li .field-productbasicdescription {
    display: -webkit-box;
    max-width: 100%;
    height: 4.8em !important;
    line-height: 1.6;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.sp-ProductList .DivProductListContainer a {
	font-weight: inherit;
}
.sp-ProductList .DivProductListContainer .field-readmore { 
	margin-top: -5px;
}
.sp-ProductList .DivProductListContainer .field-readmore a {
	font-weight: 800;
}
.sp-ProductList .DivProductListContainer .divProductListText h5.field-productname {
	margin-top: 0;
}
/* Product listing over */


/* PDP */
main .sp-PdpAccordion {
                border-image: none;
                border: 1px solid #ddd;
}
main .sp-PdpAccordion .items {
                margin-bottom: 0;
}
main .sp-PdpAccordion .items > li::before {
                content: initial;
}
main .sp-PdpAccordion .items > li .toggle-header {
                border-image: none;
                border-width: 0;
                padding: 15px;
                margin-left: 0;
}
main .sp-PdpAccordion .items > li .toggle-content { 
                padding: 30px;
                border-top: 1px dotted #222;
                background: #fff;
}
main .sp-PdpAccordion .toggle-header .component .field-heading:before {
                right: 10px;
                left: initial;
                content: "\f138";
}
main .sp-PdpAccordion .items > li.active .toggle-header .component .field-heading:before { 
                content: "\f13a" !important;
}
main .sp-PdpAccordion .toggle-header .component .field-heading {
                padding-left: 10px;
}
main .sp-PdpAccordion .items > li.active .toggle-header {
                background: transparent;
                border: 0;
                box-shadow: inset 1px 0px 25px 4px lightgrey;
}
main .sp-PdpAccordion .items > li.active .toggle-content {
                box-shadow: inset 1px 0px 25px 4px lightgrey;
}
main .sp-PdpAccordion .items > li {
                border-bottom: 1px solid #ddd; 
                margin-bottom: 0;
                background: whitesmoke;
}
.accordion {
                border-image: none;
                border-width: 0;
}
.sp-ProductDetailsPageContent .field-productdetails > h2 {
                color: #6e8878; 
                background-color: #ffffff; 
                margin: 0.75em 0px 0.5em;
}
.sp-ProductDetailsPageContent .field-productdetails > p {
                color: #564c3f; 
                background-color: #ffffff; 
                margin: 0px 0px 1.5em;
}
/* PDP end */


/* style Fix */
.sp-divImgResponsive img
{
	max-width: 100%;
	height: auto;
	display:block
}

.sp-HomeCarousel img
{
  max-width: 100%;
	height: auto;
	display:block
}
.navigation.sitemap-navigation .level2 a {
  position: relative;
  padding-left: 10px;
}

.navigation.sitemap-navigation .level2 a:before {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateY(-50%) scale(1, -1);
  -ms-transform: translateY(-50%) scale(1, -1);
  transform: translateY(-50%) scale(1, -1);
  position: absolute;
  content: "";
  top: 50%;
  left: -8px;
}

/* Sitemap start */
	.sp-Sitemap {
		padding-left: 0;
		padding-right: 0;
	}
	.sp-Sitemap a{
		padding-top: 0;
		padding-bottom: 0;
	}
	.sp-Sitemap a:hover { 
		text-decoration: none;
	}
	.sp-Sitemap h4 {
		padding: 5px 15px;
	}
	.sp-Sitemap > div > nav > ul { 
		margin: 0;
		width: 100%;
		float: left;
		padding: 20px 0;
	}
	.sp-Sitemap > div > nav > ul > li {
		width: 18%;
		float: left;
		margin-left: 2%;
	}

	.sp-Sitemap > div > nav > ul > li > .navigation-title {
		margin: 15px 0;
	}

	.sp-Sitemap > div > nav > ul > li:last-child {
		/*clear: left;*/
	}
	.sp-Sitemap ul:not(:first-child) a {  
		color: #000;
		font-size: 13px;
		display: inline-block;
	}
	.sp-Sitemap .navigation-title { 
		font-weight: 800;
	}
	.sp-Sitemap ul li {
		display: block !important;
		padding-left: 0 !important;
	}
		
	@media only screen and (max-width: 767px) {
		footer .sp-Sitemap {
			display: none;
		}
	}
	
	@media only screen and (max-width: 391px) {
		.sp-Sitemap ul .rel-level1 {
			width: 98%;
		}
	}
	@media only screen and (min-width: 392px) and (max-width: 567px) {
		.sp-Sitemap ul .rel-level1 {
			width: 47%;
		}
	}
	@media only screen and (min-width: 568px) and (max-width: 767px) {
		.sp-Sitemap ul .rel-level1 {
			width: 30%;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.sp-Sitemap ul .rel-level1 {
			width: 22%;
		}
	}
/* Sitemap over */

/* Cookie notification */
.cookie-notification,.privacy-warning {
	background: rgba(0, 147, 208, 1) !important;
	opacity: 1 !important;
	padding: 10px 0 0;
}
.cookie-notification .info,.privacy-warning .info { 
	float: left;
	padding-left: 7%;
	padding-top: 4px;
}
.cookie-notification .info .color-txt-black,.privacy-warning .info .color-txt-black { 
	color: #000;
    font-size: 1em;
    font-weight: 800;
    padding-left: 1px;
}
.cookie-notification .info .color-txt-black:hover ,.privacy-warning .info .color-txt-black:hover{ 
	text-decoration: none;
}
.cookie-notification .submit ,.privacy-warning .submit { 
	float: right;
	padding: 5px 7% 10px;
}
.cookie-notification .submit a,.privacy-warning .submit a {
	padding: 3px 18px;
    background-color: #d0edf9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.privacy-warning .submit {
    float: right;
    padding: 5px 7% 10px;
}
.privacy-warning{
  font-size: 14px;
  /* font-size: 1.4rem; */
  opacity: 0.8;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0;
  color: #FFFFFF;
  text-align: center;
  z-index: 1000;
  background: url(../Images/overlay-bg.png);
}

.privacy-warning .component-content {
  position: relative;
  height: auto;
  width: 90%;
  padding: 15px;
  margin: 0 auto;
}

.privacy-warning a {
  color: #FFFFFF;
}

.privacy-warning a:hover, .privacy-warning a:focus {
  color: #FFFFFF;
}

.privacy-warning .close {
  -webkit-transform: scale(1.3, 0.95);
  -ms-transform: scale(1.3, 0.95);
  transform: scale(1.3, 0.95);
  font-size: 35px;
  font-size: 3.5rem;
  position: absolute;
  top: -10px;
  right: 8px;
  font-weight: bold;
}

.privacy-warning .learnMore {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.privacy-warning .submit {
  display: inline-block;
  vertical-align: middle;
  
}

.privacy-warning .submit a {
  font-size: 13px;
 /*  font-size: 1.3rem; */
  border: 1px solid #d2d2d2;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  color: #000;
}
/* Cookie notification over */

/* News detail */
.news-details-container.details-news {
    background:  #f9f9f9;
    padding: 0 15px;
    margin: 15px 0;
    width: auto;
}

.entry-meta {
    font-size: 0.88em !important;
    word-spacing:  0.1em;
    color: #222;
    margin: 5px 0 15px;
    font-weight:  800;
    letter-spacing:  1px;
}

.entry-meta i {
    padding: 0 7px 0 0;
}

.entry-meta i:hover {
    color: #D2691E;
}
.news-details-container.details-news h1 {
    font-weight:  normal;
}
.news-details-container.details-news h1 {
    font-size: 1.4em;
}
/* News detail over */



/* News Listing */
.details-news .year-header {
    background-color: #eaeaea;
    margin: -30px -15px 0 -15px;
}

.details-news .year-header .active a {
    font-weight: 800;
}

.details-news .year-header a:hover, .details-news #news-listing-container a:hover {
    text-decoration: none;
}

.details-news .year {
    background-color: transparent;
}

.pdp-bg-txt-sec .year.active::after {
    border-color: #292929 transparent transparent transparent !important;
    bottom: -2px !important;
    border-width: 8px !important;
    margin-left:  -7px !important;
}

.details-news .year a {
    font-family: 'PT Sans','PT Sans Bold', serif;
}

.details-news .year a:hover {
    font-weight: 800;
}

.details-news .news-item .entry-meta {
    font-size: 12px !important;
    margin: 15px 0 0 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.details-news .news-item .entry-title {
    margin-top: 5px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1em;
    line-height: inherit;
}

.details-news .news-item .entry-meta .list-inline {
    margin-bottom: 0;
	overflow: hidden;
}

.details-news #news-listing-container .col-sm-4 {
    padding-top: 15px;
}

.details-news #news-listing-container .show-more-link {
    color: #2a6496 !important;
    font-size: 15px;
    font-weight: 800;
}

.details-news .year-header a:hover, .details-news #news-listing-container img {
    display: block;
    max-width: 100%;
    height: auto;
}

.details-news .mb-4 {
    text-align: center;
    padding: 0;
    background: #eaeaea;
}

.details-news #btnSeemore {
    display: inline-block;
    padding: 6px 12px !important;
    font-size: 0.78em;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-image: linear-gradient(#ffffff, #f5f5f5);
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    margin: 10px 0 10px 0 !important;
}
.details-news .news-thumbnail {
    width: 203px;
    height: 170px;
    overflow: hidden;
    text-align: center;
}
.details-news .news-thumbnail > a{ 
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 0;
	position: relative;
}
.details-news .news-item p { 
    overflow: hidden; 
    display: block; 
    display: -webkit-box; 
    -webkit-line-clamp: 5; 
    -webkit-box-orient: vertical; 
    line-height: 1.5em; 
    height: 7.5em; 
} 
#news-listing-container .news-item {
    margin-bottom: 33px;
}
.details-news #news-listing-container .show-more-link { 
    color: #2a6496 !important;
    font-size: 15px;
    position: absolute;
    font-weight: 800;
    bottom: 10px;
    left: 17px;
    bottom: 12px;
} 

/* News Listing over */

/* Search UI */
.sp-searchresult .pdp-bg-txt-sec > .container {
    width: auto;
}

.sp-searchresult .leftside_menu.search_catag_list h3.BrandingColor {
    color: #EE2227;
    font-size: 22px;
    text-transform:  uppercase;
    margin-top:  25px;
}

.sp-searchresult .search_results > h1, .sp-searchresult .search_results > h1 span {
    font-size: 20px;
    margin: 0 0 20px 0;
}

.sp-searchresult .leftside_menu.search_catag_list ul#ulFacetLinksList li a {
    color: #333 !important;
}

.sp-searchresult .leftside_menu.search_catag_list ul#ulFacetLinksList li a, .sp-searchresult .leftside_menu.search_catag_list ul#ulFacetLinksList li a > span {
    font-size: 15px !important;
}
.sp-searchresult .leftside_menu.search_catag_list ul#ulFacetLinksList li a > span {
    padding-left: 4px;
}
.sp-searchresult .leftside_menu.search_catag_list ul#ulFacetLinksList li {
    margin-bottom: 10px;
}

.sp-searchresult .search_results > h1 {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
    padding:  15px;
}

.sp-searchresult .search_results {
    background-color: #f9f9f9;
    margin-bottom: 22px;
}

.sp-searchresult .leftside_menu.search_catag_list, .sp-searchresult .search_results { 
    margin-top: 22px;
}

.sp-searchresult .search_results_list > h4 {
    padding: 0 15px;
}

.sp-searchresult .search_results_list ul li {
    border-bottom: 1px solid #c1c1c1;
    padding: 15px;
}

.sp-searchresult .search_results_list ul li h5 {
    font-size: 16px;
    margin: 0;
}
.sp-searchresult .search_results ul li a {
    color: #1845ab !important;
	word-wrap: break-word;
}

.sp-searchresult .search_results .see_more {
    text-align: center;
    padding: 10px;
    background: #eaeaea;
}

.sp-searchresult .search_results .see_more input {
    display: inline-block;
    padding: 6px 12px !important;
    font-size: 0.78em;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-image: linear-gradient(#ffffff, #f5f5f5);
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
}

.sp-searchresult #search_result_content a:hover {
    text-decoration: none;
}

.sp-searchresult .leftside_menu.search_catag_list ul#ulFacetLinksList li:first-child a {
    font-weight: bolder;
}

/* Search UI over */


.sp-LanguageFlag {
    text-align: center;
}
.sp-LanguageFlag .items .item {
    display: inline-block;
    padding: 0;
    height: 75px;
    width: 85px;
}

.sp-LanguageFlag .items .item img {
    width: 75px;
    height: 75px;
}

.sp-LanguageFlag .items .item {
                opacity: 0.17;
}
.sp-LanguageFlag .items .item.activeFlag {
                opacity: 1 !important;
}


.tradeshows-list .dates, .tradeshows-list .heading, .tradeshows-list .loc, .tradeshows-list .link {
    display: block;
}

.tradeshows-list > div {
    border-bottom: 1px solid #e7e7e7;
    margin: 10px 0;
    padding: 15px 15px;
}

.tradeshows-list {
    background: #f9f9f9;
    margin: -30px -15px 0 -15px;
}

.tradeshows-list > div > .col-sm-6 {
    padding-left: 0;
}

.tradeshows-list .dates > span {
    font-size: 14px !important;
    font-weight:  normal;
}

.tradeshows-list .loc {
    font-size: 14px;
}

.tradeshows-list .link {
    font-size: 14px;
    display: inline-block;
    word-break: break-word;
}

.tradeshows-list .heading {
    font-size: 14px;
    font-family: openSansBold;
}

.tradeshows-list .link:hover {
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
.tradeshows-list > div > .col-sm-6 {
    text-align: center;
}
.tradeshows-list > div > .col-sm-6 > img {
    margin: 0 auto 20px;
}
}

.sp-LanguageFlag .items .item:hover {
    opacity: 1;
} 


main .col-sm-6 form {
    margin-top: 15px;
    padding: 0;
    margin-bottom: 15px;
}

main .col-sm-6 form .page-header {
    margin-bottom: 10px;
    padding-left: 18px;
    border-bottom: 1px solid #C1C2C3;
    font-size: 16px;
    padding: 10px 18px;
    background: #f9f9f9;
}

main .col-sm-6 form .page-header h1 {
    font-size: 17px;
    margin: 0;
}

main .col-sm-6 form p {
    padding: 0 18px !important;
    text-align: left;
} 

main .col-sm-6 form div:not(.page-header):not(.sp-contactus main .col-sm-6 form div.scfCaptcha .g-recaptcha > div) {
    padding: 0 18px !important;
    text-align: left;
}
.contact-tech-support{
/* position: relative;
bottom: 14px;
left: 18px; */
}

.contact-tech-support input[type="submit"] {
color: rgb(248, 247, 247);
font-size: 17px;
font-family: PT Sans;
font-weight: 700;
min-width: 100px;
border: none;
background-color: #ED1C24;
position:relative;
bottom:20px;
left:20px;
}
.sunpower-captcha{
margin-left: -52px !important;
}

main .col-sm-6 form fieldset { 
    padding: 0 18px !important;
}

.has-feedback .checkbox, .has-feedback .checkbox label {
    padding-left: 0 !important;
}
.has-feedback .checkbox label input[type="checkbox"] {    
    position: relative;
    height: auto !important;
}


.has-feedback .radio, .has-feedback .radio label {
    padding-left: 0 !important;
}
.has-feedback .radio label input[type="radio"] {    
    position: relative;
    height: auto !important;
}

main .col-sm-6 form .scfCaptcha .g-recaptcha > div, main .col-sm-6 form .scfCaptcha .g-recaptcha, main .col-sm-6 form .scfCaptcha .g-recaptcha > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
main .col-sm-6 form .form-submit-border {
    padding: 15px !important;
    text-align: left;
}

@media screen and (max-device-width: 575px) {
    .wffmResponsiveInput {
        width: 100%;
    }
}

/* Thank you page START*/
.sp-thankyoupage main .field-content .overview .content {
                font-size: 32px;
                color: #444;
                display: block;
                text-align: center;
}
.sp-thankyoupage main .field-content .overview .content:before {
                content: "\f058";
                display: block;
                font-family:  fontawesome;
                font-size: 3em;
                color: #a7f193;
}
.sp-thankyoupage main .field-content .overview .content .thankyou_text {
                font-size: 18px;
                margin: 0 0 30px 0;
                color: #555;
}
.sp-thankyoupage main .field-content .overview .content .msg_icon a {
                background: #425fa0;
                color: #fff !important;
                border-radius: 8px;
                padding: 10px 18px;
}
.sp-thankyoupage main .field-content .overview .content .msg_icon a:hover { 
                text-decoration: none;
}
/* Thank you page END*/

/*WFFM form START*/
.form input[type="text"], .form input[type="password"], .form textarea, .form input[type="file"], .form input[type="email"], .form input[type="tel"] {
   border-image: initial !important;
   border-width:  1px;
   transition:  border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   box-shadow:  inset 0 1px 1px rgba(0, 0, 0, .075);
   border: 1px solid #ccc;
   width: 100%;
   font-weight: normal;
}
.help-block {
    height: 10px;
}

.help-block > span {
    font-size: 13px !important;
}

/*Contact us form START*/
.sp-contactus .col-sm-6 form .cloneRow legend {
    font-size: 16px;
    border-bottom: 0px;
}

.sp-contactus .col-sm-6 form .cloneRow > div > div > div.form-group.has-feedback { 
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.has-feedback .checkbox {
   margin-bottom: -20px; 
}
/*Contact us form END*/

/*WFFM form END*/

#RegisterModal .modal-title {
                background: inherit !important;
}
#RegisterModal .modal-header { 
                text-align: right;
    position: absolute;
    left: 0;
    right: 0;
}


@media only screen and (max-width: 291px) {
    main .container .sp-HomeCarousel .nav {
        left: 24%;
    } 
}
@media only screen and (min-width: 292px) and (max-width: 425px) {
    main .container .sp-HomeCarousel .nav {
        left: 29%;
    } 
}
@media only screen and (min-width: 426px) and (max-width: 575px) {
    main .container .sp-HomeCarousel .nav {
        left: 34%;
    } 
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    main .container .sp-HomeCarousel .nav {
        left: 39%;
    }
}
@media only screen and (max-width: 767px) {
    .sp-HomeCarousel .carousel-inner ul.slides .field-slidelink a {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .details-news .year-header {
        margin-top: -10px;
    }
}

.accordion .toggle-header .component .field-heading
{
max-width: 88%;
word-break: break-all;
white-space: normal;
}

@media only screen and (min-width: 768px) {
	.ui-autocomplete { 
		position: absolute !important; 
		top: 70px !important; 
		width: 20% !important; 
		background: #fff; 
	}
	.ui-autocomplete li { 
		word-break: break-word; 
		padding: 0px 9px; 
		text-overflow: ellipsis; 
	}  

	.ui-autocomplete li a {
		font-size: 12px; 
	}
	
	.ui-autocomplete li:hover {
		background: #EEE !important; 
	}
	
	.ui-autocomplete li a:hover { 
		text-decoration: none;  
	} 
	.ui-autocomplete li:hover, .ui-autocomplete li:hover a { 
		text-decoration: none;  
		background: none;
		border: none;
	}

	.ui-autocomplete li, .ui-autocomplete li a {
		text-decoration: none !important;
		background: none !important;
		border: none !important;
	}

	.ui-autocomplete li, .ui-autocomplete li a {
		transition: background 0.1s; 
		-webkit-transition: background 0.1s; 
	}
}

#section-pdp .details-news .news-thumbnail {
                                width: auto;
                                height: auto;
                }

.details-news .news-item .entry-meta {
                                white-space: normal;
                }

@media only screen and (max-width: 767px) {
    .details-news .news-item p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5em;
        height: 3em;
    }
}
@media only screen and (max-width: 767px) {
	
    .details-news #news-listing-container .show-more-link {
        bottom: -24px !important;
    }
	 .details-news #news-listing-container .news-item-padding .show-more-link {
        bottom: 12px !important;
    }
	
} 
    
.sxa-form .validation-summary-errors ul li {
    color: #a94442;background-color: #f2dede;
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid #ddd;
}


.sxa-form .validation-summary-errors ul {
    padding: 0;
    margin-bottom: 20px;
}

.sxa-form .input-validation-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.sxa-form .valid{
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    }
.sxa-form .has-success label{
        color: #3c763d;
    }

.sxa-form .field-validation-error span, .sxa-form .field-validation-error {
    font-size: 13px !important;
    color: #a94442;
}


.sxa-form .field-validation-error {
    padding: 6px 0 0px 0;
}


.sxa-form .haserror label {
    color: #a94442;
}
.haserror  .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.sxa-form span.field-validation-valid {
    display: block;
    color: #737373;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 10px;
}

.sxa-form label + span.field-validation-valid {
    padding: 0;
}
.validation-summary-valid {
    margin-bottom: 20px;
}
.sxa-privacypolicyform input[type="text"],.sxa-privacypolicyform input[type="password"], .sxa-privacypolicyform input[type="email"], .sxa-privacypolicyform input[type="tel"], .sxa-privacypolicyform input[type="number"], .sxa-privacypolicyform select, .sxa-privacypolicyform textarea{
                font-family: Balsamiq, Helvetica, Verdana, Tahoma, sans-serif;
                font-size: 14px;
                line-height: 20px;
                color: #555;
}
.sxa-privacypolicyform textarea + span{
                display: inline-block !important;
    vertical-align: middle;
}
.sxa-generalcontact .newsletter-form span.field-validation-valid {
    margin: 0;
    height: 0;
}

.sxa-form label + span.field-validation-valid {
    margin: 0;
    padding: 0;
    height: 0;
}
input.btn.btn-primary.btn-align {

margin-left: -15px !important;
}
