/*image component css starts here*/

	    @font-face {
		  font-family: "BrandFont";
		  src: url("../../../clientlibs/clientlib-base/resources/fonts/neue-haas-grotesk/NeueHaasGroteskText55Roman.woff") format("woff"), url("../../../clientlibs/clientlib-base/resources/fonts/neue-haas-grotesk/NeueHaasGroteskText55Roman.ttf") format("truetype");
		  font-weight: normal;
		}
		@font-face {
		  font-family: "BrandFont";
		  src: url("../../../clientlibs/clientlib-base/resources/fonts/neue-haas-grotesk/NeueHaasGroteskText75Bold.woff") format("woff"), url("../../../clientlibs/clientlib-base/resources/fonts/neue-haas-grotesk/NeueHaasGroteskText75Bold.ttf") format("truetype");
		  font-weight: bold;
		}
		@font-face {
		  font-family: "VZIcons";
		  src: url("../../../clientlibs/clientlib-base/resources/fonts/icon-fonts/vzicons.woff") format("woff");
		  font-weight: normal;
		}
		img {
			max-width: 100%;
			height: auto;
		}
		.column {
			padding-left: 0.5625rem;
			padding-right: 0.5625rem;
			float: left;
		}
		.flex-column {
		  display: flex;
		  flex-flow: column nowrap;
		}		
		.border-all {
			border-width: 1px !important;
			border-style: solid !important;
			border-color: #cccccc;
		}
		.medium-6 {
			width: 50%;
		}
		.tiny-12 {
			width: 100%;
		}
		.margin-top-medium {
			margin-top: 1.5rem !important;
		}
		img {
			display: inline-block;
			vertical-align: middle;
			image-rendering: optimizeQuality;
		}
		p{
			font-family: inherit;
			font-weight: normal;
			font-size: 0.875rem;
			line-height: 1.5;
			margin-bottom: 1.5rem;
			text-rendering: optimizeLegibility;
			margin-top: 0;
		}
		.margin-bottom-medium {
			margin-bottom: 1.5rem !important;
		}
		.center {
			display: block !important;
			margin-left: auto !important;
			margin-right: auto !important;
		}
		.text-center {
			text-align: center !important;
		}
		.bold {
			font-weight: bold;
		}
		.margin-bottom-zero {
			margin-bottom: 0rem !important;
		}
		@media only screen and (min-width: 48rem){
			.medium-margin-top-zero {
				margin-top: 0rem !important;
			}
		}
		@media screen and (min-width: 768px) {
			.custom-columns .flex-row {
			  display: flex;
			}
			.custom-columns .flex-column {
			  display: flex;
			  flex-flow: column nowrap;
			}
			.custom-columns .bottom {
			  margin-top: auto;
			}
			.bottom {
				margin-top: auto;
			}
	   }
	/* image varient 2*/
	.padding-vert-zero {
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}
	.medium-4 {
		width: 33.33333%;
	}
	a, a:hover, a:visited, a:active, a:focus {
		color: #000;
		text-decoration: underline;
		text-underline-position: under;
		font-size: 0.875rem;
		outline-offset: 1px!important;
	}
	a img {
		border: none;
	}
	[data-open-modal] {
		cursor: pointer;
	}
	a, a img:focus {outline:0;}
	.w_modal {
		position: absolute;
		background-color: #fff;
		border-radius: 0;
		width: 80%;
		margin-left: -40%;
		left: 50%;
		top: -100%;
		opacity: 0;
		z-index: -1;
		overflow: hidden;
		max-height: 90%;
		-moz-transition: opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.3s, margin-top 0.3s;
		-o-transition: opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.3s, margin-top 0.3s;
		-webkit-transition: opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s, margin-top 0.3s;
		-webkit-transition-delay: 0s, 0s, 0s, 0.3s, 0s;
		transition: opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.3s, margin-top 0.3s;
    	border: 1px solid #fff;

	}
	@media only screen and (max-width: 30rem) { 
		  .w_modal {
			width: 95%;
			margin-left: -47.5%;
		  }
	}

		.w_modal.m_tiny, .w_modal.m_small, .w_modal.m_medium, .w_modal.m_large, .w_modal.m_xlarge {
		  width: 95%;
		  margin-left: -47.5%;
		}
		
		.w_modal.m_full, .w_modal.m_cover, .w_modal.m_cover-all {
		  width: 100%;
		  max-width: none;
		  margin-left: -50%;
		  border-radius: 0;
		}
		
		.w_modal.m_full .modal_header,
		.w_modal.m_full .modal_footer, .w_modal.m_cover .modal_header,
		.w_modal.m_cover .modal_footer, .w_modal.m_cover-all .modal_header,
		.w_modal.m_cover-all .modal_footer {
		  border-radius: 0;
		}
	.modal_content {
		position: relative;
		float: left;
		height: auto;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 1.125rem;
		padding-bottom: 0;
		-webkit-overflow-scrolling: touch;
		z-index: 2;
		width: 100%;
		box-sizing: border-box;

	}
	.w_modal.active {
	  top: 5%;
	  overflow: hidden;
	  opacity: 1;
	  z-index: 800;
	  -moz-transition: opacity 0.3s 0s, top 0.3s 0s, z-index 0s 0s, margin-top 0.3s;
	  -o-transition: opacity 0.3s 0s, top 0.3s 0s, z-index 0s 0s, margin-top 0.3s;
	  -webkit-transition: opacity 0.3s, top 0.3s, z-index 0s, margin-top 0.3s;
	  -webkit-transition-delay: 0s, 0s, 0s, 0s;
	  transition: opacity 0.3s 0s, top 0.3s 0s, z-index 0s 0s, margin-top 0.3s;

	}
.w_modal.active:focus, .modal_content:focus, .w_modal.active:active, .modal_content:active, .w_list-control li.list-menu:focus{
	outline: none;

}
.image-component-varient1{
	text-align: center;
    max-width: 970px;
    margin: 0 auto;
}
	.image-component-varient1 a{
		display: inline-block;
    	position: relative;
    	bottom: -6px;
        top: 0;
	}
.image-component-varient1 a:hover, .image-component-varient1 a:visited, .image-component-varient1 a:active, .image-component-varient1 a:focus{

		background: none;
    	/*cursor: default;*/

	}
.image-component-varient1 p{
	font-size: 0.875rem;
    line-height: 1.5;
    /*margin-bottom: 0;*/
}

.image-component-varient2 a{
		display: inline-block;
		color: #000 !important;
		text-decoration: underline;
		text-underline-position: under;
		background: none;
    	text-align: center;
	}
	.image-component-varient2 a:hover, .image-component-varient2 a:visited, .image-component-varient2 a:active, .image-component-varient2 a:focus{
		text-decoration: underline;
		text-underline-position: under;
		background: none;
		color: #000 !important;
	}
	.image-component-varient1 ul{
		margin-left: 10px;
        text-align: left;
	}
	.image-component-varient1 ul li{ 
		list-style-type: disc;
		list-style-position: outside;
	}

/* line 194, ../../scss/widgets/modal-mixins.scss */
.w_modal .modal_x {
  position: absolute;
  top: 0.5rem;
  right: 1.0rem;
}
/* line 205, ../../scss/widgets/modal-mixins.scss */
.w_modal > .modal_x.m_right + .modal_header::before, .w_modal > .modal_x.m_right + .modal_content::before {
  content: '\e65b';
  float: right;
  width: 1.5rem;
  height: 1.125rem;
}

/* line 221, ../../scss/widgets/modal-mixins.scss */
.modal_x {
  position: relative;
  float: right;
  width: 1rem;
  height: 1rem;
  padding: 0.75rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  -webkit-transform: rotate(0.0deg);
  z-index: 810;
  margin: -1rem -1rem 0 0;
  width: 1.125rem;
  height: 1.125rem;
}
/* line 299, ../../scss/base/_global.scss */
.modal_x:hover {
  text-decoration: none;
  background: none;
}
/* line 303, ../../scss/base/_global.scss */
.modal_x::before {
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'VZIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  color: currentColor;
  font-size: 1.5rem;
  display: inline;
  position: relative;
  color: #000 !important;
}
/* line 713, ../../scss/base/_global.scss */
.modal_x:before {
   content: '\e65b';
  color: #959595;
  font-size: 0.75rem;
  position: absolute;
  right: 0.375rem;
  top: 0.375rem; 
}
/* line 722, ../../scss/base/_global.scss */
.modal_x:hover {
  text-decoration: none;
}
/* line 725, ../../scss/base/_global.scss */
.modal_x:hover:before {
  color: #a2a2a2;
}
/* line 230, ../../scss/widgets/modal-mixins.scss */
.modal_x::before {
   content: '\e65b';
  font-size: 0.75rem;
  left: -0.25rem;
}
.medium-p-100 {
    width: 100% !important;}
.image-border-top{    height: 1.5px;
    background-color: black;}

.batteryBackup .columnscontrol {
margin-top: 0px !important;
}

/***image alignment fix in mobile**/
@media screen and (max-width: 767px) {
	.image-component-varient1 .margin-horiz-small {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
    display: inline-block;
    vertical-align: middle;
   /* width: 400px !important;*/
  }
}
/*image component css ends here*/


/*Contacts US Image styles Ends here*/
.contactus-image {
    width: 100%;
    -webkit-box-shadow: 0 0.1875rem 0.25rem 0 rgba(175, 175, 175, 0.5);
    box-shadow: 0 0.1875rem 0.25rem 0 rgba(175, 175, 175, 0.5);
    margin-bottom: 1.5rem;
    background: #fff;
     margin-top: 25px;
}
.contactus-image .image-content {
     height: 11.10rem !important;
position: relative;
        min-height: 230px;
}
.contactus-image .image-content img {
    margin: 0 auto;
    top: 5% !important;
    height: 11.975rem;/*it was 11.875rem*/
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0 !important;
}
.contactus-image .image-content p {
   /* height: 11.875rem; */
    vertical-align: middle;
    padding-left: 1.25rem;
    max-width: 16.3125rem;
    position: relative;
    left: 10%;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 600;
    text-align: left !important;
    color: #fff;
    margin: auto 0;
    letter-spacing: 0.0375rem;
    top: 15%;/*it was 23%*/
    margin-bottom: 70px !important;
}
.contactus-image .image-content  a {
    padding-top: 4px !important;
   margin: auto;
    list-style: none;
    width: 100%;
    padding-left: 1.25rem;
width: 100%;
    padding: 0.875rem 1.25rem 0.875rem 0;
    display: inline-block;
font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.03rem;
}
.contactus-image .image-content ul  {
	margin: auto;
	list-style: none;
	width: 100%;
	padding: 0;
	padding-left: 1.25rem;
	padding-top: 4px !important;
    position: relative;
}
.contactus-image .image-content ul li:first-child {
  border-top: none;
}
.contactus-image .image-content ul li {
    width: 100%;
    padding: 0.875rem 1.25rem 0.875rem 0;
    display: inline-block;
}
.contactus-image .image-content ul li a {
    position: relative;
    color: #0f0f0f;
    display: inline-block;
    line-height: 1rem;
    color: #fff;
    bottom: 3% !important;
    top: 64% !important;
}
.contactus-image .image-content ul li a:before {
    content: "\e631";
    font-family: VZIcons;
    font-size: .55rem;
    top: 18px;
    left: 109px;
    position: absolute;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    margin-top: -0.5625rem;
}	
.remove-row .row{
	width:100%;
}
/*Contacts US Image styles Ends here*/

/* Home page Styles Starts here */
.contact-us-column .seconddiv .image-component-varient1 .margin-horiz-small{
	margin-top : 0 !important;
}
/* Home page Styles Ends here */
/* Power Reserver Page Styles Starts Here */
.remove-row.power-reserve .row{
	margin-left: 125px;
}
.power-reserve .image-component-varient1 .margin-horiz-small{
	margin-bottom: 3rem !important;
}
/* Power Reserver Page Styles Ends Here */